@acorex-platform/framework-client 0.0.59 → 0.0.60

package/fesm2022/acorex-platform-framework-client-layout-components.mjs

@@ -10729,6 +10729,9 @@ class AXPRepeaterRowsLayoutComponent {
         ...(ngDevMode ? [{ debugName: "hasControls" }] : /* istanbul ignore next */ []));
         this.allowReorder = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "allowReorder" }] : /* istanbul ignore next */ []));
+        /** Opt-in: put Add next to last-row Remove. Default keeps footer Add Item for other repeaters. */
+        this.inlineAddControl = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inlineAddControl" }] : /* istanbul ignore next */ []));
         this.rowTemplate = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "rowTemplate" }] : /* istanbul ignore next */ []));
         /** i18n keys (e.g. `@general:...`) for labels; override per usage. */
@@ -10745,7 +10748,12 @@ class AXPRepeaterRowsLayoutComponent {
         this.drop = output();
         this.rowIndices = computed(() => Array.from({ length: this.count() }, (_, i) => i), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "rowIndices" }] : /* istanbul ignore next */ []));
-        this.rowRowClass = computed(() => `grid gap-4 items-center pb-2 ${this.allowReorder() ? 'grid-cols-[auto_1fr_auto]' : 'grid-cols-[1fr_auto]'}`, /* @ts-ignore */
+        this.rowRowClass = computed(() => {
+            if (this.inlineAddControl()) {
+                return `grid gap-4 items-end pb-2 flex-nowrap ${this.allowReorder() ? 'grid-cols-[auto_minmax(0,1fr)_auto]' : 'grid-cols-[minmax(0,1fr)_auto]'}`;
+            }
+            return `grid gap-4 items-center pb-2 ${this.allowReorder() ? 'grid-cols-[auto_1fr_auto]' : 'grid-cols-[1fr_auto]'}`;
+        }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "rowRowClass" }] : /* istanbul ignore next */ []));
     }
     onDrop(e) {
@@ -10758,7 +10766,7 @@ class AXPRepeaterRowsLayoutComponent {
         this.removeClick.emit(index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPRepeaterRowsLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPRepeaterRowsLayoutComponent, isStandalone: true, selector: "axp-repeater-rows-layout", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasControls: { classPropertyName: "hasControls", publicName: "hasControls", isSignal: true, isRequired: false, transformFunction: null }, allowReorder: { classPropertyName: "allowReorder", publicName: "allowReorder", isSignal: true, isRequired: false, transformFunction: null }, rowTemplate: { classPropertyName: "rowTemplate", publicName: "rowTemplate", isSignal: true, isRequired: true, transformFunction: null }, addItemLabelKey: { classPropertyName: "addItemLabelKey", publicName: "addItemLabelKey", isSignal: true, isRequired: false, transformFunction: null }, emptyTitleKey: { classPropertyName: "emptyTitleKey", publicName: "emptyTitleKey", isSignal: true, isRequired: false, transformFunction: null }, emptyDescriptionKey: { classPropertyName: "emptyDescriptionKey", publicName: "emptyDescriptionKey", isSignal: true, isRequired: false, transformFunction: null }, addFirstItemLabelKey: { classPropertyName: "addFirstItemLabelKey", publicName: "addFirstItemLabelKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addClick: "addClick", removeClick: "removeClick", drop: "drop" }, ngImport: i0, template: "<div axDropList dropListOrientation=\"vertical\" (dropListDropped)=\"onDrop($event)\">\n  @for (i of rowIndices(); track i) {\n  <div axDrag [dragDisabled]=\"!allowReorder()\" [class]=\"rowRowClass()\">\n    @if (allowReorder()) {\n    <div>\n      <ax-icon class=\"fa-solid fa-grip-vertical\" axDragHandle></ax-icon>\n    </div>\n    }\n\n    <div class=\"min-w-0 w-full\">\n      <ng-container [ngTemplateOutlet]=\"rowTemplate()\" [ngTemplateOutletContext]=\"{ index: i }\"></ng-container>\n    </div>\n\n    @if (hasControls()) {\n    <div class=\"justify-self-end self-center\">\n      <ax-button [disabled]=\"disabled()\" look=\"twotone\" color=\"danger\" (onClick)=\"onRemoveClick(i)\">\n        <ax-icon icon=\"fa-regular fa-xmark\"></ax-icon>\n      </ax-button>\n    </div>\n    }\n  </div>\n  } @empty {\n  <axp-state-message mode=\"empty\" [look]=\"'minimal'\" [title]=\"emptyTitleKey()\" [description]=\"emptyDescriptionKey()\">\n    <div slot=\"actions\" class=\"ax-sm\">\n      <ax-button [text]=\"(addFirstItemLabelKey() | translate | async)!\" look=\"twotone\" color=\"primary\"\n        [disabled]=\"disabled()\" (onClick)=\"onAddClick()\">\n        <ax-prefix>\n          <ax-icon class=\"fa-light fa-add\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n  </axp-state-message>\n  }\n\n  @if (count() > 0) {\n  <div class=\"flex justify-end\">\n    <ax-button [text]=\"(addItemLabelKey() | translate | async)!\" look=\"twotone\" [disabled]=\"disabled()\"\n      (onClick)=\"onAddClick()\">\n      <ax-prefix>\n        <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n      </ax-prefix>\n    </ax-button>\n  </div>\n  }\n</div>", styles: [":host{display:block;min-width:0px}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "directive", type: AXDragHandleDirective, selector: "[axDragHandle]" }, { kind: "directive", type: AXDropListDirective, selector: "[axDropList]", inputs: ["axDropList", "sortingDisabled", "dropListGroup", "dropListOrientation"], outputs: ["dropListDropped", "sortPreviewChanged"], exportAs: ["axDropList"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPRepeaterRowsLayoutComponent, isStandalone: true, selector: "axp-repeater-rows-layout", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasControls: { classPropertyName: "hasControls", publicName: "hasControls", isSignal: true, isRequired: false, transformFunction: null }, allowReorder: { classPropertyName: "allowReorder", publicName: "allowReorder", isSignal: true, isRequired: false, transformFunction: null }, inlineAddControl: { classPropertyName: "inlineAddControl", publicName: "inlineAddControl", isSignal: true, isRequired: false, transformFunction: null }, rowTemplate: { classPropertyName: "rowTemplate", publicName: "rowTemplate", isSignal: true, isRequired: true, transformFunction: null }, addItemLabelKey: { classPropertyName: "addItemLabelKey", publicName: "addItemLabelKey", isSignal: true, isRequired: false, transformFunction: null }, emptyTitleKey: { classPropertyName: "emptyTitleKey", publicName: "emptyTitleKey", isSignal: true, isRequired: false, transformFunction: null }, emptyDescriptionKey: { classPropertyName: "emptyDescriptionKey", publicName: "emptyDescriptionKey", isSignal: true, isRequired: false, transformFunction: null }, addFirstItemLabelKey: { classPropertyName: "addFirstItemLabelKey", publicName: "addFirstItemLabelKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addClick: "addClick", removeClick: "removeClick", drop: "drop" }, ngImport: i0, template: "<div axDropList dropListOrientation=\"vertical\" (dropListDropped)=\"onDrop($event)\">\n  @for (i of rowIndices(); track i) {\n  <div axDrag [dragDisabled]=\"!allowReorder()\" [class]=\"rowRowClass()\">\n    @if (allowReorder()) {\n    <div>\n      <ax-icon class=\"fa-solid fa-grip-vertical\" axDragHandle></ax-icon>\n    </div>\n    }\n\n    <div class=\"min-w-0 w-full\">\n      <ng-container [ngTemplateOutlet]=\"rowTemplate()\" [ngTemplateOutletContext]=\"{ index: i }\"></ng-container>\n    </div>\n\n    @if (hasControls()) {\n    <div [class]=\"inlineAddControl() ? 'axp-repeater-inline-controls' : 'axp-repeater-default-controls'\">\n      <ax-button\n        [disabled]=\"disabled()\"\n        look=\"none\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        color=\"danger\"\n        (onClick)=\"onRemoveClick(i)\"\n      >\n        <ax-icon icon=\"fa-regular fa-xmark text-sm\"></ax-icon>\n      </ax-button>\n      <!--->\n      <!-- ----- Add on last row when inlineAddControl is enabled ----- -->\n      @if (inlineAddControl() && i === count() - 1) {\n      <ax-button\n        [disabled]=\"disabled()\"\n        look=\"none\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        color=\"primary\"\n        (onClick)=\"onAddClick()\"\n      >\n        <ax-icon icon=\"fa-solid fa-add text-sm\"></ax-icon>\n      </ax-button>\n      }\n    </div>\n    }\n  </div>\n  } @empty {\n  <axp-state-message mode=\"empty\" [look]=\"'minimal'\" [title]=\"emptyTitleKey()\" [description]=\"emptyDescriptionKey()\">\n    <div slot=\"actions\" class=\"ax-sm\">\n      <ax-button [text]=\"(addFirstItemLabelKey() | translate | async)!\" look=\"twotone\" color=\"primary\"\n        [disabled]=\"disabled()\" (onClick)=\"onAddClick()\">\n        <ax-prefix>\n          <ax-icon class=\"fa-light fa-add\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n  </axp-state-message>\n  }\n\n  @if (count() > 0 && !inlineAddControl()) {\n  <div class=\"flex justify-end\">\n    <ax-button [text]=\"(addItemLabelKey() | translate | async)!\" look=\"twotone\" [disabled]=\"disabled()\"\n      (onClick)=\"onAddClick()\">\n      <ax-prefix>\n        <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n      </ax-prefix>\n    </ax-button>\n  </div>\n  }\n</div>\n", styles: [":host{display:block;min-width:0px}:host .axp-repeater-default-controls{justify-self:end;align-self:center}:host .axp-repeater-inline-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:end;align-self:center;gap:2px}:host .axp-repeater-inline-controls ax-button{min-width:1.5rem;width:1.5rem;height:1.5rem;min-height:1.5rem;padding:0;border:none;box-shadow:none;background:transparent}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "directive", type: AXDragHandleDirective, selector: "[axDragHandle]" }, { kind: "directive", type: AXDropListDirective, selector: "[axDropList]", inputs: ["axDropList", "sortingDisabled", "dropListGroup", "dropListOrientation"], outputs: ["dropListDropped", "sortPreviewChanged"], exportAs: ["axDropList"] }, { kind: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPRepeaterRowsLayoutComponent, decorators: [{
             type: Component,
@@ -10772,8 +10780,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXDragHandleDirective,
                         AXDropListDirective,
                         AXDragDirective,
-                    ], template: "<div axDropList dropListOrientation=\"vertical\" (dropListDropped)=\"onDrop($event)\">\n  @for (i of rowIndices(); track i) {\n  <div axDrag [dragDisabled]=\"!allowReorder()\" [class]=\"rowRowClass()\">\n    @if (allowReorder()) {\n    <div>\n      <ax-icon class=\"fa-solid fa-grip-vertical\" axDragHandle></ax-icon>\n    </div>\n    }\n\n    <div class=\"min-w-0 w-full\">\n      <ng-container [ngTemplateOutlet]=\"rowTemplate()\" [ngTemplateOutletContext]=\"{ index: i }\"></ng-container>\n    </div>\n\n    @if (hasControls()) {\n    <div class=\"justify-self-end self-center\">\n      <ax-button [disabled]=\"disabled()\" look=\"twotone\" color=\"danger\" (onClick)=\"onRemoveClick(i)\">\n        <ax-icon icon=\"fa-regular fa-xmark\"></ax-icon>\n      </ax-button>\n    </div>\n    }\n  </div>\n  } @empty {\n  <axp-state-message mode=\"empty\" [look]=\"'minimal'\" [title]=\"emptyTitleKey()\" [description]=\"emptyDescriptionKey()\">\n    <div slot=\"actions\" class=\"ax-sm\">\n      <ax-button [text]=\"(addFirstItemLabelKey() | translate | async)!\" look=\"twotone\" color=\"primary\"\n        [disabled]=\"disabled()\" (onClick)=\"onAddClick()\">\n        <ax-prefix>\n          <ax-icon class=\"fa-light fa-add\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n  </axp-state-message>\n  }\n\n  @if (count() > 0) {\n  <div class=\"flex justify-end\">\n    <ax-button [text]=\"(addItemLabelKey() | translate | async)!\" look=\"twotone\" [disabled]=\"disabled()\"\n      (onClick)=\"onAddClick()\">\n      <ax-prefix>\n        <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n      </ax-prefix>\n    </ax-button>\n  </div>\n  }\n</div>", styles: [":host{display:block;min-width:0px}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasControls", required: false }] }], allowReorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowReorder", required: false }] }], rowTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowTemplate", required: true }] }], addItemLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "addItemLabelKey", required: false }] }], emptyTitleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyTitleKey", required: false }] }], emptyDescriptionKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyDescriptionKey", required: false }] }], addFirstItemLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "addFirstItemLabelKey", required: false }] }], addClick: [{ type: i0.Output, args: ["addClick"] }], removeClick: [{ type: i0.Output, args: ["removeClick"] }], drop: [{ type: i0.Output, args: ["drop"] }] } });
+                    ], template: "<div axDropList dropListOrientation=\"vertical\" (dropListDropped)=\"onDrop($event)\">\n  @for (i of rowIndices(); track i) {\n  <div axDrag [dragDisabled]=\"!allowReorder()\" [class]=\"rowRowClass()\">\n    @if (allowReorder()) {\n    <div>\n      <ax-icon class=\"fa-solid fa-grip-vertical\" axDragHandle></ax-icon>\n    </div>\n    }\n\n    <div class=\"min-w-0 w-full\">\n      <ng-container [ngTemplateOutlet]=\"rowTemplate()\" [ngTemplateOutletContext]=\"{ index: i }\"></ng-container>\n    </div>\n\n    @if (hasControls()) {\n    <div [class]=\"inlineAddControl() ? 'axp-repeater-inline-controls' : 'axp-repeater-default-controls'\">\n      <ax-button\n        [disabled]=\"disabled()\"\n        look=\"none\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        color=\"danger\"\n        (onClick)=\"onRemoveClick(i)\"\n      >\n        <ax-icon icon=\"fa-regular fa-xmark text-sm\"></ax-icon>\n      </ax-button>\n      <!--->\n      <!-- ----- Add on last row when inlineAddControl is enabled ----- -->\n      @if (inlineAddControl() && i === count() - 1) {\n      <ax-button\n        [disabled]=\"disabled()\"\n        look=\"none\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        color=\"primary\"\n        (onClick)=\"onAddClick()\"\n      >\n        <ax-icon icon=\"fa-solid fa-add text-sm\"></ax-icon>\n      </ax-button>\n      }\n    </div>\n    }\n  </div>\n  } @empty {\n  <axp-state-message mode=\"empty\" [look]=\"'minimal'\" [title]=\"emptyTitleKey()\" [description]=\"emptyDescriptionKey()\">\n    <div slot=\"actions\" class=\"ax-sm\">\n      <ax-button [text]=\"(addFirstItemLabelKey() | translate | async)!\" look=\"twotone\" color=\"primary\"\n        [disabled]=\"disabled()\" (onClick)=\"onAddClick()\">\n        <ax-prefix>\n          <ax-icon class=\"fa-light fa-add\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n  </axp-state-message>\n  }\n\n  @if (count() > 0 && !inlineAddControl()) {\n  <div class=\"flex justify-end\">\n    <ax-button [text]=\"(addItemLabelKey() | translate | async)!\" look=\"twotone\" [disabled]=\"disabled()\"\n      (onClick)=\"onAddClick()\">\n      <ax-prefix>\n        <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n      </ax-prefix>\n    </ax-button>\n  </div>\n  }\n</div>\n", styles: [":host{display:block;min-width:0px}:host .axp-repeater-default-controls{justify-self:end;align-self:center}:host .axp-repeater-inline-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:end;align-self:center;gap:2px}:host .axp-repeater-inline-controls ax-button{min-width:1.5rem;width:1.5rem;height:1.5rem;min-height:1.5rem;padding:0;border:none;box-shadow:none;background:transparent}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasControls", required: false }] }], allowReorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowReorder", required: false }] }], inlineAddControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "inlineAddControl", required: false }] }], rowTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowTemplate", required: true }] }], addItemLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "addItemLabelKey", required: false }] }], emptyTitleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyTitleKey", required: false }] }], emptyDescriptionKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyDescriptionKey", required: false }] }], addFirstItemLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "addFirstItemLabelKey", required: false }] }], addClick: [{ type: i0.Output, args: ["addClick"] }], removeClick: [{ type: i0.Output, args: ["removeClick"] }], drop: [{ type: i0.Output, args: ["drop"] }] } });
 
 //#region ----- Imports -----
 //#endregion