@acorex/components 21.0.0-next.2 → 21.0.0-next.20

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}`;
     }
-    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 }); }
+    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.9", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", 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: ["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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", 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"] }]
         }], 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.9", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: AXTagModule, imports: [CommonModule, AXTagComponent], exports: [AXTagComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", 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.9", ngImport: i0, type: AXTagModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXTagComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-tag.mjs","sources":["../tmp-esm2022/tag/lib/tag.component.js","../tmp-esm2022/tag/lib/tag.module.js","../tmp-esm2022/tag/acorex-components-tag.js"],"sourcesContent":["import { AXComponent, MXColorLookComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport * as i0 from \"@angular/core\";\n/**\n * @category\n * A component used for displaying a tag or label with customizable color and appearance.\n */\nexport class AXTagComponent extends MXColorLookComponent {\n    /** @ignore */\n    get __hostClass() {\n        return `ax-${this.color} ax-${this.look}`;\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    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 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagComponent, decorators: [{\n            type: Component,\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: [\"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\"] }]\n        }], propDecorators: { text: [{\n                type: Input\n            }], __hostClass: [{\n                type: HostBinding,\n                args: ['class']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGFnL3NyYy9saWIvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGFnL3NyYy9saWIvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFHOzs7R0FHRztBQVVILE1BQU0sT0FBTyxjQUFlLFNBQVEsb0JBQW9CO0lBT3RELGNBQWM7SUFDZCxJQUNZLFdBQVc7UUFDckIsT0FBTyxNQUFNLElBQUksQ0FBQyxLQUFLLE9BQU8sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVDLENBQUM7OEdBWFUsY0FBYztrR0FBZCxjQUFjLG9LQUZkLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsQ0FBQyxpRENkcEUsK0lBR0E7OzJGRGFhLGNBQWM7a0JBVDFCLFNBQVM7K0JBQ0UsUUFBUSxVQUdWLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxtQkFDUix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsZ0JBQWdCLEVBQUUsQ0FBQzs4QkFPbEUsSUFBSTtzQkFESCxLQUFLO2dCQUtNLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ29tcG9uZW50LCBNWENvbG9yTG9va0NvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQGNhdGVnb3J5XG4gKiBBIGNvbXBvbmVudCB1c2VkIGZvciBkaXNwbGF5aW5nIGEgdGFnIG9yIGxhYmVsIHdpdGggY3VzdG9taXphYmxlIGNvbG9yIGFuZCBhcHBlYXJhbmNlLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10YWcnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFnLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFnLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydjb2xvcicsICdsb29rJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUYWdDb21wb25lbnQgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGFnQ29tcG9uZW50IGV4dGVuZHMgTVhDb2xvckxvb2tDb21wb25lbnQge1xuICAvKipcbiAgICogUmVwcmVzZW50cyB0aGUgdGV4dCBjb250ZW50IHRvIGJlIGRpc3BsYXllZCBvciB1c2VkIHdpdGhpbiB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgQElucHV0KClcbiAgdGV4dDogc3RyaW5nO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtJHt0aGlzLmNvbG9yfSBheC0ke3RoaXMubG9va31gO1xuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj48L25nLWNvbnRlbnQ+XG48ZGl2IGNsYXNzPVwiYXgtdGFnLXRleHRcIj57eyB0ZXh0IH19PC9kaXY+XG48bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj48L25nLWNvbnRlbnQ+XG4iXX0=","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTagComponent } from './tag.component';\nimport * as i0 from \"@angular/core\";\nexport class AXTagModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagModule, imports: [CommonModule, AXTagComponent], exports: [AXTagComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTagModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [CommonModule, AXTagComponent],\n                    exports: [AXTagComponent],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGFnL3NyYy9saWIvdGFnLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBT2pELE1BQU0sT0FBTyxXQUFXOzhHQUFYLFdBQVc7K0dBQVgsV0FBVyxZQUpaLFlBQVksRUFBRSxjQUFjLGFBQzVCLGNBQWM7K0dBR2IsV0FBVyxZQUpaLFlBQVk7OzJGQUlYLFdBQVc7a0JBTHZCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGNBQWMsQ0FBQztvQkFDdkMsT0FBTyxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUN6QixTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhUYWdDb21wb25lbnQgfSBmcm9tICcuL3RhZy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWFRhZ0NvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtBWFRhZ0NvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGFnTW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtdGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy90YWcvc3JjL2Fjb3JleC1jb21wb25lbnRzLXRhZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;;AAGA;AACA;AACA;AACA;AACO,MAAM,cAAc,SAAS,oBAAoB,CAAC;AACzD;AACA,IAAI,IAAI,WAAW,GAAG;AACtB,QAAQ,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AACjD,IAAI;AACJ,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAClL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,+IAA+I,EAAE,MAAM,EAAE,CAAC,stQAAstQ,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;AAC/0R;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC;AACxH,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,iBAAiB,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,EAAE,QAAQ,EAAE,+IAA+I,EAAE,MAAM,EAAE,CAAC,stQAAstQ,CAAC,EAAE;AAC7lR,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,CAAC;AACrC,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC;AAC9B,gBAAgB,IAAI,EAAE,WAAW;AACjC,gBAAgB,IAAI,EAAE,CAAC,OAAO;AAC9B,aAAa,CAAC,EAAE,EAAE,CAAC;;ACnBZ,MAAM,WAAW,CAAC;AACzB,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC5K,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;AAClM,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AACvJ;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;AACrH,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;AAC3D,oBAAoB,OAAO,EAAE,CAAC,cAAc,CAAC;AAC7C,oBAAoB,SAAS,EAAE,EAAE;AACjC,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;AChBb;AACA;AACA;;;;"}
+{"version":3,"file":"acorex-components-tag.mjs","sources":["../tmp-esm2022/tag/lib/tag.component.js","../tmp-esm2022/tag/lib/tag.module.js","../tmp-esm2022/tag/acorex-components-tag.js"],"sourcesContent":["import { AXComponent, MXColorLookComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, HostListener, Input, output, ViewEncapsulation, } from '@angular/core';\nimport * as i0 from \"@angular/core\";\n/**\n * @category\n * A component used for displaying a tag or label with customizable color and appearance.\n */\nexport class AXTagComponent extends MXColorLookComponent {\n    constructor() {\n        super(...arguments);\n        this.onClick = output();\n        this.onDblClick = output();\n        this.onContextMenu = output();\n    }\n    /** @ignore */\n    get __hostClass() {\n        return `ax-${this.color} ax-${this.look}`;\n    }\n    hostClickListener(event) {\n        this.onClick.emit({\n            component: this,\n            htmlElement: this.getHostElement(),\n            nativeEvent: event,\n        });\n    }\n    hostDblClickListener(event) {\n        this.onDblClick.emit({\n            component: this,\n            htmlElement: this.getHostElement(),\n            nativeEvent: event,\n        });\n    }\n    hostContextMenuListener(event) {\n        this.onContextMenu.emit({\n            component: this,\n            htmlElement: this.getHostElement(),\n            nativeEvent: event,\n        });\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.3.9\", 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: [\"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 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTagComponent, decorators: [{\n            type: Component,\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: [\"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\"] }]\n        }], propDecorators: { text: [{\n                type: Input\n            }], onClick: [{ type: i0.Output, args: [\"onClick\"] }], onDblClick: [{ type: i0.Output, args: [\"onDblClick\"] }], onContextMenu: [{ type: i0.Output, args: [\"onContextMenu\"] }], __hostClass: [{\n                type: HostBinding,\n                args: ['class']\n            }], hostClickListener: [{\n                type: HostListener,\n                args: ['click', ['$event']]\n            }], hostDblClickListener: [{\n                type: HostListener,\n                args: ['dblclick', ['$event']]\n            }], hostContextMenuListener: [{\n                type: HostListener,\n                args: ['contextmenu', ['$event']]\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGFnL3NyYy9saWIvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGFnL3NyYy9saWIvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsV0FBVyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckYsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7OztHQUdHO0FBVUgsTUFBTSxPQUFPLGNBQWUsU0FBUSxvQkFBb0I7SUFUeEQ7O1FBZ0JFLFlBQU8sR0FBRyxNQUFNLEVBQWdCLENBQUM7UUFDakMsZUFBVSxHQUFHLE1BQU0sRUFBZ0IsQ0FBQztRQUNwQyxrQkFBYSxHQUFHLE1BQU0sRUFBZ0IsQ0FBQztLQWdDeEM7SUE5QkMsY0FBYztJQUNkLElBQ1ksV0FBVztRQUNyQixPQUFPLE1BQU0sSUFBSSxDQUFDLEtBQUssT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDNUMsQ0FBQztJQUdPLGlCQUFpQixDQUFDLEtBQWlCO1FBQ3pDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1lBQ2hCLFNBQVMsRUFBRSxJQUFJO1lBQ2YsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLEtBQUs7U0FDbkIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLG9CQUFvQixDQUFDLEtBQWlCO1FBQzVDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO1lBQ25CLFNBQVMsRUFBRSxJQUFJO1lBQ2YsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLEtBQUs7U0FDbkIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLHVCQUF1QixDQUFDLEtBQWlCO1FBQy9DLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDO1lBQ3RCLFNBQVMsRUFBRSxJQUFJO1lBQ2YsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLEtBQUs7U0FDbkIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0F4Q1UsY0FBYztrR0FBZCxjQUFjLGtaQUZkLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsQ0FBQyxpREN0QnBFLCtJQUdBOzsyRkRxQmEsY0FBYztrQkFUMUIsU0FBUzsrQkFDRSxRQUFRLFVBR1YsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLG1CQUNSLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxnQkFBZ0IsRUFBRSxDQUFDOztzQkFNakUsS0FBSzs7c0JBUUwsV0FBVzt1QkFBQyxPQUFPOztzQkFLbkIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7O3NCQVFoQyxZQUFZO3VCQUFDLFVBQVUsRUFBRSxDQUFDLFFBQVEsQ0FBQzs7c0JBUW5DLFlBQVk7dUJBQUMsYUFBYSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDbGlja0V2ZW50LCBBWENvbXBvbmVudCwgTVhDb2xvckxvb2tDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIG91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEBjYXRlZ29yeVxuICogQSBjb21wb25lbnQgdXNlZCBmb3IgZGlzcGxheWluZyBhIHRhZyBvciBsYWJlbCB3aXRoIGN1c3RvbWl6YWJsZSBjb2xvciBhbmQgYXBwZWFyYW5jZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtdGFnJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhZy5jb21wb25lbnQuc2NzcyddLFxuICBpbnB1dHM6IFsnY29sb3InLCAnbG9vayddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYVGFnQ29tcG9uZW50IH1dLFxufSlcbmV4cG9ydCBjbGFzcyBBWFRhZ0NvbXBvbmVudCBleHRlbmRzIE1YQ29sb3JMb29rQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFJlcHJlc2VudHMgdGhlIHRleHQgY29udGVudCB0byBiZSBkaXNwbGF5ZWQgb3IgdXNlZCB3aXRoaW4gdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHRleHQ6IHN0cmluZztcblxuICBvbkNsaWNrID0gb3V0cHV0PEFYQ2xpY2tFdmVudD4oKTtcbiAgb25EYmxDbGljayA9IG91dHB1dDxBWENsaWNrRXZlbnQ+KCk7XG4gIG9uQ29udGV4dE1lbnUgPSBvdXRwdXQ8QVhDbGlja0V2ZW50PigpO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtJHt0aGlzLmNvbG9yfSBheC0ke3RoaXMubG9va31gO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBwcml2YXRlIGhvc3RDbGlja0xpc3RlbmVyKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKSxcbiAgICAgIG5hdGl2ZUV2ZW50OiBldmVudCxcbiAgICB9KTtcbiAgfVxuICBASG9zdExpc3RlbmVyKCdkYmxjbGljaycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgaG9zdERibENsaWNrTGlzdGVuZXIoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLm9uRGJsQ2xpY2suZW1pdCh7XG4gICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICBodG1sRWxlbWVudDogdGhpcy5nZXRIb3N0RWxlbWVudCgpLFxuICAgICAgbmF0aXZlRXZlbnQ6IGV2ZW50LFxuICAgIH0pO1xuICB9XG4gIEBIb3N0TGlzdGVuZXIoJ2NvbnRleHRtZW51JywgWyckZXZlbnQnXSlcbiAgcHJpdmF0ZSBob3N0Q29udGV4dE1lbnVMaXN0ZW5lcihldmVudDogTW91c2VFdmVudCkge1xuICAgIHRoaXMub25Db250ZXh0TWVudS5lbWl0KHtcbiAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICBuYXRpdmVFdmVudDogZXZlbnQsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPjwvbmctY29udGVudD5cbjxkaXYgY2xhc3M9XCJheC10YWctdGV4dFwiPnt7IHRleHQgfX08L2Rpdj5cbjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXN1ZmZpeFwiPjwvbmctY29udGVudD5cbiJdfQ==","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTagComponent } from './tag.component';\nimport * as i0 from \"@angular/core\";\nexport class AXTagModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTagModule, imports: [CommonModule, AXTagComponent], exports: [AXTagComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTagModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [CommonModule, AXTagComponent],\n                    exports: [AXTagComponent],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGFnL3NyYy9saWIvdGFnLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBT2pELE1BQU0sT0FBTyxXQUFXOzhHQUFYLFdBQVc7K0dBQVgsV0FBVyxZQUpaLFlBQVksRUFBRSxjQUFjLGFBQzVCLGNBQWM7K0dBR2IsV0FBVyxZQUpaLFlBQVk7OzJGQUlYLFdBQVc7a0JBTHZCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGNBQWMsQ0FBQztvQkFDdkMsT0FBTyxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUN6QixTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhUYWdDb21wb25lbnQgfSBmcm9tICcuL3RhZy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWFRhZ0NvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtBWFRhZ0NvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGFnTW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtdGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy90YWcvc3JjL2Fjb3JleC1jb21wb25lbnRzLXRhZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-text-area.mjs

@@ -28,8 +28,8 @@ class AXTextAreaComponent extends classes((MXInputBaseValueComponent), MXLookCom
     get __hostName() {
         return this.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXTextAreaComponent, isStandalone: true, selector: "ax-text-area", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", state: "state", name: "name", placeholder: "placeholder", maxLength: "maxLength", look: "look", rows: "rows", allowResize: "allowResize", showCounter: "showCounter", classNames: ["class", "classNames"] }, 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.9", ngImport: i0, type: AXTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AXTextAreaComponent, isStandalone: true, selector: "ax-text-area", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", state: "state", name: "name", placeholder: "placeholder", maxLength: "maxLength", look: "look", rows: "rows", allowResize: "allowResize", showCounter: "showCounter", classNames: ["class", "classNames"] }, 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: [
             { provide: AXComponent, useExisting: AXTextAreaComponent },
             { provide: AXFocusableComponent, useExisting: AXTextAreaComponent },
             { provide: AXClearableComponent, useExisting: AXTextAreaComponent },
@@ -41,7 +41,7 @@ class AXTextAreaComponent extends classes((MXInputBaseValueComponent), MXLookCom
             },
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-editor-container {{ classNames }} ax-{{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <textarea\n    #input\n    [id]=\"id\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [class.ax-state-no-resizing]=\"!allowResize\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"_handleModelChange($event)\"\n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n  ></textarea>\n  @if (showCounter) {\n    <div class=\"ax-counter\">\n      {{ input.value.length }}\n      @if (maxLength) {\n        <span>/ {{ maxLength }}</span>\n      }\n    </div>\n  }\n</div>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["ax-text-area{height:auto!important;width:100%;border-radius:var(--ax-comp-editor-border-radius)}ax-text-area .ax-editor-container{--ax-comp-editor-height: auto;padding:0}ax-text-area textarea{height:fit-content;width:100%;background-color:inherit;padding-block:var(--ax-comp-editor-space-block-size);padding-inline-start:var(--ax-comp-editor-space-start-size);padding-inline-end:var(--ax-comp-editor-space-end-size);font-size:.875rem;line-height:1.625}ax-text-area textarea:focus-visible,ax-text-area textarea:focus{outline:none}ax-text-area textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-text-area textarea.ax-state-no-resizing{resize:none}ax-text-area>ax-prefix,ax-text-area>ax-suffix{margin-bottom:.5rem;padding:.75rem}ax-text-area .ax-counter{position:absolute;bottom:.25rem;inset-inline-end:.5rem;color:rgb(var(--ax-sys-body-text-color),.5)}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXTextAreaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-text-area', inputs: ['disabled', 'tabIndex', 'readonly', 'value', 'state', 'name', 'placeholder', 'maxLength', 'look'], outputs: [
                         'onBlur',
@@ -85,11 +85,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
             }] } });
 
 class AXTextAreaModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXTextAreaModule, imports: [CommonModule, FormsModule, AXTextAreaComponent], exports: [AXTextAreaComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextAreaModule, imports: [CommonModule, FormsModule, AXTextAreaComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: AXTextAreaModule, imports: [CommonModule, FormsModule, AXTextAreaComponent], exports: [AXTextAreaComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXTextAreaModule, imports: [CommonModule, FormsModule, AXTextAreaComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextAreaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXTextAreaModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, AXTextAreaComponent],

package/fesm2022/acorex-components-text-area.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-text-area.mjs","sources":["../tmp-esm2022/text-area/lib/text-area.component.js","../tmp-esm2022/text-area/lib/text-area.module.js","../tmp-esm2022/text-area/acorex-components-text-area.js"],"sourcesContent":["import { AXClearableComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXInputBaseValueComponent, MXLookComponent, } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild, ViewEncapsulation, forwardRef, } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/forms\";\n/**\n * A component that provides a multi-line text input field with support for resizing, validation, and custom styling.\n */\nexport class AXTextAreaComponent extends classes((MXInputBaseValueComponent), MXLookComponent) {\n    constructor() {\n        super(...arguments);\n        /**\n         * Specifies the number of rows for the component, typically used for configuring the size of a text area or similar input field.\n         */\n        this.rows = 0;\n        /**\n         * Indicates whether the component allows resizing.\n         */\n        this.allowResize = true;\n    }\n    /** @ignore */\n    _handleModelChange(value) {\n        this.commitValue(value, true);\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: AXTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.3\", type: AXTextAreaComponent, isStandalone: true, selector: \"ax-text-area\", inputs: { disabled: \"disabled\", tabIndex: \"tabIndex\", readonly: \"readonly\", value: \"value\", state: \"state\", name: \"name\", placeholder: \"placeholder\", maxLength: \"maxLength\", look: \"look\", rows: \"rows\", allowResize: \"allowResize\", showCounter: \"showCounter\", classNames: [\"class\", \"classNames\"] }, 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: AXTextAreaComponent },\n            { provide: AXFocusableComponent, useExisting: AXTextAreaComponent },\n            { provide: AXClearableComponent, useExisting: AXTextAreaComponent },\n            { provide: AXValuableComponent, useExisting: AXTextAreaComponent },\n            {\n                provide: NG_VALUE_ACCESSOR,\n                useExisting: forwardRef(() => AXTextAreaComponent),\n                multi: true,\n            },\n        ], viewQueries: [{ propertyName: \"input\", first: true, predicate: [\"input\"], descendants: true }], usesInheritance: true, ngImport: i0, template: \"<div\\n  class=\\\"ax-editor-container {{ classNames }} ax-{{ look }}\\\"\\n  [class.ax-state-disabled]=\\\"disabled\\\"\\n  [class.ax-state-readonly]=\\\"readonly\\\"\\n>\\n  <textarea\\n    #input\\n    [id]=\\\"id\\\"\\n    type=\\\"text\\\"\\n    [rows]=\\\"rows\\\"\\n    [attr.placeholder]=\\\"placeholder\\\"\\n    [attr.maxlength]=\\\"maxLength\\\"\\n    [class.ax-state-disabled]=\\\"disabled\\\"\\n    [class.ax-state-readonly]=\\\"readonly\\\"\\n    [class.ax-state-no-resizing]=\\\"!allowResize\\\"\\n    [disabled]=\\\"disabled\\\"\\n    [readonly]=\\\"readonly\\\"\\n    [tabindex]=\\\"tabIndex\\\"\\n    [ngModel]=\\\"value\\\"\\n    (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n    (keydown)=\\\"emitOnKeydownEvent($event)\\\"\\n    (keyup)=\\\"emitOnKeyupEvent($event)\\\"\\n    (keypress)=\\\"emitOnKeypressEvent($event)\\\"\\n    (focus)=\\\"emitOnFocusEvent($event)\\\"\\n    (blur)=\\\"emitOnBlurEvent($event)\\\"\\n  ></textarea>\\n  @if (showCounter) {\\n    <div class=\\\"ax-counter\\\">\\n      {{ input.value.length }}\\n      @if (maxLength) {\\n        <span>/ {{ maxLength }}</span>\\n      }\\n    </div>\\n  }\\n</div>\\n<ng-content select=\\\"ax-validation-rule\\\"> </ng-content>\\n<div class=\\\"ax-error-container\\\"></div>\\n\", styles: [\"ax-text-area{height:auto!important;width:100%;border-radius:var(--ax-comp-editor-border-radius)}ax-text-area .ax-editor-container{--ax-comp-editor-height: auto;padding:0}ax-text-area textarea{height:fit-content;width:100%;background-color:inherit;padding-block:var(--ax-comp-editor-space-block-size);padding-inline-start:var(--ax-comp-editor-space-start-size);padding-inline-end:var(--ax-comp-editor-space-end-size);font-size:.875rem;line-height:1.625}ax-text-area textarea:focus-visible,ax-text-area textarea:focus{outline:none}ax-text-area textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-text-area textarea.ax-state-no-resizing{resize:none}ax-text-area>ax-prefix,ax-text-area>ax-suffix{margin-bottom:.5rem;padding:.75rem}ax-text-area .ax-counter{position:absolute;bottom:.25rem;inset-inline-end:.5rem;color:rgb(var(--ax-sys-body-text-color),.5)}\\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\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTextAreaComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-text-area', inputs: ['disabled', 'tabIndex', 'readonly', 'value', 'state', 'name', 'placeholder', 'maxLength', 'look'], 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: AXTextAreaComponent },\n                        { provide: AXFocusableComponent, useExisting: AXTextAreaComponent },\n                        { provide: AXClearableComponent, useExisting: AXTextAreaComponent },\n                        { provide: AXValuableComponent, useExisting: AXTextAreaComponent },\n                        {\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef(() => AXTextAreaComponent),\n                            multi: true,\n                        },\n                    ], imports: [FormsModule], template: \"<div\\n  class=\\\"ax-editor-container {{ classNames }} ax-{{ look }}\\\"\\n  [class.ax-state-disabled]=\\\"disabled\\\"\\n  [class.ax-state-readonly]=\\\"readonly\\\"\\n>\\n  <textarea\\n    #input\\n    [id]=\\\"id\\\"\\n    type=\\\"text\\\"\\n    [rows]=\\\"rows\\\"\\n    [attr.placeholder]=\\\"placeholder\\\"\\n    [attr.maxlength]=\\\"maxLength\\\"\\n    [class.ax-state-disabled]=\\\"disabled\\\"\\n    [class.ax-state-readonly]=\\\"readonly\\\"\\n    [class.ax-state-no-resizing]=\\\"!allowResize\\\"\\n    [disabled]=\\\"disabled\\\"\\n    [readonly]=\\\"readonly\\\"\\n    [tabindex]=\\\"tabIndex\\\"\\n    [ngModel]=\\\"value\\\"\\n    (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n    (keydown)=\\\"emitOnKeydownEvent($event)\\\"\\n    (keyup)=\\\"emitOnKeyupEvent($event)\\\"\\n    (keypress)=\\\"emitOnKeypressEvent($event)\\\"\\n    (focus)=\\\"emitOnFocusEvent($event)\\\"\\n    (blur)=\\\"emitOnBlurEvent($event)\\\"\\n  ></textarea>\\n  @if (showCounter) {\\n    <div class=\\\"ax-counter\\\">\\n      {{ input.value.length }}\\n      @if (maxLength) {\\n        <span>/ {{ maxLength }}</span>\\n      }\\n    </div>\\n  }\\n</div>\\n<ng-content select=\\\"ax-validation-rule\\\"> </ng-content>\\n<div class=\\\"ax-error-container\\\"></div>\\n\", styles: [\"ax-text-area{height:auto!important;width:100%;border-radius:var(--ax-comp-editor-border-radius)}ax-text-area .ax-editor-container{--ax-comp-editor-height: auto;padding:0}ax-text-area textarea{height:fit-content;width:100%;background-color:inherit;padding-block:var(--ax-comp-editor-space-block-size);padding-inline-start:var(--ax-comp-editor-space-start-size);padding-inline-end:var(--ax-comp-editor-space-end-size);font-size:.875rem;line-height:1.625}ax-text-area textarea:focus-visible,ax-text-area textarea:focus{outline:none}ax-text-area textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-text-area textarea.ax-state-no-resizing{resize:none}ax-text-area>ax-prefix,ax-text-area>ax-suffix{margin-bottom:.5rem;padding:.75rem}ax-text-area .ax-counter{position:absolute;bottom:.25rem;inset-inline-end:.5rem;color:rgb(var(--ax-sys-body-text-color),.5)}\\n\"] }]\n        }], propDecorators: { input: [{\n                type: ViewChild,\n                args: ['input']\n            }], rows: [{\n                type: Input\n            }], allowResize: [{\n                type: Input\n            }], showCounter: [{\n                type: Input\n            }], maxLength: [{\n                type: Input\n            }], classNames: [{\n                type: Input,\n                args: ['class']\n            }], __hostName: [{\n                type: HostBinding,\n                args: ['attr.name']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGV4dC1hcmVhL3NyYy9saWIvdGV4dC1hcmVhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGV4dC1hcmVhL3NyYy9saWIvdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsV0FBVyxFQUNYLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDbkIseUJBQXlCLEVBQ3pCLGVBQWUsR0FDaEIsTUFBTSxvQkFBb0IsQ0FBQztBQUU1QixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFVBQVUsQ0FBQzs7O0FBRW5DOztHQUVHO0FBaUNILE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxPQUFPLENBQUMsQ0FBQSx5QkFBaUMsQ0FBQSxFQUFFLGVBQWUsQ0FBQztJQWhDcEc7O1FBcUNFOztXQUVHO1FBRUgsU0FBSSxHQUFHLENBQUMsQ0FBQztRQUVUOztXQUVHO1FBRUgsZ0JBQVcsR0FBRyxJQUFJLENBQUM7S0FzQ3BCO0lBbEJDLGNBQWM7SUFDSixrQkFBa0IsQ0FBQyxLQUFvQjtRQUMvQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFDWSxVQUFVO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDOzhHQTNDVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixxckJBYm5CO1lBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRTtZQUMxRCxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUU7WUFDbkUsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFO1lBQ25FLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRTtZQUNsRTtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDO2dCQUNsRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsaUpDdERILG9uQ0FxQ0EsczVCRGtCWSxXQUFXOzsyRkFFVixtQkFBbUI7a0JBaEMvQixTQUFTOytCQUNFLGNBQWMsVUFHaEIsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLE1BQU0sQ0FBQyxXQUNqRzt3QkFDUCxRQUFRO3dCQUNSLFNBQVM7d0JBQ1QsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLFdBQVc7d0JBQ1gsU0FBUzt3QkFDVCxZQUFZO3FCQUNiLGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcscUJBQXFCLEVBQUU7d0JBQzFELEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcscUJBQXFCLEVBQUU7d0JBQ25FLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcscUJBQXFCLEVBQUU7d0JBQ25FLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcscUJBQXFCLEVBQUU7d0JBQ2xFOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG9CQUFvQixDQUFDOzRCQUNsRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRixXQUNRLENBQUMsV0FBVyxDQUFDOzhCQUt0QixLQUFLO3NCQURKLFNBQVM7dUJBQUMsT0FBTztnQkFPbEIsSUFBSTtzQkFESCxLQUFLO2dCQU9OLFdBQVc7c0JBRFYsS0FBSztnQkFPQyxXQUFXO3NCQURqQixLQUFLO2dCQU9DLFNBQVM7c0JBRGYsS0FBSztnQkFPTixVQUFVO3NCQURULEtBQUs7dUJBQUMsT0FBTztnQkFTRixVQUFVO3NCQURyQixXQUFXO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBWENsZWFyYWJsZUNvbXBvbmVudCxcbiAgQVhDb21wb25lbnQsXG4gIEFYRm9jdXNhYmxlQ29tcG9uZW50LFxuICBBWFZhbHVhYmxlQ29tcG9uZW50LFxuICBNWElucHV0QmFzZVZhbHVlQ29tcG9uZW50LFxuICBNWExvb2tDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAncG9seXR5cGUnO1xuXG4vKipcbiAqIEEgY29tcG9uZW50IHRoYXQgcHJvdmlkZXMgYSBtdWx0aS1saW5lIHRleHQgaW5wdXQgZmllbGQgd2l0aCBzdXBwb3J0IGZvciByZXNpemluZywgdmFsaWRhdGlvbiwgYW5kIGN1c3RvbSBzdHlsaW5nLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10ZXh0LWFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1hcmVhLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICd0YWJJbmRleCcsICdyZWFkb25seScsICd2YWx1ZScsICdzdGF0ZScsICduYW1lJywgJ3BsYWNlaG9sZGVyJywgJ21heExlbmd0aCcsICdsb29rJ10sXG4gIG91dHB1dHM6IFtcbiAgICAnb25CbHVyJyxcbiAgICAnb25Gb2N1cycsXG4gICAgJ3ZhbHVlQ2hhbmdlJyxcbiAgICAnc3RhdGVDaGFuZ2UnLFxuICAgICdvblZhbHVlQ2hhbmdlZCcsXG4gICAgJ3JlYWRvbmx5Q2hhbmdlJyxcbiAgICAnZGlzYWJsZWRDaGFuZ2UnLFxuICAgICdvbktleURvd24nLFxuICAgICdvbktleVVwJyxcbiAgICAnb25LZXlQcmVzcycsXG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUZXh0QXJlYUNvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhGb2N1c2FibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFRleHRBcmVhQ29tcG9uZW50IH0sXG4gICAgeyBwcm92aWRlOiBBWENsZWFyYWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYVGV4dEFyZWFDb21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYVmFsdWFibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFRleHRBcmVhQ29tcG9uZW50IH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBWFRleHRBcmVhQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG4gIGltcG9ydHM6IFtGb3Jtc01vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGV4dEFyZWFDb21wb25lbnQgZXh0ZW5kcyBjbGFzc2VzKE1YSW5wdXRCYXNlVmFsdWVDb21wb25lbnQ8c3RyaW5nPiwgTVhMb29rQ29tcG9uZW50KSB7XG4gIC8qKiBAaWdub3JlICovXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JylcbiAgaW5wdXQ6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbnVtYmVyIG9mIHJvd3MgZm9yIHRoZSBjb21wb25lbnQsIHR5cGljYWxseSB1c2VkIGZvciBjb25maWd1cmluZyB0aGUgc2l6ZSBvZiBhIHRleHQgYXJlYSBvciBzaW1pbGFyIGlucHV0IGZpZWxkLlxuICAgKi9cbiAgQElucHV0KClcbiAgcm93cyA9IDA7XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgYWxsb3dzIHJlc2l6aW5nLlxuICAgKi9cbiAgQElucHV0KClcbiAgYWxsb3dSZXNpemUgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgYSBjb3VudGVyIGlzIGRpc3BsYXllZCBpbiB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNob3dDb3VudGVyOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIG1heGltdW0gbnVtYmVyIG9mIGNoYXJhY3RlcnMgYWxsb3dlZCBpbiB0aGUgaW5wdXQgZmllbGQuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgbWF4TGVuZ3RoOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIENTUyBjbGFzc2VzIHRvIGFwcGx5IHRvIHRoZSBjb21wb25lbnQuXG4gICAqL1xuICBASW5wdXQoJ2NsYXNzJylcbiAgY2xhc3NOYW1lczogc3RyaW5nO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBfaGFuZGxlTW9kZWxDaGFuZ2UodmFsdWU6IHN0cmluZyB8IG51bGwpIHtcbiAgICB0aGlzLmNvbW1pdFZhbHVlKHZhbHVlLCB0cnVlKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5uYW1lJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0TmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLm5hbWU7XG4gIH1cbiAgLy8gQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIC8vIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmdbXSB7XG4gIC8vICAgcmV0dXJuIFtcbiAgLy8gICAgICdheC1lZGl0b3ItY29udGFpbmVyJyxcbiAgLy8gICAgIGBheC0ke3RoaXMubG9va31gLFxuICAvLyAgICAgYCR7dGhpcy5kaXNhYmxlZCA/ICdheC1zdGF0ZS1kaXNhYmxlZCcgOiAnJ31gLFxuICAvLyAgICAgdGhpcy5jbGFzc05hbWVzLFxuICAvLyAgIF07XG4gIC8vIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJheC1lZGl0b3ItY29udGFpbmVyIHt7IGNsYXNzTmFtZXMgfX0gYXgte3sgbG9vayB9fVwiXG4gIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFtjbGFzcy5heC1zdGF0ZS1yZWFkb25seV09XCJyZWFkb25seVwiXG4+XG4gIDx0ZXh0YXJlYVxuICAgICNpbnB1dFxuICAgIFtpZF09XCJpZFwiXG4gICAgdHlwZT1cInRleHRcIlxuICAgIFtyb3dzXT1cInJvd3NcIlxuICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICBbYXR0ci5tYXhsZW5ndGhdPVwibWF4TGVuZ3RoXCJcbiAgICBbY2xhc3MuYXgtc3RhdGUtZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtjbGFzcy5heC1zdGF0ZS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2NsYXNzLmF4LXN0YXRlLW5vLXJlc2l6aW5nXT1cIiFhbGxvd1Jlc2l6ZVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgIFt0YWJpbmRleF09XCJ0YWJJbmRleFwiXG4gICAgW25nTW9kZWxdPVwidmFsdWVcIlxuICAgIChuZ01vZGVsQ2hhbmdlKT1cIl9oYW5kbGVNb2RlbENoYW5nZSgkZXZlbnQpXCJcbiAgICAoa2V5ZG93bik9XCJlbWl0T25LZXlkb3duRXZlbnQoJGV2ZW50KVwiXG4gICAgKGtleXVwKT1cImVtaXRPbktleXVwRXZlbnQoJGV2ZW50KVwiXG4gICAgKGtleXByZXNzKT1cImVtaXRPbktleXByZXNzRXZlbnQoJGV2ZW50KVwiXG4gICAgKGZvY3VzKT1cImVtaXRPbkZvY3VzRXZlbnQoJGV2ZW50KVwiXG4gICAgKGJsdXIpPVwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIlxuICA+PC90ZXh0YXJlYT5cbiAgQGlmIChzaG93Q291bnRlcikge1xuICAgIDxkaXYgY2xhc3M9XCJheC1jb3VudGVyXCI+XG4gICAgICB7eyBpbnB1dC52YWx1ZS5sZW5ndGggfX1cbiAgICAgIEBpZiAobWF4TGVuZ3RoKSB7XG4gICAgICAgIDxzcGFuPi8ge3sgbWF4TGVuZ3RoIH19PC9zcGFuPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXZhbGlkYXRpb24tcnVsZVwiPiA8L25nLWNvbnRlbnQ+XG48ZGl2IGNsYXNzPVwiYXgtZXJyb3ItY29udGFpbmVyXCI+PC9kaXY+XG4iXX0=","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXTextAreaComponent } from './text-area.component';\nimport * as i0 from \"@angular/core\";\nexport class AXTextAreaModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTextAreaModule, imports: [CommonModule, FormsModule, AXTextAreaComponent], exports: [AXTextAreaComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTextAreaModule, imports: [CommonModule, FormsModule, AXTextAreaComponent] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTextAreaModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [CommonModule, FormsModule, AXTextAreaComponent],\n                    exports: [AXTextAreaComponent],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGV4dC1hcmVhL3NyYy9saWIvdGV4dC1hcmVhLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBTTVELE1BQU0sT0FBTyxnQkFBZ0I7OEdBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLFlBSGpCLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1CLGFBQzlDLG1CQUFtQjsrR0FFbEIsZ0JBQWdCLFlBSGpCLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1COzsyRkFHN0MsZ0JBQWdCO2tCQUo1QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1CLENBQUM7b0JBQ3pELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBWFRleHRBcmVhQ29tcG9uZW50IH0gZnJvbSAnLi90ZXh0LWFyZWEuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIEFYVGV4dEFyZWFDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQVhUZXh0QXJlYUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGV4dEFyZWFNb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtdGV4dC1hcmVhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy90ZXh0LWFyZWEvc3JjL2Fjb3JleC1jb21wb25lbnRzLXRleHQtYXJlYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-text-area.mjs","sources":["../tmp-esm2022/text-area/lib/text-area.component.js","../tmp-esm2022/text-area/lib/text-area.module.js","../tmp-esm2022/text-area/acorex-components-text-area.js"],"sourcesContent":["import { AXClearableComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXInputBaseValueComponent, MXLookComponent, } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild, ViewEncapsulation, forwardRef, } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/forms\";\n/**\n * A component that provides a multi-line text input field with support for resizing, validation, and custom styling.\n */\nexport class AXTextAreaComponent extends classes((MXInputBaseValueComponent), MXLookComponent) {\n    constructor() {\n        super(...arguments);\n        /**\n         * Specifies the number of rows for the component, typically used for configuring the size of a text area or similar input field.\n         */\n        this.rows = 0;\n        /**\n         * Indicates whether the component allows resizing.\n         */\n        this.allowResize = true;\n    }\n    /** @ignore */\n    _handleModelChange(value) {\n        this.commitValue(value, true);\n    }\n    get __hostName() {\n        return this.name;\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.9\", type: AXTextAreaComponent, isStandalone: true, selector: \"ax-text-area\", inputs: { disabled: \"disabled\", tabIndex: \"tabIndex\", readonly: \"readonly\", value: \"value\", state: \"state\", name: \"name\", placeholder: \"placeholder\", maxLength: \"maxLength\", look: \"look\", rows: \"rows\", allowResize: \"allowResize\", showCounter: \"showCounter\", classNames: [\"class\", \"classNames\"] }, 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: AXTextAreaComponent },\n            { provide: AXFocusableComponent, useExisting: AXTextAreaComponent },\n            { provide: AXClearableComponent, useExisting: AXTextAreaComponent },\n            { provide: AXValuableComponent, useExisting: AXTextAreaComponent },\n            {\n                provide: NG_VALUE_ACCESSOR,\n                useExisting: forwardRef(() => AXTextAreaComponent),\n                multi: true,\n            },\n        ], viewQueries: [{ propertyName: \"input\", first: true, predicate: [\"input\"], descendants: true }], usesInheritance: true, ngImport: i0, template: \"<div\\n  class=\\\"ax-editor-container {{ classNames }} ax-{{ look }}\\\"\\n  [class.ax-state-disabled]=\\\"disabled\\\"\\n  [class.ax-state-readonly]=\\\"readonly\\\"\\n>\\n  <textarea\\n    #input\\n    [id]=\\\"id\\\"\\n    type=\\\"text\\\"\\n    [rows]=\\\"rows\\\"\\n    [attr.placeholder]=\\\"placeholder\\\"\\n    [attr.maxlength]=\\\"maxLength\\\"\\n    [class.ax-state-disabled]=\\\"disabled\\\"\\n    [class.ax-state-readonly]=\\\"readonly\\\"\\n    [class.ax-state-no-resizing]=\\\"!allowResize\\\"\\n    [disabled]=\\\"disabled\\\"\\n    [readonly]=\\\"readonly\\\"\\n    [tabindex]=\\\"tabIndex\\\"\\n    [ngModel]=\\\"value\\\"\\n    (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n    (keydown)=\\\"emitOnKeydownEvent($event)\\\"\\n    (keyup)=\\\"emitOnKeyupEvent($event)\\\"\\n    (keypress)=\\\"emitOnKeypressEvent($event)\\\"\\n    (focus)=\\\"emitOnFocusEvent($event)\\\"\\n    (blur)=\\\"emitOnBlurEvent($event)\\\"\\n  ></textarea>\\n  @if (showCounter) {\\n    <div class=\\\"ax-counter\\\">\\n      {{ input.value.length }}\\n      @if (maxLength) {\\n        <span>/ {{ maxLength }}</span>\\n      }\\n    </div>\\n  }\\n</div>\\n<ng-content select=\\\"ax-validation-rule\\\"> </ng-content>\\n<div class=\\\"ax-error-container\\\"></div>\\n\", styles: [\"ax-text-area{height:auto!important;width:100%;border-radius:var(--ax-comp-editor-border-radius)}ax-text-area .ax-editor-container{--ax-comp-editor-height: auto;padding:0}ax-text-area textarea{height:fit-content;width:100%;background-color:inherit;padding-block:var(--ax-comp-editor-space-block-size);padding-inline-start:var(--ax-comp-editor-space-start-size);padding-inline-end:var(--ax-comp-editor-space-end-size);font-size:.875rem;line-height:1.625}ax-text-area textarea:focus-visible,ax-text-area textarea:focus{outline:none}ax-text-area textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-text-area textarea.ax-state-no-resizing{resize:none}ax-text-area>ax-prefix,ax-text-area>ax-suffix{margin-bottom:.5rem;padding:.75rem}ax-text-area .ax-counter{position:absolute;bottom:.25rem;inset-inline-end:.5rem;color:rgb(var(--ax-sys-body-text-color),.5)}\\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\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTextAreaComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-text-area', inputs: ['disabled', 'tabIndex', 'readonly', 'value', 'state', 'name', 'placeholder', 'maxLength', 'look'], 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: AXTextAreaComponent },\n                        { provide: AXFocusableComponent, useExisting: AXTextAreaComponent },\n                        { provide: AXClearableComponent, useExisting: AXTextAreaComponent },\n                        { provide: AXValuableComponent, useExisting: AXTextAreaComponent },\n                        {\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef(() => AXTextAreaComponent),\n                            multi: true,\n                        },\n                    ], imports: [FormsModule], template: \"<div\\n  class=\\\"ax-editor-container {{ classNames }} ax-{{ look }}\\\"\\n  [class.ax-state-disabled]=\\\"disabled\\\"\\n  [class.ax-state-readonly]=\\\"readonly\\\"\\n>\\n  <textarea\\n    #input\\n    [id]=\\\"id\\\"\\n    type=\\\"text\\\"\\n    [rows]=\\\"rows\\\"\\n    [attr.placeholder]=\\\"placeholder\\\"\\n    [attr.maxlength]=\\\"maxLength\\\"\\n    [class.ax-state-disabled]=\\\"disabled\\\"\\n    [class.ax-state-readonly]=\\\"readonly\\\"\\n    [class.ax-state-no-resizing]=\\\"!allowResize\\\"\\n    [disabled]=\\\"disabled\\\"\\n    [readonly]=\\\"readonly\\\"\\n    [tabindex]=\\\"tabIndex\\\"\\n    [ngModel]=\\\"value\\\"\\n    (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n    (keydown)=\\\"emitOnKeydownEvent($event)\\\"\\n    (keyup)=\\\"emitOnKeyupEvent($event)\\\"\\n    (keypress)=\\\"emitOnKeypressEvent($event)\\\"\\n    (focus)=\\\"emitOnFocusEvent($event)\\\"\\n    (blur)=\\\"emitOnBlurEvent($event)\\\"\\n  ></textarea>\\n  @if (showCounter) {\\n    <div class=\\\"ax-counter\\\">\\n      {{ input.value.length }}\\n      @if (maxLength) {\\n        <span>/ {{ maxLength }}</span>\\n      }\\n    </div>\\n  }\\n</div>\\n<ng-content select=\\\"ax-validation-rule\\\"> </ng-content>\\n<div class=\\\"ax-error-container\\\"></div>\\n\", styles: [\"ax-text-area{height:auto!important;width:100%;border-radius:var(--ax-comp-editor-border-radius)}ax-text-area .ax-editor-container{--ax-comp-editor-height: auto;padding:0}ax-text-area textarea{height:fit-content;width:100%;background-color:inherit;padding-block:var(--ax-comp-editor-space-block-size);padding-inline-start:var(--ax-comp-editor-space-start-size);padding-inline-end:var(--ax-comp-editor-space-end-size);font-size:.875rem;line-height:1.625}ax-text-area textarea:focus-visible,ax-text-area textarea:focus{outline:none}ax-text-area textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-text-area textarea.ax-state-no-resizing{resize:none}ax-text-area>ax-prefix,ax-text-area>ax-suffix{margin-bottom:.5rem;padding:.75rem}ax-text-area .ax-counter{position:absolute;bottom:.25rem;inset-inline-end:.5rem;color:rgb(var(--ax-sys-body-text-color),.5)}\\n\"] }]\n        }], propDecorators: { input: [{\n                type: ViewChild,\n                args: ['input']\n            }], rows: [{\n                type: Input\n            }], allowResize: [{\n                type: Input\n            }], showCounter: [{\n                type: Input\n            }], maxLength: [{\n                type: Input\n            }], classNames: [{\n                type: Input,\n                args: ['class']\n            }], __hostName: [{\n                type: HostBinding,\n                args: ['attr.name']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGV4dC1hcmVhL3NyYy9saWIvdGV4dC1hcmVhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGV4dC1hcmVhL3NyYy9saWIvdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsV0FBVyxFQUNYLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDbkIseUJBQXlCLEVBQ3pCLGVBQWUsR0FDaEIsTUFBTSxvQkFBb0IsQ0FBQztBQUU1QixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFVBQVUsQ0FBQzs7O0FBRW5DOztHQUVHO0FBaUNILE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxPQUFPLENBQUMsQ0FBQSx5QkFBaUMsQ0FBQSxFQUFFLGVBQWUsQ0FBQztJQWhDcEc7O1FBcUNFOztXQUVHO1FBRUgsU0FBSSxHQUFHLENBQUMsQ0FBQztRQUVUOztXQUVHO1FBRUgsZ0JBQVcsR0FBRyxJQUFJLENBQUM7S0FzQ3BCO0lBbEJDLGNBQWM7SUFDSixrQkFBa0IsQ0FBQyxLQUFvQjtRQUMvQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFDWSxVQUFVO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDOzhHQTNDVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixxckJBYm5CO1lBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRTtZQUMxRCxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUU7WUFDbkUsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFO1lBQ25FLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRTtZQUNsRTtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDO2dCQUNsRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsaUpDdERILG9uQ0FxQ0EsczVCRGtCWSxXQUFXOzsyRkFFVixtQkFBbUI7a0JBaEMvQixTQUFTOytCQUNFLGNBQWMsVUFHaEIsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLE1BQU0sQ0FBQyxXQUNqRzt3QkFDUCxRQUFRO3dCQUNSLFNBQVM7d0JBQ1QsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLFdBQVc7d0JBQ1gsU0FBUzt3QkFDVCxZQUFZO3FCQUNiLGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcscUJBQXFCLEVBQUU7d0JBQzFELEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcscUJBQXFCLEVBQUU7d0JBQ25FLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcscUJBQXFCLEVBQUU7d0JBQ25FLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcscUJBQXFCLEVBQUU7d0JBQ2xFOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG9CQUFvQixDQUFDOzRCQUNsRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRixXQUNRLENBQUMsV0FBVyxDQUFDOztzQkFJckIsU0FBUzt1QkFBQyxPQUFPOztzQkFNakIsS0FBSzs7c0JBTUwsS0FBSzs7c0JBTUwsS0FBSzs7c0JBTUwsS0FBSzs7c0JBTUwsS0FBSzt1QkFBQyxPQUFPOztzQkFRYixXQUFXO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBWENsZWFyYWJsZUNvbXBvbmVudCxcbiAgQVhDb21wb25lbnQsXG4gIEFYRm9jdXNhYmxlQ29tcG9uZW50LFxuICBBWFZhbHVhYmxlQ29tcG9uZW50LFxuICBNWElucHV0QmFzZVZhbHVlQ29tcG9uZW50LFxuICBNWExvb2tDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAncG9seXR5cGUnO1xuXG4vKipcbiAqIEEgY29tcG9uZW50IHRoYXQgcHJvdmlkZXMgYSBtdWx0aS1saW5lIHRleHQgaW5wdXQgZmllbGQgd2l0aCBzdXBwb3J0IGZvciByZXNpemluZywgdmFsaWRhdGlvbiwgYW5kIGN1c3RvbSBzdHlsaW5nLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10ZXh0LWFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1hcmVhLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICd0YWJJbmRleCcsICdyZWFkb25seScsICd2YWx1ZScsICdzdGF0ZScsICduYW1lJywgJ3BsYWNlaG9sZGVyJywgJ21heExlbmd0aCcsICdsb29rJ10sXG4gIG91dHB1dHM6IFtcbiAgICAnb25CbHVyJyxcbiAgICAnb25Gb2N1cycsXG4gICAgJ3ZhbHVlQ2hhbmdlJyxcbiAgICAnc3RhdGVDaGFuZ2UnLFxuICAgICdvblZhbHVlQ2hhbmdlZCcsXG4gICAgJ3JlYWRvbmx5Q2hhbmdlJyxcbiAgICAnZGlzYWJsZWRDaGFuZ2UnLFxuICAgICdvbktleURvd24nLFxuICAgICdvbktleVVwJyxcbiAgICAnb25LZXlQcmVzcycsXG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUZXh0QXJlYUNvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhGb2N1c2FibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFRleHRBcmVhQ29tcG9uZW50IH0sXG4gICAgeyBwcm92aWRlOiBBWENsZWFyYWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYVGV4dEFyZWFDb21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYVmFsdWFibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFRleHRBcmVhQ29tcG9uZW50IH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBWFRleHRBcmVhQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG4gIGltcG9ydHM6IFtGb3Jtc01vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGV4dEFyZWFDb21wb25lbnQgZXh0ZW5kcyBjbGFzc2VzKE1YSW5wdXRCYXNlVmFsdWVDb21wb25lbnQ8c3RyaW5nPiwgTVhMb29rQ29tcG9uZW50KSB7XG4gIC8qKiBAaWdub3JlICovXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JylcbiAgaW5wdXQ6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbnVtYmVyIG9mIHJvd3MgZm9yIHRoZSBjb21wb25lbnQsIHR5cGljYWxseSB1c2VkIGZvciBjb25maWd1cmluZyB0aGUgc2l6ZSBvZiBhIHRleHQgYXJlYSBvciBzaW1pbGFyIGlucHV0IGZpZWxkLlxuICAgKi9cbiAgQElucHV0KClcbiAgcm93cyA9IDA7XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgYWxsb3dzIHJlc2l6aW5nLlxuICAgKi9cbiAgQElucHV0KClcbiAgYWxsb3dSZXNpemUgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgYSBjb3VudGVyIGlzIGRpc3BsYXllZCBpbiB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNob3dDb3VudGVyOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIG1heGltdW0gbnVtYmVyIG9mIGNoYXJhY3RlcnMgYWxsb3dlZCBpbiB0aGUgaW5wdXQgZmllbGQuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgbWF4TGVuZ3RoOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIENTUyBjbGFzc2VzIHRvIGFwcGx5IHRvIHRoZSBjb21wb25lbnQuXG4gICAqL1xuICBASW5wdXQoJ2NsYXNzJylcbiAgY2xhc3NOYW1lczogc3RyaW5nO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBfaGFuZGxlTW9kZWxDaGFuZ2UodmFsdWU6IHN0cmluZyB8IG51bGwpIHtcbiAgICB0aGlzLmNvbW1pdFZhbHVlKHZhbHVlLCB0cnVlKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5uYW1lJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0TmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLm5hbWU7XG4gIH1cbiAgLy8gQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIC8vIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmdbXSB7XG4gIC8vICAgcmV0dXJuIFtcbiAgLy8gICAgICdheC1lZGl0b3ItY29udGFpbmVyJyxcbiAgLy8gICAgIGBheC0ke3RoaXMubG9va31gLFxuICAvLyAgICAgYCR7dGhpcy5kaXNhYmxlZCA/ICdheC1zdGF0ZS1kaXNhYmxlZCcgOiAnJ31gLFxuICAvLyAgICAgdGhpcy5jbGFzc05hbWVzLFxuICAvLyAgIF07XG4gIC8vIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJheC1lZGl0b3ItY29udGFpbmVyIHt7IGNsYXNzTmFtZXMgfX0gYXgte3sgbG9vayB9fVwiXG4gIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFtjbGFzcy5heC1zdGF0ZS1yZWFkb25seV09XCJyZWFkb25seVwiXG4+XG4gIDx0ZXh0YXJlYVxuICAgICNpbnB1dFxuICAgIFtpZF09XCJpZFwiXG4gICAgdHlwZT1cInRleHRcIlxuICAgIFtyb3dzXT1cInJvd3NcIlxuICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICBbYXR0ci5tYXhsZW5ndGhdPVwibWF4TGVuZ3RoXCJcbiAgICBbY2xhc3MuYXgtc3RhdGUtZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtjbGFzcy5heC1zdGF0ZS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2NsYXNzLmF4LXN0YXRlLW5vLXJlc2l6aW5nXT1cIiFhbGxvd1Jlc2l6ZVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgIFt0YWJpbmRleF09XCJ0YWJJbmRleFwiXG4gICAgW25nTW9kZWxdPVwidmFsdWVcIlxuICAgIChuZ01vZGVsQ2hhbmdlKT1cIl9oYW5kbGVNb2RlbENoYW5nZSgkZXZlbnQpXCJcbiAgICAoa2V5ZG93bik9XCJlbWl0T25LZXlkb3duRXZlbnQoJGV2ZW50KVwiXG4gICAgKGtleXVwKT1cImVtaXRPbktleXVwRXZlbnQoJGV2ZW50KVwiXG4gICAgKGtleXByZXNzKT1cImVtaXRPbktleXByZXNzRXZlbnQoJGV2ZW50KVwiXG4gICAgKGZvY3VzKT1cImVtaXRPbkZvY3VzRXZlbnQoJGV2ZW50KVwiXG4gICAgKGJsdXIpPVwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIlxuICA+PC90ZXh0YXJlYT5cbiAgQGlmIChzaG93Q291bnRlcikge1xuICAgIDxkaXYgY2xhc3M9XCJheC1jb3VudGVyXCI+XG4gICAgICB7eyBpbnB1dC52YWx1ZS5sZW5ndGggfX1cbiAgICAgIEBpZiAobWF4TGVuZ3RoKSB7XG4gICAgICAgIDxzcGFuPi8ge3sgbWF4TGVuZ3RoIH19PC9zcGFuPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXZhbGlkYXRpb24tcnVsZVwiPiA8L25nLWNvbnRlbnQ+XG48ZGl2IGNsYXNzPVwiYXgtZXJyb3ItY29udGFpbmVyXCI+PC9kaXY+XG4iXX0=","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXTextAreaComponent } from './text-area.component';\nimport * as i0 from \"@angular/core\";\nexport class AXTextAreaModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTextAreaModule, imports: [CommonModule, FormsModule, AXTextAreaComponent], exports: [AXTextAreaComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTextAreaModule, imports: [CommonModule, FormsModule, AXTextAreaComponent] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXTextAreaModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [CommonModule, FormsModule, AXTextAreaComponent],\n                    exports: [AXTextAreaComponent],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGV4dC1hcmVhL3NyYy9saWIvdGV4dC1hcmVhLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBTTVELE1BQU0sT0FBTyxnQkFBZ0I7OEdBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLFlBSGpCLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1CLGFBQzlDLG1CQUFtQjsrR0FFbEIsZ0JBQWdCLFlBSGpCLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1COzsyRkFHN0MsZ0JBQWdCO2tCQUo1QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1CLENBQUM7b0JBQ3pELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBWFRleHRBcmVhQ29tcG9uZW50IH0gZnJvbSAnLi90ZXh0LWFyZWEuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIEFYVGV4dEFyZWFDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQVhUZXh0QXJlYUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGV4dEFyZWFNb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtdGV4dC1hcmVhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy90ZXh0LWFyZWEvc3JjL2Fjb3JleC1jb21wb25lbnRzLXRleHQtYXJlYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

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

@@ -20,10 +20,10 @@ class AXMaskOptionsDirective {
         this._mask = v;
         this.onMaskChange.emit(v);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMaskOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: AXMaskOptionsDirective, isStandalone: true, selector: "ax-mask-options", inputs: { mask: "mask", updateValue: "updateValue" }, outputs: { onMaskChange: "onMaskChange" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXMaskOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: AXMaskOptionsDirective, isStandalone: true, selector: "ax-mask-options", inputs: { mask: "mask", updateValue: "updateValue" }, outputs: { onMaskChange: "onMaskChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMaskOptionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXMaskOptionsDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ax-mask-options' }]
         }], propDecorators: { onMaskChange: [{
@@ -123,8 +123,8 @@ class AXTextBoxComponent extends classes((MXInputBaseValueComponent), MXLookComp
     get __hostName() {
         return this.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXTextBoxComponent, isStandalone: true, selector: "ax-text-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 }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", 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 }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, maskOptions: { classPropertyName: "maskOptions", publicName: "mask-options", isSignal: false, isRequired: false, transformFunction: null }, classNames: { classPropertyName: "classNames", publicName: "class", 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.9", ngImport: i0, type: AXTextBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AXTextBoxComponent, isStandalone: true, selector: "ax-text-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 }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", 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 }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, maskOptions: { classPropertyName: "maskOptions", publicName: "mask-options", isSignal: false, isRequired: false, transformFunction: null }, classNames: { classPropertyName: "classNames", publicName: "class", 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: [
             { provide: AXComponent, useExisting: AXTextBoxComponent },
             { provide: AXFocusableComponent, useExisting: AXTextBoxComponent },
             { provide: AXClearableComponent, useExisting: AXTextBoxComponent },
@@ -136,7 +136,7 @@ class AXTextBoxComponent extends classes((MXInputBaseValueComponent), MXLookComp
             },
         ], queries: [{ propertyName: "_maskOptionsContent", first: true, predicate: AXMaskOptionsDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-editor-container {{ classNames() }} ax-{{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <input\n    #input\n    class=\"ax-input\"\n    [id]=\"id\"\n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn: _updateOn }\"\n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n  />\n  @if (input.value && !disabled && !readonly) {\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-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["ax-text-box{width:100%}ax-text-box input::-webkit-outer-spin-button,ax-text-box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}ax-text-box input[type=number]{-moz-appearance:textfield}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXTextBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-text-box', inputs: [
                         'disabled',
@@ -186,7 +186,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                 type: Input
             }], autoComplete: [{
                 type: Input
-            }], _maskOptionsContent: [{
+            }], classNames: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], _maskOptionsContent: [{
                 type: ContentChild,
                 args: [AXMaskOptionsDirective, { static: true }]
             }], __hostName: [{
@@ -195,22 +195,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
             }] } });
 
 class AXTextBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXTextBoxModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXTextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: AXTextBoxModule, imports: [CommonModule,
             AXCommonModule,
             FormsModule,
             AXButtonModule,
             AXDecoratorModule,
             AXTextBoxComponent,
             AXMaskOptionsDirective], exports: [AXTextBoxComponent, AXMaskOptionsDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextBoxModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXTextBoxModule, imports: [CommonModule,
             AXCommonModule,
             FormsModule,
             AXButtonModule,
             AXDecoratorModule,
             AXTextBoxComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXTextBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXTextBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [