@acorex/components 21.0.0-next.3 → 21.0.0-next.31

package/fesm2022/acorex-components-tag-box.mjs

@@ -1,12 +1,14 @@
 import { MXInputBaseValueComponent, MXLookComponent, AXAutocompleteParentComponent, AXComponent, AXValuableComponent, AXFocusableComponent, AXClearableComponent } from '@acorex/cdk/common';
+import { AXAutocompleteComponent } from '@acorex/components/autocomplete';
 import { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';
 import { AXTagComponent } from '@acorex/components/tag';
 import { AXUnsubscriber } from '@acorex/core/utils';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, signal, input, forwardRef, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { inject, signal, input, output, contentChild, forwardRef, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { isNil, cloneDeep, get, castArray, set, isNull } from 'lodash-es';
+import { get, isNil, cloneDeep, castArray, set, isNull } from 'lodash-es';
 import { classes } from 'polytype';
 
 class AXTagBoxComponent extends classes((MXInputBaseValueComponent), MXLookComponent, (AXAutocompleteParentComponent)) {
@@ -20,7 +22,12 @@ class AXTagBoxComponent extends classes((MXInputBaseValueComponent), MXLookCompo
         this.textField = input('text', ...(ngDevMode ? [{ debugName: "textField" }] : []));
         this.readonlyField = input('readonly', ...(ngDevMode ? [{ debugName: "readonlyField" }] : []));
         this.allowDuplicateValues = input(false, ...(ngDevMode ? [{ debugName: "allowDuplicateValues" }] : []));
+        this.tagTemplate = input(...(ngDevMode ? [undefined, { debugName: "tagTemplate" }] : []));
+        this.onTagClick = output();
+        this.onTagDblClick = output();
+        this.onTagContextMenu = output();
         this.inputValue = signal('', ...(ngDevMode ? [{ debugName: "inputValue" }] : []));
+        this.autocompleteComponent = contentChild(AXAutocompleteComponent, ...(ngDevMode ? [{ debugName: "autocompleteComponent" }] : []));
     }
     ngOnInit() {
         super.ngOnInit();
@@ -45,11 +52,15 @@ class AXTagBoxComponent extends classes((MXInputBaseValueComponent), MXLookCompo
             if (e.nativeEvent.key === 'Backspace') {
                 if (this.inputValue().length)
                     return;
-                this.removeItem(this.value.length - 1);
+                this.removeItem(this.value?.length - 1);
             }
         });
         this.onItemSelected.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {
-            this.addItems(this.convertString(e.value[0]));
+            const incomingItems = this.convertString(e.value);
+            const currentValue = this.value ?? [];
+            const vf = this.valueField();
+            const filtered = incomingItems.filter((item) => !currentValue.some((prev) => get(prev, vf) === get(item, vf)));
+            this.addItems(filtered);
         });
     }
     /**
@@ -67,16 +78,22 @@ class AXTagBoxComponent extends classes((MXInputBaseValueComponent), MXLookCompo
         }
         //
         const value = cloneDeep(this.value ?? []);
-        //
-        if (!this.allowDuplicateValues() &&
-            items.some((item) => value.some((prev) => get(prev, this.valueField()) === get(item, this.valueField())))) {
-            this.inputValue.set('');
-            this.emitOnTextChanged('', true);
-            return;
+        // filter out duplicates instead of early return
+        let itemsToAdd = items;
+        if (!this.allowDuplicateValues()) {
+            const vf = this.valueField();
+            itemsToAdd = items.filter((item) => !value.some((prev) => get(prev, vf) === get(item, vf)));
+            if (itemsToAdd.length === 0) {
+                this.inputValue.set('');
+                this.emitOnTextChanged('', true);
+                return;
+            }
         }
         this.inputValue.set('');
         this.emitOnTextChanged('', true);
-        this.commitValue(value.concat(items), true);
+        this.commitValue(value.concat(itemsToAdd), true);
+        // sync autocomplete selection to avoid re-adding removed items
+        this.syncAutocompleteSelection();
     }
     /**
      * Removes a tag at the specified index.
@@ -90,6 +107,8 @@ class AXTagBoxComponent extends classes((MXInputBaseValueComponent), MXLookCompo
         const value = cloneDeep(this.value ?? []);
         value.splice(index, 1);
         this.commitValue(value, true);
+        // sync autocomplete selection to avoid re-adding removed items
+        this.syncAutocompleteSelection();
     }
     /**
      * Converts input values to tag objects.
@@ -116,6 +135,17 @@ class AXTagBoxComponent extends classes((MXInputBaseValueComponent), MXLookCompo
     getFieldValue(item, path) {
         return get(item, path);
     }
+    /**
+     * Keep autocomplete selected values in sync with current tags
+     */
+    syncAutocompleteSelection() {
+        const ac = this.autocompleteComponent();
+        if (!ac)
+            return;
+        const vf = ac.valueField || this.valueField();
+        const values = (this.value ?? []).map((t) => get(t, vf)).filter((v) => v != null);
+        ac.value = ac.multiple ? values : (values[0] ?? null);
+    }
     internalSetValue(value) {
         const result = this.convertString(value);
         return result;
@@ -123,8 +153,8 @@ class AXTagBoxComponent extends classes((MXInputBaseValueComponent), MXLookCompo
     get __hostName() {
         return this.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXTagBoxComponent, isStandalone: true, selector: "ax-tag-box", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, allowNull: { classPropertyName: "allowNull", publicName: "allowNull", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, addOnComma: { classPropertyName: "addOnComma", publicName: "addOnComma", isSignal: true, isRequired: false, transformFunction: null }, addOnEnter: { classPropertyName: "addOnEnter", publicName: "addOnEnter", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, readonlyField: { classPropertyName: "readonlyField", publicName: "readonlyField", isSignal: true, isRequired: false, transformFunction: null }, allowDuplicateValues: { classPropertyName: "allowDuplicateValues", publicName: "allowDuplicateValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", onKeyPress: "onKeyPress" }, host: { properties: { "attr.name": "this.__hostName" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXTagBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXTagBoxComponent, isStandalone: true, selector: "ax-tag-box", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, allowNull: { classPropertyName: "allowNull", publicName: "allowNull", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, addOnComma: { classPropertyName: "addOnComma", publicName: "addOnComma", isSignal: true, isRequired: false, transformFunction: null }, addOnEnter: { classPropertyName: "addOnEnter", publicName: "addOnEnter", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, readonlyField: { classPropertyName: "readonlyField", publicName: "readonlyField", isSignal: true, isRequired: false, transformFunction: null }, allowDuplicateValues: { classPropertyName: "allowDuplicateValues", publicName: "allowDuplicateValues", isSignal: true, isRequired: false, transformFunction: null }, tagTemplate: { classPropertyName: "tagTemplate", publicName: "tagTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", onKeyPress: "onKeyPress", onTagClick: "onTagClick", onTagDblClick: "onTagDblClick", onTagContextMenu: "onTagContextMenu" }, host: { properties: { "attr.name": "this.__hostName" } }, providers: [
             { provide: AXComponent, useExisting: AXTagBoxComponent },
             { provide: AXValuableComponent, useExisting: AXTagBoxComponent },
             { provide: AXFocusableComponent, useExisting: AXTagBoxComponent },
@@ -137,9 +167,9 @@ class AXTagBoxComponent extends classes((MXInputBaseValueComponent), MXLookCompo
                 multi: true,
             },
             AXUnsubscriber,
-        ], usesInheritance: true, ngImport: i0, template: "<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-{{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container\">\n    @for (tag of value; track $index; let i = $index) {\n      <ax-tag [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\" look=\"twotone\">\n        @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n          <ax-suffix>\n            <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n          </ax-suffix>\n        }\n      </ax-tag>\n    }\n    <input\n      #input\n      [id]=\"id\"\n      class=\"ax-input\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  @if (!disabled && !readonly && value?.length) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n  <ng-content select=\"ax-suffix\"> </ng-content>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["ax-tag-box{width:100%}ax-tag-box .ax-editor-container{height:auto;padding:.25rem;min-height:var(--ax-sys-size-base)}ax-tag-box .ax-editor-container .ax-tags-container{width:100%;gap:.25rem;display:flex;flex-wrap:wrap}ax-tag-box .ax-editor-container .ax-tags-container ax-tag{--ax-comp-tag-border-radius: .375rem}ax-tag-box .ax-editor-container .ax-tags-container input{min-width:var(--ax-comp-tag-item-input-min-width, 7.5rem);height:calc(var(--ax-sys-size-base) * var(--ax-comp-tag-size-ratio, .75));padding-inline-start:var(--ax-comp-tag-item-input-padding-inline-start, .5rem)}ax-tag-box .ax-editor-container ax-clear-button{height:1rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTagComponent, selector: "ax-tag", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "autocompleteComponent", first: true, predicate: AXAutocompleteComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-default {{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container\">\n    @for (tag of value; track $index; let i = $index) {\n      @if (tagTemplate()) {\n        <ng-container\n          [ngTemplateOutlet]=\"tagTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: tag, index: i }\"\n        ></ng-container>\n      } @else {\n        <ax-tag\n          [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\"\n          look=\"twotone\"\n          (onClick)=\"onTagClick.emit($event)\"\n          (onDblClick)=\"onTagDblClick.emit($event)\"\n          (onContextMenu)=\"onTagContextMenu.emit($event)\"\n        >\n          @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n            <ax-suffix>\n              <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n            </ax-suffix>\n          }\n        </ax-tag>\n      }\n    }\n    <input\n      #input\n      [id]=\"id\"\n      class=\"ax-input\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  @if (!disabled && !readonly && value?.length) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n  <ng-content select=\"ax-suffix\"> </ng-content>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-tag-box{width:100%}ax-tag-box .ax-editor-container{height:auto;min-height:calc(var(--spacing,.25rem)*10);padding:calc(var(--spacing,.25rem)*1)}ax-tag-box .ax-editor-container .ax-tags-container{gap:calc(var(--spacing,.25rem)*1);flex-wrap:wrap;width:100%;display:flex}ax-tag-box .ax-editor-container .ax-tags-container ax-tag{--ax-comp-tag-border-radius:.375rem}ax-tag-box .ax-editor-container .ax-tags-container input{height:calc(var(--spacing,.25rem)*7.5);min-width:calc(var(--spacing,.25rem)*30);margin:auto;padding-inline-start:calc(var(--spacing,.25rem)*2)}ax-tag-box ax-clear-button{height:calc(var(--spacing,.25rem)*4)}app-demo-box .log-container{flex-direction:row-reverse;justify-content:space-between;display:flex}}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTagComponent, selector: "ax-tag", inputs: ["color", "look", "text"], outputs: ["onClick", "onDblClick", "onContextMenu"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXTagBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-tag-box', inputs: [
                         'disabled',
@@ -177,18 +207,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                             multi: true,
                         },
                         AXUnsubscriber,
-                    ], imports: [FormsModule, AXDecoratorGenericComponent, AXDecoratorIconComponent, AXTagComponent], template: "<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-{{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container\">\n    @for (tag of value; track $index; let i = $index) {\n      <ax-tag [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\" look=\"twotone\">\n        @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n          <ax-suffix>\n            <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n          </ax-suffix>\n        }\n      </ax-tag>\n    }\n    <input\n      #input\n      [id]=\"id\"\n      class=\"ax-input\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  @if (!disabled && !readonly && value?.length) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n  <ng-content select=\"ax-suffix\"> </ng-content>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["ax-tag-box{width:100%}ax-tag-box .ax-editor-container{height:auto;padding:.25rem;min-height:var(--ax-sys-size-base)}ax-tag-box .ax-editor-container .ax-tags-container{width:100%;gap:.25rem;display:flex;flex-wrap:wrap}ax-tag-box .ax-editor-container .ax-tags-container ax-tag{--ax-comp-tag-border-radius: .375rem}ax-tag-box .ax-editor-container .ax-tags-container input{min-width:var(--ax-comp-tag-item-input-min-width, 7.5rem);height:calc(var(--ax-sys-size-base) * var(--ax-comp-tag-size-ratio, .75));padding-inline-start:var(--ax-comp-tag-item-input-padding-inline-start, .5rem)}ax-tag-box .ax-editor-container ax-clear-button{height:1rem}\n"] }]
-        }], propDecorators: { __hostName: [{
+                    ], imports: [FormsModule, AXDecoratorGenericComponent, AXDecoratorIconComponent, AXTagComponent, NgTemplateOutlet], template: "<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-default {{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container\">\n    @for (tag of value; track $index; let i = $index) {\n      @if (tagTemplate()) {\n        <ng-container\n          [ngTemplateOutlet]=\"tagTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: tag, index: i }\"\n        ></ng-container>\n      } @else {\n        <ax-tag\n          [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\"\n          look=\"twotone\"\n          (onClick)=\"onTagClick.emit($event)\"\n          (onDblClick)=\"onTagDblClick.emit($event)\"\n          (onContextMenu)=\"onTagContextMenu.emit($event)\"\n        >\n          @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n            <ax-suffix>\n              <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n            </ax-suffix>\n          }\n        </ax-tag>\n      }\n    }\n    <input\n      #input\n      [id]=\"id\"\n      class=\"ax-input\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  @if (!disabled && !readonly && value?.length) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n  <ng-content select=\"ax-suffix\"> </ng-content>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-tag-box{width:100%}ax-tag-box .ax-editor-container{height:auto;min-height:calc(var(--spacing,.25rem)*10);padding:calc(var(--spacing,.25rem)*1)}ax-tag-box .ax-editor-container .ax-tags-container{gap:calc(var(--spacing,.25rem)*1);flex-wrap:wrap;width:100%;display:flex}ax-tag-box .ax-editor-container .ax-tags-container ax-tag{--ax-comp-tag-border-radius:.375rem}ax-tag-box .ax-editor-container .ax-tags-container input{height:calc(var(--spacing,.25rem)*7.5);min-width:calc(var(--spacing,.25rem)*30);margin:auto;padding-inline-start:calc(var(--spacing,.25rem)*2)}ax-tag-box ax-clear-button{height:calc(var(--spacing,.25rem)*4)}app-demo-box .log-container{flex-direction:row-reverse;justify-content:space-between;display:flex}}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { addOnComma: [{ type: i0.Input, args: [{ isSignal: true, alias: "addOnComma", required: false }] }], addOnEnter: [{ type: i0.Input, args: [{ isSignal: true, alias: "addOnEnter", required: false }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], textField: [{ type: i0.Input, args: [{ isSignal: true, alias: "textField", required: false }] }], readonlyField: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonlyField", required: false }] }], allowDuplicateValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDuplicateValues", required: false }] }], tagTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tagTemplate", required: false }] }], onTagClick: [{ type: i0.Output, args: ["onTagClick"] }], onTagDblClick: [{ type: i0.Output, args: ["onTagDblClick"] }], onTagContextMenu: [{ type: i0.Output, args: ["onTagContextMenu"] }], autocompleteComponent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AXAutocompleteComponent), { isSignal: true }] }], __hostName: [{
                 type: HostBinding,
                 args: ['attr.name']
             }] } });
 
 class AXTagBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXTagBoxModule, imports: [AXTagBoxComponent], exports: [AXTagBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagBoxModule, imports: [AXTagBoxComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXTagBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: AXTagBoxModule, imports: [AXTagBoxComponent], exports: [AXTagBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXTagBoxModule, imports: [AXTagBoxComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXTagBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXTagBoxComponent],

package/fesm2022/acorex-components-tag-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-tag-box.mjs","sources":["../tmp-esm2022/tag-box/lib/tag-box.component.js","../tmp-esm2022/tag-box/lib/tag-box.module.js","../tmp-esm2022/tag-box/acorex-components-tag-box.js"],"sourcesContent":["import { AXAutocompleteParentComponent, AXClearableComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXInputBaseValueComponent, MXLookComponent, } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { AXTagComponent } from '@acorex/components/tag';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation, forwardRef, inject, input, signal, } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { castArray, cloneDeep, isNull, get, set, isNil } from 'lodash-es';\nimport { classes } from 'polytype';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/forms\";\nexport class AXTagBoxComponent extends classes((MXInputBaseValueComponent), MXLookComponent, (AXAutocompleteParentComponent)) {\n    constructor() {\n        super(...arguments);\n        this.unsubscriber = inject(AXUnsubscriber);\n        this.updateOn = signal('change', ...(ngDevMode ? [{ debugName: \"updateOn\" }] : []));\n        this.addOnComma = input(true, ...(ngDevMode ? [{ debugName: \"addOnComma\" }] : []));\n        this.addOnEnter = input(true, ...(ngDevMode ? [{ debugName: \"addOnEnter\" }] : []));\n        this.valueField = input('id', ...(ngDevMode ? [{ debugName: \"valueField\" }] : []));\n        this.textField = input('text', ...(ngDevMode ? [{ debugName: \"textField\" }] : []));\n        this.readonlyField = input('readonly', ...(ngDevMode ? [{ debugName: \"readonlyField\" }] : []));\n        this.allowDuplicateValues = input(false, ...(ngDevMode ? [{ debugName: \"allowDuplicateValues\" }] : []));\n        this.inputValue = signal('', ...(ngDevMode ? [{ debugName: \"inputValue\" }] : []));\n    }\n    ngOnInit() {\n        super.ngOnInit();\n        this.onKeyDown.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {\n            const input = this.inputValue().trim();\n            if (e.nativeEvent.key === 'Enter' && this.addOnEnter()) {\n                if (!input.length)\n                    return;\n                this.addItems(this.convertString(input));\n            }\n            if (e.nativeEvent.key === ',' && this.addOnComma()) {\n                if (!input.length)\n                    return;\n                e.nativeEvent.preventDefault();\n                if (!input || input === ',') {\n                    this.inputValue.set('');\n                    this.emitOnTextChanged('', true);\n                    return;\n                }\n                this.addItems(this.convertString(input));\n            }\n            if (e.nativeEvent.key === 'Backspace') {\n                if (this.inputValue().length)\n                    return;\n                this.removeItem(this.value.length - 1);\n            }\n        });\n        this.onItemSelected.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {\n            this.addItems(this.convertString(e.value[0]));\n        });\n    }\n    /**\n     * Adds items to the tag box.\n     *\n     * @param items - Array of objects to add as tags\n     */\n    addItems(items) {\n        if (this.disabled || this.readonly) {\n            return;\n        }\n        //\n        if (isNil(items) || items.length === 0) {\n            return;\n        }\n        //\n        const value = cloneDeep(this.value ?? []);\n        //\n        if (!this.allowDuplicateValues() &&\n            items.some((item) => value.some((prev) => get(prev, this.valueField()) === get(item, this.valueField())))) {\n            this.inputValue.set('');\n            this.emitOnTextChanged('', true);\n            return;\n        }\n        this.inputValue.set('');\n        this.emitOnTextChanged('', true);\n        this.commitValue(value.concat(items), true);\n    }\n    /**\n     * Removes a tag at the specified index.\n     *\n     * @param index - Index of the tag to remove\n     */\n    removeItem(index) {\n        if (this.disabled || this.readonly) {\n            return;\n        }\n        const value = cloneDeep(this.value ?? []);\n        value.splice(index, 1);\n        this.commitValue(value, true);\n    }\n    /**\n     * Converts input values to tag objects.\n     *\n     * @param v - Value to convert (string, object, or array)\n     * @returns Array of tag objects\n     */\n    convertString(v) {\n        const array = castArray(v);\n        return array\n            .map((c) => {\n            if (!c)\n                return null;\n            if (typeof c === 'object') {\n                return c;\n            }\n            const obj = {};\n            set(obj, this.valueField(), c);\n            set(obj, this.textField(), c);\n            return obj;\n        })\n            .filter((c) => !isNull(c));\n    }\n    getFieldValue(item, path) {\n        return get(item, path);\n    }\n    internalSetValue(value) {\n        const result = this.convertString(value);\n        return result;\n    }\n    get __hostName() {\n        return this.name;\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.3\", type: AXTagBoxComponent, isStandalone: true, selector: \"ax-tag-box\", inputs: { disabled: { classPropertyName: \"disabled\", publicName: \"disabled\", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: \"tabIndex\", publicName: \"tabIndex\", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: \"readonly\", publicName: \"readonly\", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: \"value\", publicName: \"value\", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: \"state\", publicName: \"state\", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: \"name\", publicName: \"name\", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: \"id\", publicName: \"id\", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: \"placeholder\", publicName: \"placeholder\", isSignal: false, isRequired: false, transformFunction: null }, allowNull: { classPropertyName: \"allowNull\", publicName: \"allowNull\", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: \"type\", publicName: \"type\", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: \"look\", publicName: \"look\", isSignal: false, isRequired: false, transformFunction: null }, addOnComma: { classPropertyName: \"addOnComma\", publicName: \"addOnComma\", isSignal: true, isRequired: false, transformFunction: null }, addOnEnter: { classPropertyName: \"addOnEnter\", publicName: \"addOnEnter\", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: \"valueField\", publicName: \"valueField\", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: \"textField\", publicName: \"textField\", isSignal: true, isRequired: false, transformFunction: null }, readonlyField: { classPropertyName: \"readonlyField\", publicName: \"readonlyField\", isSignal: true, isRequired: false, transformFunction: null }, allowDuplicateValues: { classPropertyName: \"allowDuplicateValues\", publicName: \"allowDuplicateValues\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: \"onBlur\", onFocus: \"onFocus\", valueChange: \"valueChange\", stateChange: \"stateChange\", onValueChanged: \"onValueChanged\", readonlyChange: \"readonlyChange\", disabledChange: \"disabledChange\", onKeyDown: \"onKeyDown\", onKeyUp: \"onKeyUp\", onKeyPress: \"onKeyPress\" }, host: { properties: { \"attr.name\": \"this.__hostName\" } }, providers: [\n            { provide: AXComponent, useExisting: AXTagBoxComponent },\n            { provide: AXValuableComponent, useExisting: AXTagBoxComponent },\n            { provide: AXFocusableComponent, useExisting: AXTagBoxComponent },\n            { provide: AXClearableComponent, useExisting: AXTagBoxComponent },\n            { provide: MXInputBaseValueComponent, useExisting: AXTagBoxComponent },\n            { provide: AXAutocompleteParentComponent, useExisting: AXTagBoxComponent },\n            {\n                provide: NG_VALUE_ACCESSOR,\n                useExisting: forwardRef(() => AXTagBoxComponent),\n                multi: true,\n            },\n            AXUnsubscriber,\n        ], usesInheritance: true, ngImport: i0, template: \"<div\\n  (click)=\\\"input.focus()\\\"\\n  [class.ax-state-disabled]=\\\"disabled\\\"\\n  [class.ax-state-readonly]=\\\"readonly\\\"\\n  class=\\\"ax-editor-container ax-{{ look }}\\\"\\n>\\n  <ng-content select=\\\"ax-prefix\\\"> </ng-content>\\n  <div class=\\\"ax-tags-container\\\">\\n    @for (tag of value; track $index; let i = $index) {\\n      <ax-tag [text]=\\\"(getFieldValue(tag, textField()) ?? '') + ''\\\" look=\\\"twotone\\\">\\n        @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\\n          <ax-suffix>\\n            <button (click)=\\\"removeItem(i)\\\"><ax-icon class=\\\"ax-icon ax-icon-close\\\"></ax-icon></button>\\n          </ax-suffix>\\n        }\\n      </ax-tag>\\n    }\\n    <input\\n      #input\\n      [id]=\\\"id\\\"\\n      class=\\\"ax-input\\\"\\n      [disabled]=\\\"disabled\\\"\\n      [readonly]=\\\"readonly\\\"\\n      [tabindex]=\\\"tabIndex\\\"\\n      [(ngModel)]=\\\"inputValue\\\"\\n      (blur)=\\\"emitOnBlurEvent($event)\\\"\\n      [attr.placeholder]=\\\"placeholder\\\"\\n      (keyup)=\\\"emitOnKeyupEvent($event)\\\"\\n      (focus)=\\\"emitOnFocusEvent($event)\\\"\\n      [class.ax-state-disabled]=\\\"disabled\\\"\\n      [class.ax-state-readonly]=\\\"readonly\\\"\\n      (keydown)=\\\"emitOnKeydownEvent($event)\\\"\\n      (keypress)=\\\"emitOnKeypressEvent($event)\\\"\\n      [ngModelOptions]=\\\"{ updateOn: updateOn() }\\\"\\n      (ngModelChange)=\\\"emitOnTextChanged($event, true)\\\"\\n    />\\n  </div>\\n  @if (!disabled && !readonly && value?.length) {\\n    <ng-content select=\\\"ax-clear-button\\\"></ng-content>\\n  }\\n  <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n</div>\\n<ng-content select=\\\"ax-autocomplete\\\"> </ng-content>\\n<ng-content select=\\\"ax-validation-rule\\\"> </ng-content>\\n<div class=\\\"ax-error-container\\\"></div>\\n\", styles: [\"ax-tag-box{width:100%}ax-tag-box .ax-editor-container{height:auto;padding:.25rem;min-height:var(--ax-sys-size-base)}ax-tag-box .ax-editor-container .ax-tags-container{width:100%;gap:.25rem;display:flex;flex-wrap:wrap}ax-tag-box .ax-editor-container .ax-tags-container ax-tag{--ax-comp-tag-border-radius: .375rem}ax-tag-box .ax-editor-container .ax-tags-container input{min-width:var(--ax-comp-tag-item-input-min-width, 7.5rem);height:calc(var(--ax-sys-size-base) * var(--ax-comp-tag-size-ratio, .75));padding-inline-start:var(--ax-comp-tag-item-input-padding-inline-start, .5rem)}ax-tag-box .ax-editor-container ax-clear-button{height:1rem}\\n\"], dependencies: [{ kind: \"ngmodule\", type: FormsModule }, { kind: \"directive\", type: i1.DefaultValueAccessor, selector: \"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]\" }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"component\", type: 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: \"component\", type: AXDecoratorIconComponent, selector: \"ax-icon\", inputs: [\"icon\"] }, { kind: \"component\", type: AXTagComponent, selector: \"ax-tag\", inputs: [\"color\", \"look\", \"text\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagBoxComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-tag-box', inputs: [\n                        'disabled',\n                        'tabIndex',\n                        'readonly',\n                        'value',\n                        'state',\n                        'name',\n                        'id',\n                        'placeholder',\n                        'allowNull',\n                        'type',\n                        'look',\n                    ], outputs: [\n                        'onBlur',\n                        'onFocus',\n                        'valueChange',\n                        'stateChange',\n                        'onValueChanged',\n                        'readonlyChange',\n                        'disabledChange',\n                        'onKeyDown',\n                        'onKeyUp',\n                        'onKeyPress',\n                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [\n                        { provide: AXComponent, useExisting: AXTagBoxComponent },\n                        { provide: AXValuableComponent, useExisting: AXTagBoxComponent },\n                        { provide: AXFocusableComponent, useExisting: AXTagBoxComponent },\n                        { provide: AXClearableComponent, useExisting: AXTagBoxComponent },\n                        { provide: MXInputBaseValueComponent, useExisting: AXTagBoxComponent },\n                        { provide: AXAutocompleteParentComponent, useExisting: AXTagBoxComponent },\n                        {\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef(() => AXTagBoxComponent),\n                            multi: true,\n                        },\n                        AXUnsubscriber,\n                    ], imports: [FormsModule, AXDecoratorGenericComponent, AXDecoratorIconComponent, AXTagComponent], template: \"<div\\n  (click)=\\\"input.focus()\\\"\\n  [class.ax-state-disabled]=\\\"disabled\\\"\\n  [class.ax-state-readonly]=\\\"readonly\\\"\\n  class=\\\"ax-editor-container ax-{{ look }}\\\"\\n>\\n  <ng-content select=\\\"ax-prefix\\\"> </ng-content>\\n  <div class=\\\"ax-tags-container\\\">\\n    @for (tag of value; track $index; let i = $index) {\\n      <ax-tag [text]=\\\"(getFieldValue(tag, textField()) ?? '') + ''\\\" look=\\\"twotone\\\">\\n        @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\\n          <ax-suffix>\\n            <button (click)=\\\"removeItem(i)\\\"><ax-icon class=\\\"ax-icon ax-icon-close\\\"></ax-icon></button>\\n          </ax-suffix>\\n        }\\n      </ax-tag>\\n    }\\n    <input\\n      #input\\n      [id]=\\\"id\\\"\\n      class=\\\"ax-input\\\"\\n      [disabled]=\\\"disabled\\\"\\n      [readonly]=\\\"readonly\\\"\\n      [tabindex]=\\\"tabIndex\\\"\\n      [(ngModel)]=\\\"inputValue\\\"\\n      (blur)=\\\"emitOnBlurEvent($event)\\\"\\n      [attr.placeholder]=\\\"placeholder\\\"\\n      (keyup)=\\\"emitOnKeyupEvent($event)\\\"\\n      (focus)=\\\"emitOnFocusEvent($event)\\\"\\n      [class.ax-state-disabled]=\\\"disabled\\\"\\n      [class.ax-state-readonly]=\\\"readonly\\\"\\n      (keydown)=\\\"emitOnKeydownEvent($event)\\\"\\n      (keypress)=\\\"emitOnKeypressEvent($event)\\\"\\n      [ngModelOptions]=\\\"{ updateOn: updateOn() }\\\"\\n      (ngModelChange)=\\\"emitOnTextChanged($event, true)\\\"\\n    />\\n  </div>\\n  @if (!disabled && !readonly && value?.length) {\\n    <ng-content select=\\\"ax-clear-button\\\"></ng-content>\\n  }\\n  <ng-content select=\\\"ax-suffix\\\"> </ng-content>\\n</div>\\n<ng-content select=\\\"ax-autocomplete\\\"> </ng-content>\\n<ng-content select=\\\"ax-validation-rule\\\"> </ng-content>\\n<div class=\\\"ax-error-container\\\"></div>\\n\", styles: [\"ax-tag-box{width:100%}ax-tag-box .ax-editor-container{height:auto;padding:.25rem;min-height:var(--ax-sys-size-base)}ax-tag-box .ax-editor-container .ax-tags-container{width:100%;gap:.25rem;display:flex;flex-wrap:wrap}ax-tag-box .ax-editor-container .ax-tags-container ax-tag{--ax-comp-tag-border-radius: .375rem}ax-tag-box .ax-editor-container .ax-tags-container input{min-width:var(--ax-comp-tag-item-input-min-width, 7.5rem);height:calc(var(--ax-sys-size-base) * var(--ax-comp-tag-size-ratio, .75));padding-inline-start:var(--ax-comp-tag-item-input-padding-inline-start, .5rem)}ax-tag-box .ax-editor-container ax-clear-button{height:1rem}\\n\"] }]\n        }], propDecorators: { __hostName: [{\n                type: HostBinding,\n                args: ['attr.name']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL3RhZy1ib3gvc3JjL2xpYi90YWctYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGFnLWJveC9zcmMvbGliL3RhZy1ib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLDZCQUE2QixFQUM3QixvQkFBb0IsRUFDcEIsV0FBVyxFQUNYLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDbkIseUJBQXlCLEVBQ3pCLGVBQWUsR0FDaEIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN0RyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFFWCxpQkFBaUIsRUFDakIsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDMUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFVBQVUsQ0FBQzs7O0FBaURuQyxNQUFNLE9BQU8saUJBQ1gsU0FBUSxPQUFPLENBQUMsQ0FBQSx5QkFBb0MsQ0FBQSxFQUFFLGVBQWUsRUFBRSxDQUFBLDZCQUF3QyxD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QUFDLE1BQU0sYUFDcEM7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQ3hELEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQ2hFLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQ2pFLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQ2pFLEVBQUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQ3RFLEVBQUUsT0FBTyxFQUFFLDZCQUE2QixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQzFFOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGtCQUFrQixDQUFDOzRCQUNoRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjt3QkFDRCxjQUFjO3FCQUNmLFdBQ1EsQ0FBQyxXQUFXLEVBQUUsMkJBQTJCLEVBQUUsd0JBQXdCLEVBQUUsY0FBYyxDQUFDOzhCQW9JakYsVUFBVTtzQkFEckIsV0FBVzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQVhBdXRvY29tcGxldGVQYXJlbnRDb21wb25lbnQsXG4gIEFYQ2xlYXJhYmxlQ29tcG9uZW50LFxuICBBWENvbXBvbmVudCxcbiAgQVhGb2N1c2FibGVDb21wb25lbnQsXG4gIEFYVmFsdWFibGVDb21wb25lbnQsXG4gIE1YSW5wdXRCYXNlVmFsdWVDb21wb25lbnQsXG4gIE1YTG9va0NvbXBvbmVudCxcbn0gZnJvbSAnQGFjb3JleC9jZGsvY29tbW9uJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yR2VuZXJpY0NvbXBvbmVudCwgQVhEZWNvcmF0b3JJY29uQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhUYWdDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGFnJztcbmltcG9ydCB7IEFYVW5zdWJzY3JpYmVyIH0gZnJvbSAnQGFjb3JleC9jb3JlL3V0aWxzJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBPbkluaXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBmb3J3YXJkUmVmLFxuICBpbmplY3QsXG4gIGlucHV0LFxuICBzaWduYWwsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgY2FzdEFycmF5LCBjbG9uZURlZXAsIGlzTnVsbCwgZ2V0LCBzZXQsIGlzTmlsIH0gZnJvbSAnbG9kYXNoLWVzJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICdwb2x5dHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXRhZy1ib3gnLFxuICB0ZW1wbGF0ZVVybDogJ3RhZy1ib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsndGFnLWJveC5jb21wb25lbnQuc2NzcyddLFxuICBpbnB1dHM6IFtcbiAgICAnZGlzYWJsZWQnLFxuICAgICd0YWJJbmRleCcsXG4gICAgJ3JlYWRvbmx5JyxcbiAgICAndmFsdWUnLFxuICAgICdzdGF0ZScsXG4gICAgJ25hbWUnLFxuICAgICdpZCcsXG4gICAgJ3BsYWNlaG9sZGVyJyxcbiAgICAnYWxsb3dOdWxsJyxcbiAgICAndHlwZScsXG4gICAgJ2xvb2snLFxuICBdLFxuICBvdXRwdXRzOiBbXG4gICAgJ29uQmx1cicsXG4gICAgJ29uRm9jdXMnLFxuICAgICd2YWx1ZUNoYW5nZScsXG4gICAgJ3N0YXRlQ2hhbmdlJyxcbiAgICAnb25WYWx1ZUNoYW5nZWQnLFxuICAgICdyZWFkb25seUNoYW5nZScsXG4gICAgJ2Rpc2FibGVkQ2hhbmdlJyxcbiAgICAnb25LZXlEb3duJyxcbiAgICAnb25LZXlVcCcsXG4gICAgJ29uS2V5UHJlc3MnLFxuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYVGFnQm94Q29tcG9uZW50IH0sXG4gICAgeyBwcm92aWRlOiBBWFZhbHVhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUYWdCb3hDb21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYRm9jdXNhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUYWdCb3hDb21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYQ2xlYXJhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUYWdCb3hDb21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IE1YSW5wdXRCYXNlVmFsdWVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFRhZ0JveENvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhBdXRvY29tcGxldGVQYXJlbnRDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFRhZ0JveENvbXBvbmVudCB9LFxuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQVhUYWdCb3hDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICBBWFVuc3Vic2NyaWJlcixcbiAgXSxcbiAgaW1wb3J0czogW0Zvcm1zTW9kdWxlLCBBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQsIEFYRGVjb3JhdG9ySWNvbkNvbXBvbmVudCwgQVhUYWdDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFRhZ0JveENvbXBvbmVudFxuICBleHRlbmRzIGNsYXNzZXMoTVhJbnB1dEJhc2VWYWx1ZUNvbXBvbmVudDx1bmtub3duW10+LCBNWExvb2tDb21wb25lbnQsIEFYQXV0b2NvbXBsZXRlUGFyZW50Q29tcG9uZW50PHVua25vd25bXT4pXG4gIGltcGxlbWVudHMgT25Jbml0IHtcbiAgdW5zdWJzY3JpYmVyID0gaW5qZWN0KEFYVW5zdWJzY3JpYmVyKTtcblxuICBwcm90ZWN0ZWQgdXBkYXRlT24gPSBzaWduYWw8J2NoYW5nZScgfCAnYmx1cicgfCAnc3VibWl0Jz4oJ2NoYW5nZScpO1xuXG4gIGFkZE9uQ29tbWEgPSBpbnB1dCh0cnVlKTtcbiAgYWRkT25FbnRlciA9IGlucHV0KHRydWUpO1xuICB2YWx1ZUZpZWxkID0gaW5wdXQoJ2lkJyk7XG4gIHRleHRGaWVsZCA9IGlucHV0KCd0ZXh0Jyk7XG4gIHJlYWRvbmx5RmllbGQgPSBpbnB1dCgncmVhZG9ubHknKTtcbiAgYWxsb3dEdXBsaWNhdGVWYWx1ZXMgPSBpbnB1dChmYWxzZSk7XG5cbiAgaW5wdXRWYWx1ZSA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcblxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgIHRoaXMub25LZXlEb3duLnBpcGUodGhpcy51bnN1YnNjcmliZXIudGFrZVVudGlsRGVzdHJveSkuc3Vic2NyaWJlKChlKSA9PiB7XG4gICAgICBjb25zdCBpbnB1dCA9IHRoaXMuaW5wdXRWYWx1ZSgpLnRyaW0oKTtcblxuICAgICAgaWYgKGUubmF0aXZlRXZlbnQua2V5ID09PSAnRW50ZXInICYmIHRoaXMuYWRkT25FbnRlcigpKSB7XG4gICAgICAgIGlmICghaW5wdXQubGVuZ3RoKSByZXR1cm47XG4gICAgICAgIHRoaXMuYWRkSXRlbXModGhpcy5jb252ZXJ0U3RyaW5nKGlucHV0KSk7XG4gICAgICB9XG5cbiAgICAgIGlmIChlLm5hdGl2ZUV2ZW50LmtleSA9PT0gJywnICYmIHRoaXMuYWRkT25Db21tYSgpKSB7XG4gICAgICAgIGlmICghaW5wdXQubGVuZ3RoKSByZXR1cm47XG4gICAgICAgIGUubmF0aXZlRXZlbnQucHJldmVudERlZmF1bHQoKTtcblxuICAgICAgICBpZiAoIWlucHV0IHx8IGlucHV0ID09PSAnLCcpIHtcbiAgICAgICAgICB0aGlzLmlucHV0VmFsdWUuc2V0KCcnKTtcbiAgICAgICAgICB0aGlzLmVtaXRPblRleHRDaGFuZ2VkKCcnLCB0cnVlKTtcbiAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmFkZEl0ZW1zKHRoaXMuY29udmVydFN0cmluZyhpbnB1dCkpO1xuICAgICAgfVxuXG4gICAgICBpZiAoZS5uYXRpdmVFdmVudC5rZXkgPT09ICdCYWNrc3BhY2UnKSB7XG4gICAgICAgIGlmICh0aGlzLmlucHV0VmFsdWUoKS5sZW5ndGgpIHJldHVybjtcbiAgICAgICAgdGhpcy5yZW1vdmVJdGVtKHRoaXMudmFsdWUubGVuZ3RoIC0gMSk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICB0aGlzLm9uSXRlbVNlbGVjdGVkLnBpcGUodGhpcy51bnN1YnNjcmliZXIudGFrZVVudGlsRGVzdHJveSkuc3Vic2NyaWJlKChlKSA9PiB7XG4gICAgICB0aGlzLmFkZEl0ZW1zKHRoaXMuY29udmVydFN0cmluZyhlLnZhbHVlWzBdKSk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogQWRkcyBpdGVtcyB0byB0aGUgdGFnIGJveC5cbiAgICpcbiAgICogQHBhcmFtIGl0ZW1zIC0gQXJyYXkgb2Ygb2JqZWN0cyB0byBhZGQgYXMgdGFnc1xuICAgKi9cbiAgYWRkSXRlbXMoaXRlbXM6IG9iamVjdFtdKSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5yZWFkb25seSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICAvL1xuICAgIGlmIChpc05pbChpdGVtcykgfHwgaXRlbXMubGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIC8vXG4gICAgY29uc3QgdmFsdWUgPSBjbG9uZURlZXAodGhpcy52YWx1ZSA/PyBbXSk7XG4gICAgLy9cbiAgICBpZiAoXG4gICAgICAhdGhpcy5hbGxvd0R1cGxpY2F0ZVZhbHVlcygpICYmXG4gICAgICBpdGVtcy5zb21lKChpdGVtKSA9PlxuICAgICAgICB2YWx1ZS5zb21lKChwcmV2KSA9PiBnZXQocHJldiwgdGhpcy52YWx1ZUZpZWxkKCkpID09PSBnZXQoaXRlbSwgdGhpcy52YWx1ZUZpZWxkKCkpKVxuICAgICAgKVxuICAgICkge1xuICAgICAgdGhpcy5pbnB1dFZhbHVlLnNldCgnJyk7XG4gICAgICB0aGlzLmVtaXRPblRleHRDaGFuZ2VkKCcnLCB0cnVlKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmlucHV0VmFsdWUuc2V0KCcnKTtcbiAgICB0aGlzLmVtaXRPblRleHRDaGFuZ2VkKCcnLCB0cnVlKTtcblxuICAgIHRoaXMuY29tbWl0VmFsdWUodmFsdWUuY29uY2F0KGl0ZW1zKSwgdHJ1ZSk7XG4gIH1cblxuICAvKipcbiAgICogUmVtb3ZlcyBhIHRhZyBhdCB0aGUgc3BlY2lmaWVkIGluZGV4LlxuICAgKlxuICAgKiBAcGFyYW0gaW5kZXggLSBJbmRleCBvZiB0aGUgdGFnIHRvIHJlbW92ZVxuICAgKi9cbiAgcmVtb3ZlSXRlbShpbmRleDogbnVtYmVyKSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5yZWFkb25seSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCB2YWx1ZSA9IGNsb25lRGVlcCh0aGlzLnZhbHVlID8/IFtdKTtcbiAgICB2YWx1ZS5zcGxpY2UoaW5kZXgsIDEpO1xuICAgIHRoaXMuY29tbWl0VmFsdWUodmFsdWUsIHRydWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbnZlcnRzIGlucHV0IHZhbHVlcyB0byB0YWcgb2JqZWN0cy5cbiAgICpcbiAgICogQHBhcmFtIHYgLSBWYWx1ZSB0byBjb252ZXJ0IChzdHJpbmcsIG9iamVjdCwgb3IgYXJyYXkpXG4gICAqIEByZXR1cm5zIEFycmF5IG9mIHRhZyBvYmplY3RzXG4gICAqL1xuICBjb252ZXJ0U3RyaW5nKHY6IHVua25vd24pOiBvYmplY3RbXSB7XG4gICAgY29uc3QgYXJyYXkgPSBjYXN0QXJyYXkodik7XG5cbiAgICByZXR1cm4gYXJyYXlcbiAgICAgIC5tYXAoKGMpID0+IHtcbiAgICAgICAgaWYgKCFjKSByZXR1cm4gbnVsbDtcbiAgICAgICAgaWYgKHR5cGVvZiBjID09PSAnb2JqZWN0Jykge1xuICAgICAgICAgIHJldHVybiBjO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG9iajogUmVjb3JkPHN0cmluZywgdW5rbm93bj4gPSB7fTtcbiAgICAgICAgc2V0KG9iaiwgdGhpcy52YWx1ZUZpZWxkKCksIGMpO1xuICAgICAgICBzZXQob2JqLCB0aGlzLnRleHRGaWVsZCgpLCBjKTtcbiAgICAgICAgcmV0dXJuIG9iajtcbiAgICAgIH0pXG4gICAgICAuZmlsdGVyKChjKSA9PiAhaXNOdWxsKGMpKTtcbiAgfVxuXG4gIGdldEZpZWxkVmFsdWUoaXRlbTogdW5rbm93biwgcGF0aDogc3RyaW5nKTogdW5rbm93biB7XG4gICAgcmV0dXJuIGdldChpdGVtIGFzIFJlY29yZDxzdHJpbmcsIHVua25vd24+LCBwYXRoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBpbnRlcm5hbFNldFZhbHVlKHZhbHVlOiB1bmtub3duKTogdW5rbm93bltdIHtcbiAgICBjb25zdCByZXN1bHQgPSB0aGlzLmNvbnZlcnRTdHJpbmcodmFsdWUpO1xuICAgIHJldHVybiByZXN1bHQ7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIubmFtZScpXG4gIHByaXZhdGUgZ2V0IF9faG9zdE5hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5uYW1lO1xuICB9XG59XG4iLCI8ZGl2XG4gIChjbGljayk9XCJpbnB1dC5mb2N1cygpXCJcbiAgW2NsYXNzLmF4LXN0YXRlLWRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2NsYXNzLmF4LXN0YXRlLXJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgY2xhc3M9XCJheC1lZGl0b3ItY29udGFpbmVyIGF4LXt7IGxvb2sgfX1cIlxuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj4gPC9uZy1jb250ZW50PlxuICA8ZGl2IGNsYXNzPVwiYXgtdGFncy1jb250YWluZXJcIj5cbiAgICBAZm9yICh0YWcgb2YgdmFsdWU7IHRyYWNrICRpbmRleDsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICAgIDxheC10YWcgW3RleHRdPVwiKGdldEZpZWxkVmFsdWUodGFnLCB0ZXh0RmllbGQoKSkgPz8gJycpICsgJydcIiBsb29rPVwidHdvdG9uZVwiPlxuICAgICAgICBAaWYgKCFnZXRGaWVsZFZhbHVlKHRhZywgcmVhZG9ubHlGaWVsZCgpKSAmJiAhZGlzYWJsZWQgJiYgIXJlYWRvbmx5KSB7XG4gICAgICAgICAgPGF4LXN1ZmZpeD5cbiAgICAgICAgICAgIDxidXR0b24gKGNsaWNrKT1cInJlbW92ZUl0ZW0oaSlcIj48YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1jbG9zZVwiPjwvYXgtaWNvbj48L2J1dHRvbj5cbiAgICAgICAgICA8L2F4LXN1ZmZpeD5cbiAgICAgICAgfVxuICAgICAgPC9heC10YWc+XG4gICAgfVxuICAgIDxpbnB1dFxuICAgICAgI2lucHV0XG4gICAgICBbaWRdPVwiaWRcIlxuICAgICAgY2xhc3M9XCJheC1pbnB1dFwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgIFt0YWJpbmRleF09XCJ0YWJJbmRleFwiXG4gICAgICBbKG5nTW9kZWwpXT1cImlucHV0VmFsdWVcIlxuICAgICAgKGJsdXIpPVwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIlxuICAgICAgW2F0dHIucGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgKGtleXVwKT1cImVtaXRPbktleXVwRXZlbnQoJGV2ZW50KVwiXG4gICAgICAoZm9jdXMpPVwiZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgICAgIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICBbY2xhc3MuYXgtc3RhdGUtcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgKGtleWRvd24pPVwiZW1pdE9uS2V5ZG93bkV2ZW50KCRldmVudClcIlxuICAgICAgKGtleXByZXNzKT1cImVtaXRPbktleXByZXNzRXZlbnQoJGV2ZW50KVwiXG4gICAgICBbbmdNb2RlbE9wdGlvbnNdPVwieyB1cGRhdGVPbjogdXBkYXRlT24oKSB9XCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cImVtaXRPblRleHRDaGFuZ2VkKCRldmVudCwgdHJ1ZSlcIlxuICAgIC8+XG4gIDwvZGl2PlxuICBAaWYgKCFkaXNhYmxlZCAmJiAhcmVhZG9ubHkgJiYgdmFsdWU/Lmxlbmd0aCkge1xuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWNsZWFyLWJ1dHRvblwiPjwvbmctY29udGVudD5cbiAgfVxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj4gPC9uZy1jb250ZW50PlxuPC9kaXY+XG48bmctY29udGVudCBzZWxlY3Q9XCJheC1hdXRvY29tcGxldGVcIj4gPC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtdmFsaWRhdGlvbi1ydWxlXCI+IDwvbmctY29udGVudD5cbjxkaXYgY2xhc3M9XCJheC1lcnJvci1jb250YWluZXJcIj48L2Rpdj5cbiJdfQ==","import { NgModule } from '@angular/core';\nimport { AXTagBoxComponent } from './tag-box.component';\nimport * as i0 from \"@angular/core\";\nexport class AXTagBoxModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagBoxModule, imports: [AXTagBoxComponent], exports: [AXTagBoxComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagBoxModule, imports: [AXTagBoxComponent] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagBoxModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [AXTagBoxComponent],\n                    exports: [AXTagBoxComponent],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWJveC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL3RhZy1ib3gvc3JjL2xpYi90YWctYm94Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU94RCxNQUFNLE9BQU8sY0FBYzs4R0FBZCxjQUFjOytHQUFkLGNBQWMsWUFKZixpQkFBaUIsYUFDakIsaUJBQWlCOytHQUdoQixjQUFjLFlBSmYsaUJBQWlCOzsyRkFJaEIsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDNUIsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQzVCLFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYVGFnQm94Q29tcG9uZW50IH0gZnJvbSAnLi90YWctYm94LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtBWFRhZ0JveENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtBWFRhZ0JveENvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGFnQm94TW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtdGFnLWJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGFnLWJveC9zcmMvYWNvcmV4LWNvbXBvbmVudHMtdGFnLWJveC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-tag-box.mjs","sources":["../../../../packages/components/tag-box/src/lib/tag-box.component.ts","../../../../packages/components/tag-box/src/lib/tag-box.component.html","../../../../packages/components/tag-box/src/lib/tag-box.module.ts","../../../../packages/components/tag-box/src/acorex-components-tag-box.ts"],"sourcesContent":["import {\n  AXAutocompleteParentComponent,\n  AXClearableComponent,\n  AXClickEvent,\n  AXComponent,\n  AXFocusableComponent,\n  AXValuableComponent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/cdk/common';\nimport { AXAutocompleteComponent } from '@acorex/components/autocomplete';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { AXTagComponent } from '@acorex/components/tag';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  OnInit,\n  TemplateRef,\n  ViewEncapsulation,\n  contentChild,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { castArray, cloneDeep, get, isNil, isNull, set } from 'lodash-es';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-tag-box',\n  templateUrl: 'tag-box.component.html',\n  styleUrls: ['tag-box.component.compiled.css'],\n  inputs: [\n    'disabled',\n    'tabIndex',\n    'readonly',\n    'value',\n    'state',\n    'name',\n    'id',\n    'placeholder',\n    'allowNull',\n    'type',\n    'look',\n  ],\n  outputs: [\n    'onBlur',\n    'onFocus',\n    'valueChange',\n    'stateChange',\n    'onValueChanged',\n    'readonlyChange',\n    'disabledChange',\n    'onKeyDown',\n    'onKeyUp',\n    'onKeyPress',\n  ],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXComponent, useExisting: AXTagBoxComponent },\n    { provide: AXValuableComponent, useExisting: AXTagBoxComponent },\n    { provide: AXFocusableComponent, useExisting: AXTagBoxComponent },\n    { provide: AXClearableComponent, useExisting: AXTagBoxComponent },\n    { provide: MXInputBaseValueComponent, useExisting: AXTagBoxComponent },\n    { provide: AXAutocompleteParentComponent, useExisting: AXTagBoxComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXTagBoxComponent),\n      multi: true,\n    },\n    AXUnsubscriber,\n  ],\n  imports: [FormsModule, AXDecoratorGenericComponent, AXDecoratorIconComponent, AXTagComponent, NgTemplateOutlet],\n})\nexport class AXTagBoxComponent\n  extends classes(MXInputBaseValueComponent<unknown[]>, MXLookComponent, AXAutocompleteParentComponent<unknown[]>)\n  implements OnInit\n{\n  unsubscriber = inject(AXUnsubscriber);\n\n  protected updateOn = signal<'change' | 'blur' | 'submit'>('change');\n\n  addOnComma = input(true);\n  addOnEnter = input(true);\n  valueField = input('id');\n  textField = input('text');\n  readonlyField = input('readonly');\n  allowDuplicateValues = input(false);\n  tagTemplate = input<TemplateRef<unknown>>();\n\n  onTagClick = output<AXClickEvent>();\n  onTagDblClick = output<AXClickEvent>();\n  onTagContextMenu = output<AXClickEvent>();\n\n  inputValue = signal<string>('');\n\n  private autocompleteComponent = contentChild(AXAutocompleteComponent);\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n    this.onKeyDown.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {\n      const input = this.inputValue().trim();\n\n      if (e.nativeEvent.key === 'Enter' && this.addOnEnter()) {\n        if (!input.length) return;\n        this.addItems(this.convertString(input));\n      }\n\n      if (e.nativeEvent.key === ',' && this.addOnComma()) {\n        if (!input.length) return;\n        e.nativeEvent.preventDefault();\n\n        if (!input || input === ',') {\n          this.inputValue.set('');\n          this.emitOnTextChanged('', true);\n          return;\n        }\n\n        this.addItems(this.convertString(input));\n      }\n\n      if (e.nativeEvent.key === 'Backspace') {\n        if (this.inputValue().length) return;\n        this.removeItem(this.value?.length - 1);\n      }\n    });\n\n    this.onItemSelected.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {\n      const incomingItems = this.convertString(e.value);\n      const currentValue = this.value ?? [];\n      const vf = this.valueField();\n      const filtered = incomingItems.filter((item) => !currentValue.some((prev) => get(prev, vf) === get(item, vf)));\n      this.addItems(filtered);\n    });\n  }\n\n  /**\n   * Adds items to the tag box.\n   *\n   * @param items - Array of objects to add as tags\n   */\n  addItems(items: object[]) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    //\n    if (isNil(items) || items.length === 0) {\n      return;\n    }\n    //\n    const value = cloneDeep(this.value ?? []);\n    // filter out duplicates instead of early return\n    let itemsToAdd = items;\n    if (!this.allowDuplicateValues()) {\n      const vf = this.valueField();\n      itemsToAdd = items.filter((item) => !value.some((prev) => get(prev, vf) === get(item, vf)));\n      if (itemsToAdd.length === 0) {\n        this.inputValue.set('');\n        this.emitOnTextChanged('', true);\n        return;\n      }\n    }\n\n    this.inputValue.set('');\n    this.emitOnTextChanged('', true);\n\n    this.commitValue(value.concat(itemsToAdd), true);\n\n    // sync autocomplete selection to avoid re-adding removed items\n    this.syncAutocompleteSelection();\n  }\n\n  /**\n   * Removes a tag at the specified index.\n   *\n   * @param index - Index of the tag to remove\n   */\n  removeItem(index: number) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    const value = cloneDeep(this.value ?? []);\n    value.splice(index, 1);\n    this.commitValue(value, true);\n\n    // sync autocomplete selection to avoid re-adding removed items\n    this.syncAutocompleteSelection();\n  }\n\n  /**\n   * Converts input values to tag objects.\n   *\n   * @param v - Value to convert (string, object, or array)\n   * @returns Array of tag objects\n   */\n  convertString(v: unknown): object[] {\n    const array = castArray(v);\n\n    return array\n      .map((c) => {\n        if (!c) return null;\n        if (typeof c === 'object') {\n          return c;\n        }\n        const obj: Record<string, unknown> = {};\n        set(obj, this.valueField(), c);\n        set(obj, this.textField(), c);\n        return obj;\n      })\n      .filter((c) => !isNull(c));\n  }\n\n  getFieldValue(item: unknown, path: string): unknown {\n    return get(item as Record<string, unknown>, path);\n  }\n\n  /**\n   * Keep autocomplete selected values in sync with current tags\n   */\n  private syncAutocompleteSelection(): void {\n    const ac = this.autocompleteComponent();\n    if (!ac) return;\n    const vf = ac.valueField || this.valueField();\n    const values = (this.value ?? []).map((t) => get(t as Record<string, unknown>, vf)).filter((v) => v != null);\n    ac.value = ac.multiple ? values : (values[0] ?? null);\n  }\n\n  protected override internalSetValue(value: unknown): unknown[] {\n    const result = this.convertString(value);\n    return result;\n  }\n\n  @HostBinding('attr.name')\n  private get __hostName(): string {\n    return this.name;\n  }\n}\n","<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-default {{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container\">\n    @for (tag of value; track $index; let i = $index) {\n      @if (tagTemplate()) {\n        <ng-container\n          [ngTemplateOutlet]=\"tagTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: tag, index: i }\"\n        ></ng-container>\n      } @else {\n        <ax-tag\n          [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\"\n          look=\"twotone\"\n          (onClick)=\"onTagClick.emit($event)\"\n          (onDblClick)=\"onTagDblClick.emit($event)\"\n          (onContextMenu)=\"onTagContextMenu.emit($event)\"\n        >\n          @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n            <ax-suffix>\n              <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n            </ax-suffix>\n          }\n        </ax-tag>\n      }\n    }\n    <input\n      #input\n      [id]=\"id\"\n      class=\"ax-input\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  @if (!disabled && !readonly && value?.length) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n  <ng-content select=\"ax-suffix\"> </ng-content>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n","import { NgModule } from '@angular/core';\nimport { AXTagBoxComponent } from './tag-box.component';\n\n@NgModule({\n  imports: [AXTagBoxComponent],\n  exports: [AXTagBoxComponent],\n  providers: [],\n})\nexport class AXTagBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-tag.mjs

@@ -1,6 +1,6 @@
 import { MXColorLookComponent, AXComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
-import { HostBinding, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { output, HostListener, HostBinding, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 /**
@@ -8,29 +8,65 @@ import { CommonModule } from '@angular/common';
  * A component used for displaying a tag or label with customizable color and appearance.
  */
 class AXTagComponent extends MXColorLookComponent {
+    constructor() {
+        super(...arguments);
+        this.onClick = output();
+        this.onDblClick = output();
+        this.onContextMenu = output();
+    }
     /** @ignore */
     get __hostClass() {
-        return `ax-${this.color} ax-${this.look}`;
+        return `${this.color} ${this.look}`;
+    }
+    hostClickListener(event) {
+        this.onClick.emit({
+            component: this,
+            htmlElement: this.getHostElement(),
+            nativeEvent: event,
+        });
+    }
+    hostDblClickListener(event) {
+        this.onDblClick.emit({
+            component: this,
+            htmlElement: this.getHostElement(),
+            nativeEvent: event,
+        });
+    }
+    hostContextMenuListener(event) {
+        this.onContextMenu.emit({
+            component: this,
+            htmlElement: this.getHostElement(),
+            nativeEvent: event,
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: AXTagComponent, isStandalone: true, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXTagComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-tag.ax-outline.ax-default{--ax-comp-tag-border-width: 1px;--ax-comp-tag-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-tag.ax-outline.ax-default{--ax-comp-tag-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-darker-surface)}ax-tag.ax-outline{--ax-comp-tag-border-width: 1px}ax-tag.ax-outline.ax-primary{--ax-comp-tag-text-color: var(--ax-sys-color-primary-surface);--ax-comp-tag-border-color: var(--ax-sys-color-primary-surface)}ax-tag.ax-outline.ax-secondary{--ax-comp-tag-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-tag-border-color: var(--ax-sys-color-secondary-surface)}ax-tag.ax-outline.ax-success{--ax-comp-tag-text-color: var(--ax-sys-color-success-surface);--ax-comp-tag-border-color: var(--ax-sys-color-success-surface)}ax-tag.ax-outline.ax-warning{--ax-comp-tag-text-color: var(--ax-sys-color-warning-surface);--ax-comp-tag-border-color: var(--ax-sys-color-warning-surface)}ax-tag.ax-outline.ax-danger{--ax-comp-tag-text-color: var(--ax-sys-color-danger-surface);--ax-comp-tag-border-color: var(--ax-sys-color-danger-surface)}ax-tag.ax-outline.ax-accent1{--ax-comp-tag-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent1-surface)}ax-tag.ax-outline.ax-accent2{--ax-comp-tag-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent2-surface)}ax-tag.ax-outline.ax-accent3{--ax-comp-tag-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent3-surface)}ax-tag.ax-outline.ax-accent4{--ax-comp-tag-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent4-surface)}ax-tag.ax-outline.ax-accent5{--ax-comp-tag-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent5-surface)}ax-tag.ax-outline.ax-accent6{--ax-comp-tag-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent6-surface)}ax-tag.ax-outline.ax-accent7{--ax-comp-tag-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent7-surface)}ax-tag.ax-solid.ax-default{--ax-comp-tag-border-width: 1px;--ax-comp-tag-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-tag.ax-solid.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-darkest-surface)}ax-tag.ax-solid.ax-primary{--ax-comp-tag-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-primary-surface)}ax-tag.ax-solid.ax-secondary{--ax-comp-tag-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-secondary-surface)}ax-tag.ax-solid.ax-success{--ax-comp-tag-bg-color: var(--ax-sys-color-success-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-success-surface)}ax-tag.ax-solid.ax-warning{--ax-comp-tag-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-warning-surface)}ax-tag.ax-solid.ax-danger{--ax-comp-tag-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-danger-surface)}ax-tag.ax-solid.ax-accent1{--ax-comp-tag-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent1-surface)}ax-tag.ax-solid.ax-accent2{--ax-comp-tag-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent2-surface)}ax-tag.ax-solid.ax-accent3{--ax-comp-tag-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent3-surface)}ax-tag.ax-solid.ax-accent4{--ax-comp-tag-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent4-surface)}ax-tag.ax-solid.ax-accent5{--ax-comp-tag-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent5-surface)}ax-tag.ax-solid.ax-accent6{--ax-comp-tag-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent6-surface)}ax-tag.ax-solid.ax-accent7{--ax-comp-tag-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent7-surface)}ax-tag.ax-twotone.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-light-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-light-surface)}.ax-dark ax-tag.ax-twotone.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-dark-surface)}ax-tag.ax-twotone.ax-primary{--ax-comp-tag-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-primary-lightest-surface)}ax-tag.ax-twotone.ax-secondary{--ax-comp-tag-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-secondary-lightest-surface)}ax-tag.ax-twotone.ax-success{--ax-comp-tag-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-success-lightest-surface)}ax-tag.ax-twotone.ax-warning{--ax-comp-tag-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-warning-lightest-surface)}ax-tag.ax-twotone.ax-danger{--ax-comp-tag-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-danger-lightest-surface)}ax-tag.ax-twotone.ax-accent1{--ax-comp-tag-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent1-lightest-surface)}ax-tag.ax-twotone.ax-accent2{--ax-comp-tag-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent2-lightest-surface)}ax-tag.ax-twotone.ax-accent3{--ax-comp-tag-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent3-lightest-surface)}ax-tag.ax-twotone.ax-accent4{--ax-comp-tag-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent4-lightest-surface)}ax-tag.ax-twotone.ax-accent5{--ax-comp-tag-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent5-lightest-surface)}ax-tag.ax-twotone.ax-accent6{--ax-comp-tag-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent6-lightest-surface)}ax-tag.ax-twotone.ax-accent7{--ax-comp-tag-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent7-lightest-surface)}ax-tag{--ax-comp-tag-border-radius: var(--ax-sys-border-radius);--ax-comp-tag-height: calc(var(--ax-sys-size-base) * var(--ax-comp-tag-size-ratio, .75))}.ax-xs ax-tag,ax-tag.ax-xs{--ax-comp-tag-gap: .25rem;--ax-comp-tag-padding-x: .25rem;--ax-comp-tag-font-size: .75rem}.ax-sm ax-tag,ax-tag.ax-sm{--ax-comp-tag-gap: .375rem;--ax-comp-tag-padding-x: .25rem;--ax-comp-tag-font-size: .813rem}.ax-md ax-tag,ax-tag{--ax-comp-tag-gap: .5rem;--ax-comp-tag-padding-x: .5rem;--ax-comp-tag-font-size: .875rem}.ax-lg ax-tag,ax-tag.ax-lg{--ax-comp-tag-gap: .625rem;--ax-comp-tag-font-size: 1.125rem;--ax-comp-tag-padding-x: 1.125rem}.ax-xl ax-tag,ax-tag.ax-xl{--ax-comp-tag-gap: .75rem;--ax-comp-tag-font-size: 1.5rem;--ax-comp-tag-padding-x: 1.5rem}ax-tag{word-wrap:anywhere;align-items:center;display:inline-flex;gap:var(--ax-comp-tag-gap);min-height:var(--ax-comp-tag-height);font-size:var(--ax-comp-tag-font-size);border-radius:var(--ax-comp-tag-border-radius);border-width:var(--ax-comp-tag-border-width, 0);color:rgba(var(--ax-comp-tag-text-color, inherit));border-color:rgba(var(--ax-comp-tag-border-color));background-color:rgba(var(--ax-comp-tag-bg-color));line-height:var(--ax-comp-tag-line-height, 1.25rem);padding-block:var(--ax-comp-tag-padding-y, .25rem);padding-inline:var(--ax-comp-tag-padding-x, .75rem)}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;height:1.25rem;align-items:center;font-size:var(--ax-comp-tag-font-size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXTagComponent, isStandalone: true, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, outputs: { onClick: "onClick", onDblClick: "onDblClick", onContextMenu: "onContextMenu" }, host: { listeners: { "click": "hostClickListener($event)", "dblclick": "hostDblClickListener($event)", "contextmenu": "hostContextMenuListener($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXTagComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.ax-xs ax-tag,ax-tag.ax-xs{gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*0);font-size:.625rem}.ax-sm ax-tag,ax-tag.ax-sm{gap:calc(var(--spacing,.25rem)*1.5);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}ax-tag,.ax-md ax-tag,ax-tag.ax-md{gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.ax-lg ax-tag,ax-tag.ax-lg{gap:calc(var(--spacing,.25rem)*2.5);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.ax-xl ax-tag,ax-tag.ax-xl{gap:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-lg,.5rem);padding-inline:calc(var(--spacing,.25rem)*4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}ax-tag{border-style:var(--tw-border-style);overflow-wrap:anywhere;border-width:1px;align-items:center;display:inline-flex}ax-tag ax-prefix,ax-tag ax-suffix{align-items:center;display:flex}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXTagComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tag', inputs: ['color', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXTagComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-tag.ax-outline.ax-default{--ax-comp-tag-border-width: 1px;--ax-comp-tag-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-tag.ax-outline.ax-default{--ax-comp-tag-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-darker-surface)}ax-tag.ax-outline{--ax-comp-tag-border-width: 1px}ax-tag.ax-outline.ax-primary{--ax-comp-tag-text-color: var(--ax-sys-color-primary-surface);--ax-comp-tag-border-color: var(--ax-sys-color-primary-surface)}ax-tag.ax-outline.ax-secondary{--ax-comp-tag-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-tag-border-color: var(--ax-sys-color-secondary-surface)}ax-tag.ax-outline.ax-success{--ax-comp-tag-text-color: var(--ax-sys-color-success-surface);--ax-comp-tag-border-color: var(--ax-sys-color-success-surface)}ax-tag.ax-outline.ax-warning{--ax-comp-tag-text-color: var(--ax-sys-color-warning-surface);--ax-comp-tag-border-color: var(--ax-sys-color-warning-surface)}ax-tag.ax-outline.ax-danger{--ax-comp-tag-text-color: var(--ax-sys-color-danger-surface);--ax-comp-tag-border-color: var(--ax-sys-color-danger-surface)}ax-tag.ax-outline.ax-accent1{--ax-comp-tag-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent1-surface)}ax-tag.ax-outline.ax-accent2{--ax-comp-tag-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent2-surface)}ax-tag.ax-outline.ax-accent3{--ax-comp-tag-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent3-surface)}ax-tag.ax-outline.ax-accent4{--ax-comp-tag-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent4-surface)}ax-tag.ax-outline.ax-accent5{--ax-comp-tag-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent5-surface)}ax-tag.ax-outline.ax-accent6{--ax-comp-tag-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent6-surface)}ax-tag.ax-outline.ax-accent7{--ax-comp-tag-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-tag-border-color: var(--ax-sys-color-accent7-surface)}ax-tag.ax-solid.ax-default{--ax-comp-tag-border-width: 1px;--ax-comp-tag-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-tag.ax-solid.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-tag-border-color: var(--ax-sys-color-border-darkest-surface)}ax-tag.ax-solid.ax-primary{--ax-comp-tag-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-primary-surface)}ax-tag.ax-solid.ax-secondary{--ax-comp-tag-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-secondary-surface)}ax-tag.ax-solid.ax-success{--ax-comp-tag-bg-color: var(--ax-sys-color-success-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-success-surface)}ax-tag.ax-solid.ax-warning{--ax-comp-tag-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-warning-surface)}ax-tag.ax-solid.ax-danger{--ax-comp-tag-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-danger-surface)}ax-tag.ax-solid.ax-accent1{--ax-comp-tag-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent1-surface)}ax-tag.ax-solid.ax-accent2{--ax-comp-tag-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent2-surface)}ax-tag.ax-solid.ax-accent3{--ax-comp-tag-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent3-surface)}ax-tag.ax-solid.ax-accent4{--ax-comp-tag-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent4-surface)}ax-tag.ax-solid.ax-accent5{--ax-comp-tag-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent5-surface)}ax-tag.ax-solid.ax-accent6{--ax-comp-tag-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent6-surface)}ax-tag.ax-solid.ax-accent7{--ax-comp-tag-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent7-surface)}ax-tag.ax-twotone.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-light-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-light-surface)}.ax-dark ax-tag.ax-twotone.ax-default{--ax-comp-tag-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-dark-surface)}ax-tag.ax-twotone.ax-primary{--ax-comp-tag-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-primary-lightest-surface)}ax-tag.ax-twotone.ax-secondary{--ax-comp-tag-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-secondary-lightest-surface)}ax-tag.ax-twotone.ax-success{--ax-comp-tag-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-success-lightest-surface)}ax-tag.ax-twotone.ax-warning{--ax-comp-tag-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-warning-lightest-surface)}ax-tag.ax-twotone.ax-danger{--ax-comp-tag-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-danger-lightest-surface)}ax-tag.ax-twotone.ax-accent1{--ax-comp-tag-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent1-lightest-surface)}ax-tag.ax-twotone.ax-accent2{--ax-comp-tag-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent2-lightest-surface)}ax-tag.ax-twotone.ax-accent3{--ax-comp-tag-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent3-lightest-surface)}ax-tag.ax-twotone.ax-accent4{--ax-comp-tag-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent4-lightest-surface)}ax-tag.ax-twotone.ax-accent5{--ax-comp-tag-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent5-lightest-surface)}ax-tag.ax-twotone.ax-accent6{--ax-comp-tag-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent6-lightest-surface)}ax-tag.ax-twotone.ax-accent7{--ax-comp-tag-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-tag-text-color: var(--ax-sys-color-on-accent7-lightest-surface)}ax-tag{--ax-comp-tag-border-radius: var(--ax-sys-border-radius);--ax-comp-tag-height: calc(var(--ax-sys-size-base) * var(--ax-comp-tag-size-ratio, .75))}.ax-xs ax-tag,ax-tag.ax-xs{--ax-comp-tag-gap: .25rem;--ax-comp-tag-padding-x: .25rem;--ax-comp-tag-font-size: .75rem}.ax-sm ax-tag,ax-tag.ax-sm{--ax-comp-tag-gap: .375rem;--ax-comp-tag-padding-x: .25rem;--ax-comp-tag-font-size: .813rem}.ax-md ax-tag,ax-tag{--ax-comp-tag-gap: .5rem;--ax-comp-tag-padding-x: .5rem;--ax-comp-tag-font-size: .875rem}.ax-lg ax-tag,ax-tag.ax-lg{--ax-comp-tag-gap: .625rem;--ax-comp-tag-font-size: 1.125rem;--ax-comp-tag-padding-x: 1.125rem}.ax-xl ax-tag,ax-tag.ax-xl{--ax-comp-tag-gap: .75rem;--ax-comp-tag-font-size: 1.5rem;--ax-comp-tag-padding-x: 1.5rem}ax-tag{word-wrap:anywhere;align-items:center;display:inline-flex;gap:var(--ax-comp-tag-gap);min-height:var(--ax-comp-tag-height);font-size:var(--ax-comp-tag-font-size);border-radius:var(--ax-comp-tag-border-radius);border-width:var(--ax-comp-tag-border-width, 0);color:rgba(var(--ax-comp-tag-text-color, inherit));border-color:rgba(var(--ax-comp-tag-border-color));background-color:rgba(var(--ax-comp-tag-bg-color));line-height:var(--ax-comp-tag-line-height, 1.25rem);padding-block:var(--ax-comp-tag-padding-y, .25rem);padding-inline:var(--ax-comp-tag-padding-x, .75rem)}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;height:1.25rem;align-items:center;font-size:var(--ax-comp-tag-font-size)}\n"] }]
+            args: [{ selector: 'ax-tag', inputs: ['color', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXTagComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.ax-xs ax-tag,ax-tag.ax-xs{gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*0);font-size:.625rem}.ax-sm ax-tag,ax-tag.ax-sm{gap:calc(var(--spacing,.25rem)*1.5);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}ax-tag,.ax-md ax-tag,ax-tag.ax-md{gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.ax-lg ax-tag,ax-tag.ax-lg{gap:calc(var(--spacing,.25rem)*2.5);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.ax-xl ax-tag,ax-tag.ax-xl{gap:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-lg,.5rem);padding-inline:calc(var(--spacing,.25rem)*4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}ax-tag{border-style:var(--tw-border-style);overflow-wrap:anywhere;border-width:1px;align-items:center;display:inline-flex}ax-tag ax-prefix,ax-tag ax-suffix{align-items:center;display:flex}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { text: [{
                 type: Input
-            }], __hostClass: [{
+            }], onClick: [{ type: i0.Output, args: ["onClick"] }], onDblClick: [{ type: i0.Output, args: ["onDblClick"] }], onContextMenu: [{ type: i0.Output, args: ["onContextMenu"] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']
+            }], hostClickListener: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], hostDblClickListener: [{
+                type: HostListener,
+                args: ['dblclick', ['$event']]
+            }], hostContextMenuListener: [{
+                type: HostListener,
+                args: ['contextmenu', ['$event']]
             }] } });
 
 class AXTagModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXTagModule, imports: [CommonModule, AXTagComponent], exports: [AXTagComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: AXTagModule, imports: [CommonModule, AXTagComponent], exports: [AXTagComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXTagModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXTagComponent],