@indigina/ui-kit 1.1.621 → 1.1.622
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.
|
@@ -8915,7 +8915,7 @@ class KitDataFieldComponent {
|
|
|
8915
8915
|
this.kitDataFieldLayout = KitDataFieldLayout;
|
|
8916
8916
|
}
|
|
8917
8917
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitDataFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8918
|
-
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 } }, queries: [{ propertyName: "customTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-data-field\"\n [ngClass]=\"[state(), layout()]\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n @if (customTemplate(); as customTemplate) {\n <ng-container [ngTemplateOutlet]=\"customTemplate\" />\n } @else {\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 }\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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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 }); }
|
|
8918
|
+
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 } }, queries: [{ propertyName: "customTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-data-field\"\n [ngClass]=\"[state(), layout()]\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n @if (customTemplate(); as customTemplate) {\n <ng-container [ngTemplateOutlet]=\"customTemplate\" />\n } @else {\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 }\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;overflow-wrap:break-word}.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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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 }); }
|
|
8919
8919
|
}
|
|
8920
8920
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitDataFieldComponent, decorators: [{
|
|
8921
8921
|
type: Component,
|
|
@@ -8926,7 +8926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
|
|
|
8926
8926
|
KitTooltipDirective,
|
|
8927
8927
|
RouterLink,
|
|
8928
8928
|
KitTruncateTextComponent,
|
|
8929
|
-
], template: "<div class=\"kit-data-field\"\n [ngClass]=\"[state(), layout()]\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n @if (customTemplate(); as customTemplate) {\n <ng-container [ngTemplateOutlet]=\"customTemplate\" />\n } @else {\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 }\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"] }]
|
|
8929
|
+
], template: "<div class=\"kit-data-field\"\n [ngClass]=\"[state(), layout()]\">\n <div class=\"kit-data-field-label\">\n {{ label() }}\n </div>\n @if (customTemplate(); as customTemplate) {\n <ng-container [ngTemplateOutlet]=\"customTemplate\" />\n } @else {\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 }\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;overflow-wrap:break-word}.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"] }]
|
|
8930
8930
|
}], 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 }] }], customTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
8931
8931
|
|
|
8932
8932
|
class KitSearchBarComponent {
|
|
@@ -18546,7 +18546,7 @@ class KitApiTokenMaintenanceDetailsComponent {
|
|
|
18546
18546
|
};
|
|
18547
18547
|
this.deleteAction = {
|
|
18548
18548
|
text: this.translateService.instant('kit.apiTokenMaintenance.delete'),
|
|
18549
|
-
cssClass: `${KitButtonType.PRIMARY} ${KitButtonState.
|
|
18549
|
+
cssClass: `${KitButtonType.PRIMARY} ${KitButtonState.ERROR} ${KitButtonKind.MEDIUM}`,
|
|
18550
18550
|
};
|
|
18551
18551
|
this.token = signal('', /* @ts-ignore */
|
|
18552
18552
|
...(ngDevMode ? [{ debugName: "token" }] : /* istanbul ignore next */ []));
|
|
@@ -18561,6 +18561,7 @@ class KitApiTokenMaintenanceDetailsComponent {
|
|
|
18561
18561
|
this.cancelAction,
|
|
18562
18562
|
this.deleteAction,
|
|
18563
18563
|
],
|
|
18564
|
+
maxWidth: '80%',
|
|
18564
18565
|
});
|
|
18565
18566
|
this.kitDialogService.dialogRef?.result.pipe(filter(action => action === this.deleteAction), switchMap(() => this.store.dispatch(new RemoveApiToken(this.id())))).subscribe(() => this.cardDetailsComponent().deleteCard(this.id()));
|
|
18566
18567
|
}
|