@indigina/ui-kit 1.1.424 → 1.1.425
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6191,7 +6191,7 @@ class KitDataFieldComponent {
|
|
|
6191
6191
|
this.kitTooltipPosition = KitTooltipPosition;
|
|
6192
6192
|
}
|
|
6193
6193
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDataFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6194
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitDataFieldComponent, isStandalone: true, selector: "kit-data-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, tooltipText: { classPropertyName: "tooltipText", publicName: "tooltipText", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-data-field\"\n [ngClass]=\"state()\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n <div class=\"kit-data-field-value\">\n <div class=\"kit-data-field-text\">\n {{ value() || defaultValue }}\n </div>\n @if (icon()) {\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".kit-data-field-icon\"\n class=\"kit-data-field-icon\"\n [kitTooltipVisible]=\"!!tooltipText()\"\n [class.has-tooltip]=\"!!tooltipText()\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [icon]=\"icon()\"\n [title]=\"tooltipText()\"\n [ngClass]=\"iconType() ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n </div>\n</div>\n", styles: [".kit-data-field{display:flex;flex-direction:column;gap:2px}.kit-data-field.default .kit-data-field-label{color:var(--ui-kit-color-main)}.kit-data-field.default .kit-data-field-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-data-field.default .kit-data-field-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-data-field.warning .kit-data-field-label{color:var(--ui-kit-color-orange)}.kit-data-field.warning .kit-data-field-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-data-field.warning .kit-data-field-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-data-field-label{font-size:14px;font-weight:500;line-height:20px}.kit-data-field-value{display:flex;align-items:center;gap:15px}.kit-data-field-text{padding-right:1px;color:var(--ui-kit-color-grey-14);font-size:24px;font-weight:400;letter-spacing:-1.2px;line-height:30px;overflow:hidden;
|
|
6194
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitDataFieldComponent, isStandalone: true, selector: "kit-data-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, tooltipText: { classPropertyName: "tooltipText", publicName: "tooltipText", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-data-field\"\n [ngClass]=\"state()\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n <div class=\"kit-data-field-value\">\n <div class=\"kit-data-field-text\">\n {{ value() || defaultValue }}\n </div>\n @if (icon()) {\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".kit-data-field-icon\"\n class=\"kit-data-field-icon\"\n [kitTooltipVisible]=\"!!tooltipText()\"\n [class.has-tooltip]=\"!!tooltipText()\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [icon]=\"icon()\"\n [title]=\"tooltipText()\"\n [ngClass]=\"iconType() ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n </div>\n</div>\n", styles: [".kit-data-field{display:flex;flex-direction:column;gap:2px}.kit-data-field.default .kit-data-field-label{color:var(--ui-kit-color-main)}.kit-data-field.default .kit-data-field-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-data-field.default .kit-data-field-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-data-field.warning .kit-data-field-label{color:var(--ui-kit-color-orange)}.kit-data-field.warning .kit-data-field-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-data-field.warning .kit-data-field-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-data-field-label{font-size:14px;font-weight:500;line-height:20px}.kit-data-field-value{display:flex;align-items:center;gap:15px}.kit-data-field-text{padding-right:1px;color:var(--ui-kit-color-grey-14);font-size:24px;font-weight:400;letter-spacing:-1.2px;line-height:30px;overflow:hidden;text-overflow:ellipsis}.kit-data-field-icon{flex-shrink:0;width:20px;height:20px}.kit-data-field-icon.has-tooltip{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6195
6195
|
}
|
|
6196
6196
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitDataFieldComponent, decorators: [{
|
|
6197
6197
|
type: Component,
|
|
@@ -6199,7 +6199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
6199
6199
|
NgClass,
|
|
6200
6200
|
KitSvgIconComponent,
|
|
6201
6201
|
KitTooltipDirective,
|
|
6202
|
-
], template: "<div class=\"kit-data-field\"\n [ngClass]=\"state()\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n <div class=\"kit-data-field-value\">\n <div class=\"kit-data-field-text\">\n {{ value() || defaultValue }}\n </div>\n @if (icon()) {\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".kit-data-field-icon\"\n class=\"kit-data-field-icon\"\n [kitTooltipVisible]=\"!!tooltipText()\"\n [class.has-tooltip]=\"!!tooltipText()\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [icon]=\"icon()\"\n [title]=\"tooltipText()\"\n [ngClass]=\"iconType() ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n </div>\n</div>\n", styles: [".kit-data-field{display:flex;flex-direction:column;gap:2px}.kit-data-field.default .kit-data-field-label{color:var(--ui-kit-color-main)}.kit-data-field.default .kit-data-field-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-data-field.default .kit-data-field-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-data-field.warning .kit-data-field-label{color:var(--ui-kit-color-orange)}.kit-data-field.warning .kit-data-field-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-data-field.warning .kit-data-field-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-data-field-label{font-size:14px;font-weight:500;line-height:20px}.kit-data-field-value{display:flex;align-items:center;gap:15px}.kit-data-field-text{padding-right:1px;color:var(--ui-kit-color-grey-14);font-size:24px;font-weight:400;letter-spacing:-1.2px;line-height:30px;overflow:hidden;
|
|
6202
|
+
], template: "<div class=\"kit-data-field\"\n [ngClass]=\"state()\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n <div class=\"kit-data-field-value\">\n <div class=\"kit-data-field-text\">\n {{ value() || defaultValue }}\n </div>\n @if (icon()) {\n <kit-svg-icon kitTooltip\n kitTooltipFilter=\".kit-data-field-icon\"\n class=\"kit-data-field-icon\"\n [kitTooltipVisible]=\"!!tooltipText()\"\n [class.has-tooltip]=\"!!tooltipText()\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [icon]=\"icon()\"\n [title]=\"tooltipText()\"\n [ngClass]=\"iconType() ?? kitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n </div>\n</div>\n", styles: [".kit-data-field{display:flex;flex-direction:column;gap:2px}.kit-data-field.default .kit-data-field-label{color:var(--ui-kit-color-main)}.kit-data-field.default .kit-data-field-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-data-field.default .kit-data-field-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-data-field.warning .kit-data-field-label{color:var(--ui-kit-color-orange)}.kit-data-field.warning .kit-data-field-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-data-field.warning .kit-data-field-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-data-field-label{font-size:14px;font-weight:500;line-height:20px}.kit-data-field-value{display:flex;align-items:center;gap:15px}.kit-data-field-text{padding-right:1px;color:var(--ui-kit-color-grey-14);font-size:24px;font-weight:400;letter-spacing:-1.2px;line-height:30px;overflow:hidden;text-overflow:ellipsis}.kit-data-field-icon{flex-shrink:0;width:20px;height:20px}.kit-data-field-icon.has-tooltip{cursor:pointer}\n"] }]
|
|
6203
6203
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], tooltipText: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipText", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconType: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconType", required: false }] }] } });
|
|
6204
6204
|
|
|
6205
6205
|
class KitSearchBarComponent {
|