@acorex/components 20.2.21 → 20.2.22

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.6\", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.3.6\", 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.6\", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGFnL3NyYy9saWIvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGFnL3NyYy9saWIvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFHOzs7R0FHRztBQVVILE1BQU0sT0FBTyxjQUFlLFNBQVEsb0JBQW9CO0lBT3RELGNBQWM7SUFDZCxJQUNZLFdBQVc7UUFDckIsT0FBTyxNQUFNLElBQUksQ0FBQyxLQUFLLE9BQU8sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVDLENBQUM7OEdBWFUsY0FBYztrR0FBZCxjQUFjLG9LQUZkLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsQ0FBQyxpRENkcEUsK0lBR0E7OzJGRGFhLGNBQWM7a0JBVDFCLFNBQVM7K0JBQ0UsUUFBUSxVQUdWLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxtQkFDUix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsZ0JBQWdCLEVBQUUsQ0FBQzs7c0JBTWpFLEtBQUs7O3NCQUlMLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ29tcG9uZW50LCBNWENvbG9yTG9va0NvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQGNhdGVnb3J5XG4gKiBBIGNvbXBvbmVudCB1c2VkIGZvciBkaXNwbGF5aW5nIGEgdGFnIG9yIGxhYmVsIHdpdGggY3VzdG9taXphYmxlIGNvbG9yIGFuZCBhcHBlYXJhbmNlLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10YWcnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFnLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFnLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydjb2xvcicsICdsb29rJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUYWdDb21wb25lbnQgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYVGFnQ29tcG9uZW50IGV4dGVuZHMgTVhDb2xvckxvb2tDb21wb25lbnQge1xuICAvKipcbiAgICogUmVwcmVzZW50cyB0aGUgdGV4dCBjb250ZW50IHRvIGJlIGRpc3BsYXllZCBvciB1c2VkIHdpdGhpbiB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgQElucHV0KClcbiAgdGV4dDogc3RyaW5nO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtJHt0aGlzLmNvbG9yfSBheC0ke3RoaXMubG9va31gO1xuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj48L25nLWNvbnRlbnQ+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.6\", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.6\", ngImport: i0, type: AXTagModule, imports: [CommonModule, AXTagComponent], exports: [AXTagComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.6\", 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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"}
+{"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.6\", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.3.6\", 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.6\", 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.6\", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.6\", ngImport: i0, type: AXTagModule, imports: [CommonModule, AXTagComponent], exports: [AXTagComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.6\", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.6\", 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/number-box/README.md

@@ -1,3 +1,3 @@
-# @acorex/components/number-box
+# @acorex/components/number-box-2
 
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/number-box`.
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/number-box-2`.

package/number-box/index.d.ts

@@ -1,191 +1,51 @@
 import * as polytype from 'polytype';
-import * as i0 from '@angular/core';
-import { AfterViewInit, ElementRef } from '@angular/core';
-import { MaskedNumber } from 'imask';
+import * as _angular_core from '@angular/core';
+import * as i2 from '@acorex/cdk/input-mask';
+import { AXInputMaskEvent } from '@acorex/cdk/input-mask';
 import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/forms';
+import * as i1 from '@angular/forms';
 import * as i3 from '@acorex/components/button';
 import * as i4 from '@acorex/components/decorators';
-import * as i5 from 'angular-imask';
 
 declare const AXNumberBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<number>;
-    ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
 }, typeof MXLookComponent]>;
 /**
  * The NumberBox is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-declare class AXNumberBoxComponent extends AXNumberBoxComponent_base implements AfterViewInit {
-    /** @ignore */
-    input: ElementRef<HTMLInputElement>;
-    /** @ignore */
-    private _thousandsSeparator;
-    /**
-     * This property determines the type of the input element (e.g., 'text', 'password', 'email', etc.). It can be dynamically bound from a parent component template to change the input field type based on different conditions or requirements.
-     */
-    type: i0.InputSignal<string>;
-    /**
-     *  boolean value that specifies the number box change step by scrolling.
-     */
-    changeOnScroll: boolean;
-    /** @ignore */
-    private _allDigits;
-    /**
-     *  A number value that specifies the all digits of number.
-     */
-    get allDigits(): number;
-    /**
-     * Sets the all digits of number.
-     * @param {number} v
-     */
-    set allDigits(v: number);
-    /**
-     *  A character value that specifies the separator character.
-     */
-    get thousandsSeparator(): string;
-    /**
-     * Sets the thousands separator for formatting.
-     * @param {string} v
-     */
-    set thousandsSeparator(v: string);
-    /** @ignore */
-    private _padDecimalZeros;
-    /**
-     *  A character value that specifies the separator character.
-     */
-    get padDecimalZeros(): boolean;
-    /**
-     * Sets whether decimal zeros should be padded.
-     * @param {boolean} v
-     */
-    set padDecimalZeros(v: boolean);
-    /**
-     *  Specifies the value that is used to increment or decrement the **Integer** part of number
-     */
-    /**
-     * Defines the increment step value.
-     */
-    step: number;
-    /** @ignore */
-    private _decimals;
-    /**
-     *  Specifies the number of decimals that the user can enter
-     */
-    get decimals(): number;
-    /**
-     * Sets the decimal places; defaults to 0 if not provided.
-     */
-    set decimals(v: number);
-    /**
-     *  Specifies the value that is used to increment or decrement the **Deciaml** part of number
-     */
-    /**
-     * Defines the step size for decimal values.
-     * @defaultvalue 'auto'
-     */
-    decimalStep: number | 'auto';
-    /**
-     *  Specifies whether the Up and Down spin buttons will be rendered or not
-     */
-    /**
-     * Indicates whether spin buttons are displayed.
-     * @defaultvalue true
-     */
-    showSpinButtons: boolean;
-    /** @ignore */
-    private _minValue;
-    /**
-     *  Specifies the smallest value that is valid
-     */
-    get minValue(): number;
-    /**
-     * Sets the number of decimal places to be used.
-     * @param {number} v
-     * @defaultvalue 0
-     */
-    set minValue(v: number);
-    /** @ignore */
-    private _maxValue;
-    /**
-     *  Specifies the greatest value that is valid
-     */
-    get maxValue(): number;
-    /**
-     * Sets the maximum allowable value, defaulting to `Number.MAX_SAFE_INTEGER` if null.
-     * @param v
-     */
-    set maxValue(v: number);
-    /**
-     * CSS classes to apply to the component.
-     * @param classNames
-     */
-    /**
-     * CSS classes to apply to the component.
-     */
-    classNames: string;
-    /**
-     *  @ignore
-     */
-    _maskObj: MaskedNumber;
-    /** @ignore */
-    /** @ignore */
-    private _maskDirective;
-    /** @ignore */
-    private _onWheelFlag;
-    constructor();
-    /** @ignore */
-    ngAfterViewInit(): void;
-    /**
-     * Handles internal option changes and updates the mask accordingly.
-     */
-    internalOptionChanged(): void;
-    /**
-     * Resets the input element to its default state and calls the parent class reset method.
-     */
-    reset(): void;
-    /**
-     * Ensures the value is within the min-max range, returning the default if null.
-     * @param value
-     */
-    internalSetValue(value: any): number;
-    /** @ignore */
-    private _updateMask;
-    /** @ignore */
-    _handleModelChange(value: number): void;
-    /** @ignore */
-    _handleOnKeydownEvent(e: KeyboardEvent): void;
-    /** @ignore */
-    protected _handleUpDownClick(v: -1 | 1, e: Event): void;
-    /**
-     * Increases the value by the step amount, ensuring it's at least the minimum value.
-     */
-    stepUp(u?: boolean): void;
-    /**
-     * Decreases the value by the step amount, ensuring it's at least the minimum value.
-     */
-    stepDown(u?: boolean): void;
-    /**
-     * Increases the value by the decimal step amount, using 'auto' or a custom step value.
-     */
-    decimalStepUp(u?: boolean): void;
-    /**
-     * Decreases the value by the decimal step amount, using 'auto' or a custom step value.
-     */
-    decimalStepDown(u?: boolean): void;
-    onWheel(event: WheelEvent): void;
+declare class AXNumberBoxComponent extends AXNumberBoxComponent_base {
+    #private;
+    minValue: _angular_core.InputSignal<number>;
+    maxValue: _angular_core.InputSignal<number>;
+    showSpinButtons: _angular_core.InputSignal<boolean>;
+    thousandsSeparator: _angular_core.ModelSignal<string>;
+    decimals: _angular_core.InputSignal<number>;
+    changeOnScroll: _angular_core.InputSignal<boolean>;
+    step: _angular_core.InputSignal<number>;
+    protected mode: _angular_core.WritableSignal<"digits" | "thousandsSeparator" | "decimal">;
+    private input;
+    protected stringValue: string;
+    protected internalValueChanged(value: number): void;
+    private plusValue;
+    private minusValue;
+    protected handleOnKeydownEvent(e: KeyboardEvent): void;
+    protected handleUpClick(): void;
+    protected handleDownClick(): void;
+    protected handleOnMaskChanged(e: AXInputMaskEvent): void;
+    protected onWheel(event: WheelEvent): void;
     private get __hostName();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "allDigits": { "alias": "allDigits"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; "isSignal": true; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "thousandsSeparator": "thousandsSeparatorChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
 }
 
 declare class AXNumberBoxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNumberBoxModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof i5.IMaskModule, typeof AXNumberBoxComponent], [typeof AXNumberBoxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXNumberBoxModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNumberBoxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXNumberBoxModule, never, [typeof i1.FormsModule, typeof i2.AXInputMaskDirective, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof AXNumberBoxComponent], [typeof AXNumberBoxComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXNumberBoxModule>;
 }
 
 export { AXNumberBoxComponent, AXNumberBoxModule };

package/number-box-legacy/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/number-box
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/number-box`.

package/number-box-legacy/index.d.ts

@@ -0,0 +1,191 @@
+import * as polytype from 'polytype';
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { MaskedNumber } from 'imask';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import * as i3 from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import * as i5 from 'angular-imask';
+
+declare const AXNumberBoxLegacyComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<number>;
+    ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+/**
+ * The NumberBox is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXNumberBoxLegacyComponent extends AXNumberBoxLegacyComponent_base implements AfterViewInit {
+    /** @ignore */
+    input: ElementRef<HTMLInputElement>;
+    /** @ignore */
+    private _thousandsSeparator;
+    /**
+     * This property determines the type of the input element (e.g., 'text', 'password', 'email', etc.). It can be dynamically bound from a parent component template to change the input field type based on different conditions or requirements.
+     */
+    type: i0.InputSignal<string>;
+    /**
+     *  boolean value that specifies the number box change step by scrolling.
+     */
+    changeOnScroll: boolean;
+    /** @ignore */
+    private _allDigits;
+    /**
+     *  A number value that specifies the all digits of number.
+     */
+    get allDigits(): number;
+    /**
+     * Sets the all digits of number.
+     * @param {number} v
+     */
+    set allDigits(v: number);
+    /**
+     *  A character value that specifies the separator character.
+     */
+    get thousandsSeparator(): string;
+    /**
+     * Sets the thousands separator for formatting.
+     * @param {string} v
+     */
+    set thousandsSeparator(v: string);
+    /** @ignore */
+    private _padDecimalZeros;
+    /**
+     *  A character value that specifies the separator character.
+     */
+    get padDecimalZeros(): boolean;
+    /**
+     * Sets whether decimal zeros should be padded.
+     * @param {boolean} v
+     */
+    set padDecimalZeros(v: boolean);
+    /**
+     *  Specifies the value that is used to increment or decrement the **Integer** part of number
+     */
+    /**
+     * Defines the increment step value.
+     */
+    step: number;
+    /** @ignore */
+    private _decimals;
+    /**
+     *  Specifies the number of decimals that the user can enter
+     */
+    get decimals(): number;
+    /**
+     * Sets the decimal places; defaults to 0 if not provided.
+     */
+    set decimals(v: number);
+    /**
+     *  Specifies the value that is used to increment or decrement the **Deciaml** part of number
+     */
+    /**
+     * Defines the step size for decimal values.
+     * @defaultvalue 'auto'
+     */
+    decimalStep: number | 'auto';
+    /**
+     *  Specifies whether the Up and Down spin buttons will be rendered or not
+     */
+    /**
+     * Indicates whether spin buttons are displayed.
+     * @defaultvalue true
+     */
+    showSpinButtons: boolean;
+    /** @ignore */
+    private _minValue;
+    /**
+     *  Specifies the smallest value that is valid
+     */
+    get minValue(): number;
+    /**
+     * Sets the number of decimal places to be used.
+     * @param {number} v
+     * @defaultvalue 0
+     */
+    set minValue(v: number);
+    /** @ignore */
+    private _maxValue;
+    /**
+     *  Specifies the greatest value that is valid
+     */
+    get maxValue(): number;
+    /**
+     * Sets the maximum allowable value, defaulting to `Number.MAX_SAFE_INTEGER` if null.
+     * @param v
+     */
+    set maxValue(v: number);
+    /**
+     * CSS classes to apply to the component.
+     * @param classNames
+     */
+    /**
+     * CSS classes to apply to the component.
+     */
+    classNames: string;
+    /**
+     *  @ignore
+     */
+    _maskObj: MaskedNumber;
+    /** @ignore */
+    /** @ignore */
+    private _maskDirective;
+    /** @ignore */
+    private _onWheelFlag;
+    constructor();
+    /** @ignore */
+    ngAfterViewInit(): void;
+    /**
+     * Handles internal option changes and updates the mask accordingly.
+     */
+    internalOptionChanged(): void;
+    /**
+     * Resets the input element to its default state and calls the parent class reset method.
+     */
+    reset(): void;
+    /**
+     * Ensures the value is within the min-max range, returning the default if null.
+     * @param value
+     */
+    internalSetValue(value: any): number;
+    /** @ignore */
+    private _updateMask;
+    /** @ignore */
+    _handleModelChange(value: number): void;
+    /** @ignore */
+    _handleOnKeydownEvent(e: KeyboardEvent): void;
+    /** @ignore */
+    protected _handleUpDownClick(v: -1 | 1, e: Event): void;
+    /**
+     * Increases the value by the step amount, ensuring it's at least the minimum value.
+     */
+    stepUp(u?: boolean): void;
+    /**
+     * Decreases the value by the step amount, ensuring it's at least the minimum value.
+     */
+    stepDown(u?: boolean): void;
+    /**
+     * Increases the value by the decimal step amount, using 'auto' or a custom step value.
+     */
+    decimalStepUp(u?: boolean): void;
+    /**
+     * Decreases the value by the decimal step amount, using 'auto' or a custom step value.
+     */
+    decimalStepDown(u?: boolean): void;
+    onWheel(event: WheelEvent): void;
+    private get __hostName();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxLegacyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxLegacyComponent, "ax-number-box-legacy", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "allDigits": { "alias": "allDigits"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+}
+
+declare class AXNumberBoxLegacyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxLegacyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNumberBoxLegacyModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof i5.IMaskModule, typeof AXNumberBoxLegacyComponent], [typeof AXNumberBoxLegacyComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXNumberBoxLegacyModule>;
+}
+
+export { AXNumberBoxLegacyComponent, AXNumberBoxLegacyModule };