@indigina/ui-kit 1.1.449 → 1.1.450
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.
|
@@ -12889,23 +12889,21 @@ class KitGridActionComponent {
|
|
|
12889
12889
|
this.icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
12890
12890
|
this.iconType = input(KitSvgIconType.FILL, ...(ngDevMode ? [{ debugName: "iconType" }] : /* istanbul ignore next */ []));
|
|
12891
12891
|
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
12892
|
+
this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
|
|
12892
12893
|
this.clicked = output();
|
|
12893
|
-
|
|
12894
|
-
onClick() {
|
|
12895
|
-
if (!this.disabled()) {
|
|
12896
|
-
this.clicked.emit();
|
|
12897
|
-
}
|
|
12894
|
+
this.kitTooltipPosition = KitTooltipPosition;
|
|
12898
12895
|
}
|
|
12899
12896
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12900
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: KitGridActionComponent, isStandalone: true, selector: "kit-grid-action", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button class=\"kit-grid-action\"\n [disabled]=\"disabled()\"\n (click)=\"
|
|
12897
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: KitGridActionComponent, isStandalone: true, selector: "kit-grid-action", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button class=\"kit-grid-action\"\n [disabled]=\"disabled()\" \n (click)=\"clicked.emit();\">\n <kit-svg-icon kitTooltip\n class=\"kit-grid-action-icon\"\n kitTooltipFilter=\".kit-grid-action-icon\"\n [kitTooltipVisible]=\"!disabled()\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [icon]=\"icon()\"\n [title]=\"tooltip() ?? ''\"\n [ngClass]=\"iconType()\"/>\n</button>\n", styles: [".kit-grid-action{display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;padding:0;width:100%;height:100%}.kit-grid-action:disabled{cursor:default}.kit-grid-action:disabled .kit-grid-action-icon.fill{fill:var(--color-grey-8)}.kit-grid-action:disabled .kit-grid-action-icon.stroke{stroke:var(--color-grey-8)}.kit-grid-action-icon{width:16px;height:16px}.kit-grid-action-icon.fill{stroke:transparent;fill:var(--color-grey-4)}.kit-grid-action-icon.fill:hover{fill:var(--color-main)}.kit-grid-action-icon.stroke{fill:transparent;stroke:var(--color-grey-4)}.kit-grid-action-icon.stroke:hover{stroke:var(--color-main)}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12901
12898
|
}
|
|
12902
12899
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridActionComponent, decorators: [{
|
|
12903
12900
|
type: Component,
|
|
12904
12901
|
args: [{ selector: 'kit-grid-action', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
|
|
12905
12902
|
KitSvgIconComponent,
|
|
12903
|
+
KitTooltipDirective,
|
|
12906
12904
|
NgClass,
|
|
12907
|
-
], template: "<button class=\"kit-grid-action\"\n [disabled]=\"disabled()\"\n (click)=\"
|
|
12908
|
-
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], iconType: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconType", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
|
|
12905
|
+
], template: "<button class=\"kit-grid-action\"\n [disabled]=\"disabled()\" \n (click)=\"clicked.emit();\">\n <kit-svg-icon kitTooltip\n class=\"kit-grid-action-icon\"\n kitTooltipFilter=\".kit-grid-action-icon\"\n [kitTooltipVisible]=\"!disabled()\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [icon]=\"icon()\"\n [title]=\"tooltip() ?? ''\"\n [ngClass]=\"iconType()\"/>\n</button>\n", styles: [".kit-grid-action{display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;padding:0;width:100%;height:100%}.kit-grid-action:disabled{cursor:default}.kit-grid-action:disabled .kit-grid-action-icon.fill{fill:var(--color-grey-8)}.kit-grid-action:disabled .kit-grid-action-icon.stroke{stroke:var(--color-grey-8)}.kit-grid-action-icon{width:16px;height:16px}.kit-grid-action-icon.fill{stroke:transparent;fill:var(--color-grey-4)}.kit-grid-action-icon.fill:hover{fill:var(--color-main)}.kit-grid-action-icon.stroke{fill:transparent;stroke:var(--color-grey-4)}.kit-grid-action-icon.stroke:hover{stroke:var(--color-main)}\n"] }]
|
|
12906
|
+
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], iconType: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconType", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
|
|
12909
12907
|
|
|
12910
12908
|
// KitButton
|
|
12911
12909
|
|