@indigina/ui-kit 1.1.570 → 1.1.571
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.
|
@@ -8830,9 +8830,10 @@ class KitDataFieldComponent {
|
|
|
8830
8830
|
this.defaultValue = '-';
|
|
8831
8831
|
this.kitSvgIconType = KitSvgIconType;
|
|
8832
8832
|
this.kitTooltipPosition = KitTooltipPosition;
|
|
8833
|
+
this.kitDataFieldLayout = KitDataFieldLayout;
|
|
8833
8834
|
}
|
|
8834
8835
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitDataFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8835
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", 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 }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", 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 }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-data-field\"\n [ngClass]=\"[state(), layout()]\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n <div class=\"kit-data-field-value\">\n @if (link()) {\n <a class=\"kit-data-field-link\"\n [routerLink]=\"link()\"\n [target]=\"target()\"\n [queryParams]=\"queryParams()\">\n {{ value() }}\n </a>\n } @else {\n <div class=\"kit-data-field-text\">\n <kit-truncate-text [innerHtml]=\"value() || defaultValue\" />\n </div>\n }\n @if (icon(); as 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: [":host{display:block}.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.regular{display:flex;flex-direction:column;gap:2px}.kit-data-field.regular .kit-data-field-text,.kit-data-field.regular .kit-data-field-link{color:var(--ui-kit-color-grey-14);font-size:24px;line-height:30px;letter-spacing:-1.2px}.kit-data-field.regular .kit-data-field-icon{width:20px;height:20px}.kit-data-field.regular .kit-data-field-label{line-height:20px}.kit-data-field.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center;padding:10px;color:var(--ui-kit-color-grey-10);font-size:14px}.kit-data-field.compact .kit-data-field-text,.kit-data-field.compact .kit-data-field-link{color:var(--ui-kit-color-grey-10);font-size:14px;line-height:20px}.kit-data-field.compact .kit-data-field-icon{width:16px;height:16px}.kit-data-field.compact .kit-data-field-label{line-height:16px}.kit-data-field-label{font-size:14px;font-weight:500}.kit-data-field-value{display:flex;align-items:center;gap:15px}.kit-data-field-text,.kit-data-field-link{padding-right:1px;font-weight:400;min-width:0}.kit-data-field-link{text-decoration:underline}.kit-data-field-link:hover{color:var(--ui-kit-color-hover);text-decoration:none}.kit-data-field-link:focus{outline:none}.kit-data-field-icon{flex-shrink:0}.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", "kitTooltipOffset"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text", inputs: ["tooltipText", "lines", "innerHtml"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8836
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", 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 }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", 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 }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-data-field\"\n [ngClass]=\"[state(), layout()]\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n <div class=\"kit-data-field-value\">\n @if (link()) {\n <a class=\"kit-data-field-link\"\n [routerLink]=\"link()\"\n [target]=\"target()\"\n [queryParams]=\"queryParams()\">\n {{ value() }}\n </a>\n } @else {\n <div class=\"kit-data-field-text\">\n @if (layout() === kitDataFieldLayout.COMPACT) {\n <kit-truncate-text [innerHtml]=\"value() || defaultValue\" />\n } @else {\n {{ value() || defaultValue }}\n }\n </div>\n }\n @if (icon(); as 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: [":host{display:block}.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.regular{display:flex;flex-direction:column;gap:2px}.kit-data-field.regular .kit-data-field-text,.kit-data-field.regular .kit-data-field-link{color:var(--ui-kit-color-grey-14);font-size:24px;line-height:30px;letter-spacing:-1.2px}.kit-data-field.regular .kit-data-field-icon{width:20px;height:20px}.kit-data-field.regular .kit-data-field-label{line-height:20px}.kit-data-field.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center;padding:10px;color:var(--ui-kit-color-grey-10);font-size:14px}.kit-data-field.compact .kit-data-field-text,.kit-data-field.compact .kit-data-field-link{color:var(--ui-kit-color-grey-10);font-size:14px;line-height:20px}.kit-data-field.compact .kit-data-field-icon{width:16px;height:16px}.kit-data-field.compact .kit-data-field-label{line-height:16px}.kit-data-field-label{font-size:14px;font-weight:500}.kit-data-field-value{display:flex;align-items:center;gap:15px}.kit-data-field-text,.kit-data-field-link{padding-right:1px;font-weight:400;min-width:0}.kit-data-field-link{text-decoration:underline}.kit-data-field-link:hover{color:var(--ui-kit-color-hover);text-decoration:none}.kit-data-field-link:focus{outline:none}.kit-data-field-icon{flex-shrink:0}.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", "kitTooltipOffset"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text", inputs: ["tooltipText", "lines", "innerHtml"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8836
8837
|
}
|
|
8837
8838
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitDataFieldComponent, decorators: [{
|
|
8838
8839
|
type: Component,
|
|
@@ -8842,7 +8843,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
|
|
|
8842
8843
|
KitTooltipDirective,
|
|
8843
8844
|
RouterLink,
|
|
8844
8845
|
KitTruncateTextComponent,
|
|
8845
|
-
], template: "<div class=\"kit-data-field\"\n [ngClass]=\"[state(), layout()]\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n <div class=\"kit-data-field-value\">\n @if (link()) {\n <a class=\"kit-data-field-link\"\n [routerLink]=\"link()\"\n [target]=\"target()\"\n [queryParams]=\"queryParams()\">\n {{ value() }}\n </a>\n } @else {\n <div class=\"kit-data-field-text\">\n <kit-truncate-text [innerHtml]=\"value() || defaultValue\" />\n </div>\n }\n @if (icon(); as 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: [":host{display:block}.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.regular{display:flex;flex-direction:column;gap:2px}.kit-data-field.regular .kit-data-field-text,.kit-data-field.regular .kit-data-field-link{color:var(--ui-kit-color-grey-14);font-size:24px;line-height:30px;letter-spacing:-1.2px}.kit-data-field.regular .kit-data-field-icon{width:20px;height:20px}.kit-data-field.regular .kit-data-field-label{line-height:20px}.kit-data-field.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center;padding:10px;color:var(--ui-kit-color-grey-10);font-size:14px}.kit-data-field.compact .kit-data-field-text,.kit-data-field.compact .kit-data-field-link{color:var(--ui-kit-color-grey-10);font-size:14px;line-height:20px}.kit-data-field.compact .kit-data-field-icon{width:16px;height:16px}.kit-data-field.compact .kit-data-field-label{line-height:16px}.kit-data-field-label{font-size:14px;font-weight:500}.kit-data-field-value{display:flex;align-items:center;gap:15px}.kit-data-field-text,.kit-data-field-link{padding-right:1px;font-weight:400;min-width:0}.kit-data-field-link{text-decoration:underline}.kit-data-field-link:hover{color:var(--ui-kit-color-hover);text-decoration:none}.kit-data-field-link:focus{outline:none}.kit-data-field-icon{flex-shrink:0}.kit-data-field-icon.has-tooltip{cursor:pointer}\n"] }]
|
|
8846
|
+
], template: "<div class=\"kit-data-field\"\n [ngClass]=\"[state(), layout()]\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n <div class=\"kit-data-field-value\">\n @if (link()) {\n <a class=\"kit-data-field-link\"\n [routerLink]=\"link()\"\n [target]=\"target()\"\n [queryParams]=\"queryParams()\">\n {{ value() }}\n </a>\n } @else {\n <div class=\"kit-data-field-text\">\n @if (layout() === kitDataFieldLayout.COMPACT) {\n <kit-truncate-text [innerHtml]=\"value() || defaultValue\" />\n } @else {\n {{ value() || defaultValue }}\n }\n </div>\n }\n @if (icon(); as 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: [":host{display:block}.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.regular{display:flex;flex-direction:column;gap:2px}.kit-data-field.regular .kit-data-field-text,.kit-data-field.regular .kit-data-field-link{color:var(--ui-kit-color-grey-14);font-size:24px;line-height:30px;letter-spacing:-1.2px}.kit-data-field.regular .kit-data-field-icon{width:20px;height:20px}.kit-data-field.regular .kit-data-field-label{line-height:20px}.kit-data-field.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center;padding:10px;color:var(--ui-kit-color-grey-10);font-size:14px}.kit-data-field.compact .kit-data-field-text,.kit-data-field.compact .kit-data-field-link{color:var(--ui-kit-color-grey-10);font-size:14px;line-height:20px}.kit-data-field.compact .kit-data-field-icon{width:16px;height:16px}.kit-data-field.compact .kit-data-field-label{line-height:16px}.kit-data-field-label{font-size:14px;font-weight:500}.kit-data-field-value{display:flex;align-items:center;gap:15px}.kit-data-field-text,.kit-data-field-link{padding-right:1px;font-weight:400;min-width:0}.kit-data-field-link{text-decoration:underline}.kit-data-field-link:hover{color:var(--ui-kit-color-hover);text-decoration:none}.kit-data-field-link:focus{outline:none}.kit-data-field-icon{flex-shrink:0}.kit-data-field-icon.has-tooltip{cursor:pointer}\n"] }]
|
|
8846
8847
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], queryParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParams", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", 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 }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }] } });
|
|
8847
8848
|
|
|
8848
8849
|
class KitSearchBarComponent {
|