@acorex/components 7.20.0 → 7.21.0

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-switch.mjs","sources":["../../../../libs/components/switch/src/lib/switch-content.component.ts","../../../../libs/components/switch/src/lib/switch.component.ts","../../../../libs/components/switch/src/lib/switch.component.html","../../../../libs/components/switch/src/lib/switch.module.ts","../../../../libs/components/switch/src/acorex-components-switch.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector:\n    'ax-switch-handler-content,ax-switch-handler-on-content,ax-switch-handler-off-content,ax-switch-off-content,ax-switch-on-content',\n  template: `<ng-content></ng-content>`,\n})\nexport class AXSwitchContentComponent extends MXBaseComponent implements OnInit {\n  ngOnInit(): void {\n    super.ngOnInit();\n  }\n}\n","import { MXColorComponent, MXValueComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-switch',\n  templateUrl: './switch.component.html',\n  styleUrls: ['./switch.component.scss'],\n  inputs: ['disabled', 'readonly', 'color', 'tabIndex', 'value', 'name'],\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSwitchComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXSwitchComponent extends classes(MXValueComponent<boolean>, MXColorComponent) {\n  @Input()\n  loading: boolean;\n\n  protected _handleOnClickEvent(e: MouseEvent) {\n    this.onTouchedCallback();\n    if (this.readonly || this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n    } else {\n      this.commitValue(!this.value, true);\n    }\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color ? this.color : 'primary'}-solid`;\n  }\n}\n","<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(loading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!loading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!loading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!loading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSwitchContentComponent } from './switch-content.component';\nimport { AXSwitchComponent } from './switch.component';\n\n@NgModule({\n  declarations: [AXSwitchComponent, AXSwitchContentComponent],\n  imports: [CommonModule, FormsModule],\n  exports: [AXSwitchComponent, AXSwitchContentComponent],\n  providers: [],\n})\nexport class AXSwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-switch.mjs","sources":["../../../../libs/components/switch/src/lib/switch-content.component.ts","../../../../libs/components/switch/src/lib/switch.component.ts","../../../../libs/components/switch/src/lib/switch.component.html","../../../../libs/components/switch/src/lib/switch.module.ts","../../../../libs/components/switch/src/acorex-components-switch.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector:\n    'ax-switch-handler-content,ax-switch-handler-on-content,ax-switch-handler-off-content,ax-switch-off-content,ax-switch-on-content',\n  template: `<ng-content></ng-content>`,\n})\nexport class AXSwitchContentComponent extends MXBaseComponent implements OnInit {\n  ngOnInit(): void {\n    super.ngOnInit();\n  }\n}\n","import { MXColorComponent, MXValueComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-switch',\n  templateUrl: './switch.component.html',\n  styleUrls: ['./switch.component.scss'],\n  inputs: ['disabled', 'readonly', 'color', 'tabIndex', 'value', 'name'],\n  outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSwitchComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXSwitchComponent extends classes(MXValueComponent<boolean>, MXColorComponent) {\n  @Input()\n  isLoading: boolean;\n\n  protected _handleOnClickEvent(e: MouseEvent) {\n    this.onTouchedCallback();\n    if (this.readonly || this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n    } else {\n      this.commitValue(!this.value, true);\n    }\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color ? this.color : 'primary'}-solid`;\n  }\n}\n","<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSwitchContentComponent } from './switch-content.component';\nimport { AXSwitchComponent } from './switch.component';\n\n@NgModule({\n  declarations: [AXSwitchComponent, AXSwitchContentComponent],\n  imports: [CommonModule, FormsModule],\n  exports: [AXSwitchComponent, AXSwitchContentComponent],\n  providers: [],\n})\nexport class AXSwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-tabs.mjs

@@ -20,10 +20,10 @@ class AXTabContentDirective {
             this._viewContainerRef.createEmbeddedView(v, null, 0);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTabContentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: AXTabContentDirective, selector: "[axTabContent]", inputs: { portal: ["axTabContent", "portal"] }, exportAs: ["axTabContent"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTabContentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: AXTabContentDirective, selector: "[axTabContent]", inputs: { portal: ["axTabContent", "portal"] }, exportAs: ["axTabContent"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTabContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTabContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axTabContent]',
@@ -70,8 +70,8 @@ class AXTabItemComponent extends MXInteractiveComponent {
             option.value ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTabItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: AXTabItemComponent, selector: "ax-tab-item", inputs: { disabled: "disabled", text: "text", key: "key", headerTemplate: "headerTemplate", active: "active" }, outputs: { disabledChange: "disabledChange", onClick: "onClick", onBlur: "onBlur", onFocus: "onFocus", activeChange: "activeChange" }, host: { listeners: { "click": "__hostClick($event)" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTabItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.1", type: AXTabItemComponent, selector: "ax-tab-item", inputs: { disabled: "disabled", text: "text", key: "key", headerTemplate: "headerTemplate", active: "active" }, outputs: { disabledChange: "disabledChange", onClick: "onClick", onBlur: "onBlur", onFocus: "onFocus", activeChange: "activeChange" }, host: { listeners: { "click": "__hostClick($event)" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     @if (headerTemplate) {
       <ng-container
         [ngTemplateOutlet]="headerTemplate"
@@ -94,7 +94,7 @@ class AXTabItemComponent extends MXInteractiveComponent {
     </ng-template>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTabItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTabItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-tab-item',
@@ -216,10 +216,10 @@ class AXTabsComponent extends MXBaseComponent {
         });
         this._isUserInteraction = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: AXTabsComponent, selector: "ax-tabs", inputs: { look: "look", location: "location", fitParent: "fitParent", minWidth: "minWidth", content: "content" }, outputs: { onActiveTabChanged: "onActiveTabChanged" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-tab-item"></ng-content>`, isInline: true, styles: [".ax-dark ax-tabs.ax-look-pills-color ax-tab-item:hover,.ax-dark ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,.ax-dark ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,.ax-dark ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}ax-tabs{position:relative;display:flex;width:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-tabs ax-tab-item .ax-tab-item-text{white-space:nowrap}ax-tabs.ax-tabs-fit ax-tab-item{flex:1 1 0%}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;line-height:1.25rem}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{display:inline-flex;flex-wrap:nowrap;padding-left:.5rem;padding-right:.5rem}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-y:auto;overflow-x:hidden}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-bottom:.75rem}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}ax-tabs.ax-look-default{border-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));padding:.25rem}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));--ax-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ax-shadow-colored: 0 1px 3px 0 var(--ax-shadow-color), 0 1px 2px -1px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-tabs.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{background-color:rgba(var(--ax-color-border-default));height:.125rem;width:100%}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{-webkit-margin-start:1rem;margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{-webkit-margin-end:1rem;margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{height:3px;width:100%;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{background-color:rgba(var(--ax-color-border-default));height:100%;width:.125rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{width:3px;top:0;height:100%;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top-width:1px;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after{top:-3px}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0px}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0px}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end-width:2px;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{inset-inline-end:-3px}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;z-index:10;content:\"\"}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding-left:1rem;padding-right:1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{border-bottom-right-radius:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{top:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-bottom{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding-top:.5rem;padding-bottom:.5rem}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{top:0;height:100%;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface));padding:.5rem .75rem;color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;background-color:rgba(var(--ax-color-surface));content:\"\"}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: AXTabsComponent, selector: "ax-tabs", inputs: { look: "look", location: "location", fitParent: "fitParent", minWidth: "minWidth", content: "content" }, outputs: { onActiveTabChanged: "onActiveTabChanged" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-tab-item"></ng-content>`, isInline: true, styles: [".ax-dark ax-tabs.ax-look-pills-color ax-tab-item:hover,.ax-dark ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,.ax-dark ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,.ax-dark ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}ax-tabs{position:relative;display:flex;width:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-tabs ax-tab-item .ax-tab-item-text{white-space:nowrap}ax-tabs.ax-tabs-fit ax-tab-item{flex:1 1 0%}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;line-height:1.25rem}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{display:inline-flex;flex-wrap:nowrap;padding-left:.5rem;padding-right:.5rem}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-y:auto;overflow-x:hidden}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-bottom:.75rem}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}ax-tabs.ax-look-default{border-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));padding:.25rem}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));--ax-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ax-shadow-colored: 0 1px 3px 0 var(--ax-shadow-color), 0 1px 2px -1px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-tabs.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{background-color:rgba(var(--ax-color-border-default));height:.125rem;width:100%}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{-webkit-margin-start:1rem;margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{-webkit-margin-end:1rem;margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{height:3px;width:100%;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{background-color:rgba(var(--ax-color-border-default));height:100%;width:.125rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{width:3px;top:0;height:100%;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top-width:1px;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after{top:-3px}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0px}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0px}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end-width:2px;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{inset-inline-end:-3px}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;z-index:10;content:\"\"}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding-left:1rem;padding-right:1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{border-bottom-right-radius:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{top:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-bottom{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding-top:.5rem;padding-bottom:.5rem}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{top:0;height:100%;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface));padding:.5rem .75rem;color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;background-color:rgba(var(--ax-color-surface));content:\"\"}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-tabs', template: `<ng-content select="ax-tab-item"></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".ax-dark ax-tabs.ax-look-pills-color ax-tab-item:hover,.ax-dark ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,.ax-dark ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,.ax-dark ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}ax-tabs{position:relative;display:flex;width:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-tabs ax-tab-item .ax-tab-item-text{white-space:nowrap}ax-tabs.ax-tabs-fit ax-tab-item{flex:1 1 0%}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;line-height:1.25rem}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{display:inline-flex;flex-wrap:nowrap;padding-left:.5rem;padding-right:.5rem}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-y:auto;overflow-x:hidden}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-bottom:.75rem}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}ax-tabs.ax-look-default{border-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));padding:.25rem}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));--ax-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ax-shadow-colored: 0 1px 3px 0 var(--ax-shadow-color), 0 1px 2px -1px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-tabs.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{background-color:rgba(var(--ax-color-border-default));height:.125rem;width:100%}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{-webkit-margin-start:1rem;margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{-webkit-margin-end:1rem;margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{height:3px;width:100%;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{background-color:rgba(var(--ax-color-border-default));height:100%;width:.125rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{width:3px;top:0;height:100%;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top-width:1px;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after{top:-3px}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0px}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0px}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end-width:2px;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{inset-inline-end:-3px}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;z-index:10;content:\"\"}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding-left:1rem;padding-right:1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{border-bottom-right-radius:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{top:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-bottom{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding-top:.5rem;padding-bottom:.5rem}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{top:0;height:100%;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface));padding:.5rem .75rem;color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;background-color:rgba(var(--ax-color-surface));content:\"\"}\n"] }]
         }], propDecorators: { _contentTabs: [{
@@ -245,11 +245,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
 const COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];
 const MODULES = [CommonModule, PortalModule, AXDecoratorModule];
 class AXTabsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXTabsModule, declarations: [AXTabsComponent, AXTabItemComponent, AXTabContentDirective], imports: [CommonModule, PortalModule, AXDecoratorModule], exports: [AXTabsComponent, AXTabItemComponent, AXTabContentDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTabsModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AXTabsModule, declarations: [AXTabsComponent, AXTabItemComponent, AXTabContentDirective], imports: [CommonModule, PortalModule, AXDecoratorModule], exports: [AXTabsComponent, AXTabItemComponent, AXTabContentDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTabsModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTabsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTabsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2022/acorex-components-tag.mjs

@@ -7,10 +7,10 @@ class AXTagComponent extends MXColorLookComponent {
     get __hostClass() {
         return `ax-el-${this.color}-${this.look}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: AXTagComponent, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, 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>", styles: ["ax-tag{display:inline-flex;align-items:center;border-radius:var(--ax-rounded-border-default);border-width:1px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem;line-height:1.5rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important;line-height:1.5rem!important}ax-tag ax-prefix{-webkit-padding-end:.25rem;padding-inline-end:.25rem}ax-tag ax-suffix{-webkit-padding-start:.25rem;padding-inline-start:.25rem}ax-tag.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost))}ax-tag.ax-ghost-outline{display:flex;border-color:rgba(var(--ax-color-border-default));color:rgb(var(--ax-color-text-default))}ax-tag.ax-ghost-twotone{border-width:1px;border-color:rgba(var(--ax-color-neutral-200));background-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore-tint))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: AXTagComponent, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, 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>", styles: ["ax-tag{display:inline-flex;align-items:center;border-radius:var(--ax-rounded-border-default);border-width:1px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem;line-height:1.5rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important;line-height:1.5rem!important}ax-tag ax-prefix{-webkit-padding-end:.25rem;padding-inline-end:.25rem}ax-tag ax-suffix{-webkit-padding-start:.25rem;padding-inline-start:.25rem}ax-tag.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost))}ax-tag.ax-ghost-outline{display:flex;border-color:rgba(var(--ax-color-border-default));color:rgb(var(--ax-color-text-default))}ax-tag.ax-ghost-twotone{border-width:1px;border-color:rgba(var(--ax-color-neutral-200));background-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore-tint))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-tag', inputs: ['color', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{text}}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{display:inline-flex;align-items:center;border-radius:var(--ax-rounded-border-default);border-width:1px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem;line-height:1.5rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important;line-height:1.5rem!important}ax-tag ax-prefix{-webkit-padding-end:.25rem;padding-inline-end:.25rem}ax-tag ax-suffix{-webkit-padding-start:.25rem;padding-inline-start:.25rem}ax-tag.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost))}ax-tag.ax-ghost-outline{display:flex;border-color:rgba(var(--ax-color-border-default));color:rgb(var(--ax-color-text-default))}ax-tag.ax-ghost-twotone{border-width:1px;border-color:rgba(var(--ax-color-neutral-200));background-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore-tint))}\n"] }]
         }], propDecorators: { text: [{
@@ -21,11 +21,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
             }] } });
 
 class AXTagModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXTagModule, declarations: [AXTagComponent], imports: [CommonModule], exports: [AXTagComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AXTagModule, declarations: [AXTagComponent], imports: [CommonModule], exports: [AXTagComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTagModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTagModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTagModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXTagComponent],

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

@@ -19,8 +19,8 @@ class AXTextAreaComponent extends classes((MXInputBaseValueComponent), MXLookCom
     get __hostClass() {
         return `ax-editor-container ax-look-${this.look} ${this.disabled ? 'ax-state-disabled' : ''}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: AXTextAreaComponent, 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" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", onKeyPress: "onKeyPress" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.1", type: AXTextAreaComponent, 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" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", onKeyPress: "onKeyPress" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXComponent, useExisting: AXTextAreaComponent },
             { provide: AXFocusableComponent, useExisting: AXTextAreaComponent },
             { provide: AXClearableComponent, useExisting: AXTextAreaComponent },
@@ -32,7 +32,7 @@ class AXTextAreaComponent extends classes((MXInputBaseValueComponent), MXLookCom
             },
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<textarea #input [id]=\"id\" [name]=\"name\" type=\"text\" [rows]=\"rows\" [attr.placeholder]=\"placeholder\"\n  [attr.maxlength]=\"maxLength\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  [class.ax-state-no-resizing]=\"!allowResize\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\"\n  [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\" (keydown)=\"emitOnKeydownEvent($event)\"\n  (keyup)=\"emitOnKeyupEvent($event)\" (keypress)=\"emitOnKeypressEvent($event)\" (focus)=\"emitOnFocusEvent($event)\"\n  (blur)=\"emitOnBlurEvent($event)\">\n</textarea>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n@if(showCounter){\n<div class=\"counter\" *ngIf=\"showCounter\">\n  {{ input.value.length }}\n  @if(maxLength){\n  <span>/ {{ maxLength }}</span>\n  }\n</div>\n}", styles: ["ax-text-area{height:auto!important;position:relative;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-text-area textarea{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;background-color:inherit;padding:.625rem;font-size:.875rem;line-height:1.625}ax-text-area textarea:focus{outline-color:transparent}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 .counter{position:absolute;bottom:.5rem;inset-inline-end:.5rem;color:rgb(var(--ax-color-text-default),.5)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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: "17.1.0", ngImport: i0, type: AXTextAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTextAreaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-text-area', inputs: ['disabled', 'tabIndex', 'readonly', 'value', 'state', 'name', 'placeholder', 'maxLength', 'look'], outputs: [
                         'onBlur',
@@ -73,11 +73,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
             }] } });
 
 class AXTextAreaModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXTextAreaModule, declarations: [AXTextAreaComponent], imports: [CommonModule, FormsModule], exports: [AXTextAreaComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTextAreaModule, imports: [CommonModule, FormsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AXTextAreaModule, declarations: [AXTextAreaComponent], imports: [CommonModule, FormsModule], exports: [AXTextAreaComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTextAreaModule, imports: [CommonModule, FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTextAreaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTextAreaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXTextAreaComponent],

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

@@ -10,10 +10,10 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
 import { CommonModule } from '@angular/common';
 
 class AXMaskOptionsDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXMaskOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: AXMaskOptionsDirective, selector: "ax-mask-options", inputs: { mask: "mask", updateValue: "updateValue" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXMaskOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: AXMaskOptionsDirective, selector: "ax-mask-options", inputs: { mask: "mask", updateValue: "updateValue" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXMaskOptionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXMaskOptionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ax-mask-options',
@@ -75,8 +75,8 @@ class AXTextBoxComponent extends classes((MXInputBaseValueComponent), MXLookComp
     get __hostClass() {
         return `ax-editor-container ax-look-${this.look} ${this.disabled ? 'ax-state-disabled' : ''}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTextBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", state: "state", name: "name", id: "id", placeholder: "placeholder", maxLength: "maxLength", allowNull: "allowNull", type: "type", autoComplete: "autoComplete", look: "look", maskOptions: ["mask-options", "maskOptions"] }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", onKeyPress: "onKeyPress" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTextBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.1", type: AXTextBoxComponent, selector: "ax-text-box", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", state: "state", name: "name", id: "id", placeholder: "placeholder", maxLength: "maxLength", allowNull: "allowNull", type: "type", autoComplete: "autoComplete", look: "look", maskOptions: ["mask-options", "maskOptions"] }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", onKeyPress: "onKeyPress" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXComponent, useExisting: AXTextBoxComponent },
             { provide: AXFocusableComponent, useExisting: AXTextBoxComponent },
             { provide: AXClearableComponent, useExisting: AXTextBoxComponent },
@@ -88,7 +88,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: "<ng-content select=\"ax-prefix\"> </ng-content>\n<input #input class=\"ax-input\" [id]=\"id\" [name]=\"name\" [attr.autocomplete]=\"autoComplete\" [attr.type]=\"type\"\n  [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\" [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\"\n  [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\" [ngModelOptions]=\"{ updateOn: _updateOn }\"\n  (keydown)=\"emitOnKeydownEvent($event)\" (keyup)=\"emitOnKeyupEvent($event)\" (keypress)=\"emitOnKeypressEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" />\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<ng-content select=\"ax-validation-rule\"> </ng-content>", dependencies: [{ 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: "17.1.0", ngImport: i0, type: AXTextBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTextBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-text-box', inputs: [
                         'disabled',
@@ -147,11 +147,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
             }] } });
 
 class AXTextBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXTextBoxModule, declarations: [AXTextBoxComponent, AXMaskOptionsDirective], imports: [CommonModule, AXCommonModule, FormsModule, AXButtonModule, AXDecoratorModule], exports: [AXTextBoxComponent, AXMaskOptionsDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTextBoxModule, imports: [CommonModule, AXCommonModule, FormsModule, AXButtonModule, AXDecoratorModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTextBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AXTextBoxModule, declarations: [AXTextBoxComponent, AXMaskOptionsDirective], imports: [CommonModule, AXCommonModule, FormsModule, AXButtonModule, AXDecoratorModule], exports: [AXTextBoxComponent, AXMaskOptionsDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTextBoxModule, imports: [CommonModule, AXCommonModule, FormsModule, AXButtonModule, AXDecoratorModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTextBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTextBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXCommonModule, FormsModule, AXButtonModule, AXDecoratorModule],

package/fesm2022/acorex-components-toast.mjs

@@ -75,10 +75,10 @@ class AXToastComponent extends MXBaseComponent {
             htmlElement: this.getHostElement(),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXToastComponent, deps: [{ token: DIALOG_DATA }, { token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span class=\"ax-toast-icon ax-icon-solid {{ _icon }}\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"config.title && config.content\">{{ config.title | translate | async }}\n  </div>\n  <div class=\"ax-toast-content\" [innerHTML]=\"config.content\"></div>\n</div>\n@if(config.closeButton){\n<ax-close-button></ax-close-button>\n}\n@if(config.timeOutProgress && config.timeOut){\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"config.timeOut\"></div>\n}", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-800));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-800));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-800));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-800));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;--ax-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}@media (min-width: 768px){ax-toast{width:24rem}}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{color:rgba(var(--ax-color-primary-800))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{color:rgba(var(--ax-color-secondary-800))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{color:rgba(var(--ax-color-success-800))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{color:rgba(var(--ax-color-warning-800))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{color:rgba(var(--ax-color-danger-800))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{color:rgba(var(--ax-color-info-800))}ax-toast.ax-ghost{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-toast.ax-ghost .ax-toast-progress{background-color:rgba(var(--ax-color-ghost-fore))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem;line-height:1}ax-toast .ax-toast-icon{-webkit-margin-end:.5rem;margin-inline-end:.5rem}ax-toast .ax-toast-content{display:flex;flex:1 1 0%;flex-direction:column}ax-toast .ax-toast-content .ax-toast-title{font-weight:500;line-height:1.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.75rem;margin-bottom:.75rem;display:flex;gap:.5rem}ax-toast ax-icon-close{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}ax-toast ax-icon-close:hover{opacity:.75}ax-toast .ax-toast-progress{animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(255,255,255,.46);position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "component", type: i2.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXToastComponent, deps: [{ token: DIALOG_DATA }, { token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.1", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span class=\"ax-toast-icon ax-icon-solid {{ _icon }}\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"config.title && config.content\">{{ config.title | translate | async }}\n  </div>\n  <div class=\"ax-toast-content\" [innerHTML]=\"config.content\"></div>\n</div>\n@if(config.closeButton){\n<ax-close-button></ax-close-button>\n}\n@if(config.timeOutProgress && config.timeOut){\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"config.timeOut\"></div>\n}", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-800));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-800));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-800));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-800));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;--ax-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}@media (min-width: 768px){ax-toast{width:24rem}}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{color:rgba(var(--ax-color-primary-800))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{color:rgba(var(--ax-color-secondary-800))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{color:rgba(var(--ax-color-success-800))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{color:rgba(var(--ax-color-warning-800))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{color:rgba(var(--ax-color-danger-800))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{color:rgba(var(--ax-color-info-800))}ax-toast.ax-ghost{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-toast.ax-ghost .ax-toast-progress{background-color:rgba(var(--ax-color-ghost-fore))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem;line-height:1}ax-toast .ax-toast-icon{-webkit-margin-end:.5rem;margin-inline-end:.5rem}ax-toast .ax-toast-content{display:flex;flex:1 1 0%;flex-direction:column}ax-toast .ax-toast-content .ax-toast-title{font-weight:500;line-height:1.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.75rem;margin-bottom:.75rem;display:flex;gap:.5rem}ax-toast ax-icon-close{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}ax-toast ax-icon-close:hover{opacity:.75}ax-toast .ax-toast-progress{animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(255,255,255,.46);position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "component", type: i2.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<span class=\"ax-toast-icon ax-icon-solid {{ _icon }}\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"config.title && config.content\">{{ config.title | translate | async }}\n  </div>\n  <div class=\"ax-toast-content\" [innerHTML]=\"config.content\"></div>\n</div>\n@if(config.closeButton){\n<ax-close-button></ax-close-button>\n}\n@if(config.timeOutProgress && config.timeOut){\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"config.timeOut\"></div>\n}", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-800));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-800));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-800));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-800));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;--ax-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}@media (min-width: 768px){ax-toast{width:24rem}}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{color:rgba(var(--ax-color-primary-800))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{color:rgba(var(--ax-color-secondary-800))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{color:rgba(var(--ax-color-success-800))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{color:rgba(var(--ax-color-warning-800))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{color:rgba(var(--ax-color-danger-800))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{color:rgba(var(--ax-color-info-800))}ax-toast.ax-ghost{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-toast.ax-ghost .ax-toast-progress{background-color:rgba(var(--ax-color-ghost-fore))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem;line-height:1}ax-toast .ax-toast-icon{-webkit-margin-end:.5rem;margin-inline-end:.5rem}ax-toast .ax-toast-content{display:flex;flex:1 1 0%;flex-direction:column}ax-toast .ax-toast-content .ax-toast-title{font-weight:500;line-height:1.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.75rem;margin-bottom:.75rem;display:flex;gap:.5rem}ax-toast ax-icon-close{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}ax-toast ax-icon-close:hover{opacity:.75}ax-toast .ax-toast-progress{animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(255,255,255,.46);position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -229,21 +229,21 @@ class AXToastService {
             return (list[list.length - 1].getHostElement().offsetTop + list[list.length - 1].getHostElement().offsetHeight);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXToastService, deps: [{ token: i1$1.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXToastService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXToastService, deps: [{ token: i1$1.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXToastService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXToastService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.ScrollStrategyOptions }] });
 
 const COMPONENT = [AXToastComponent];
 const MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule, AXTranslationModule];
 class AXToastModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule, AXTranslationModule], exports: [AXToastComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXToastModule, providers: [AXToastService], imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule, AXTranslationModule], exports: [AXToastComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXToastModule, providers: [AXToastService], imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXToastModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXToastModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2022/acorex-components-tooltip.mjs

@@ -6,10 +6,10 @@ import { OverlayModule } from '@angular/cdk/overlay';
 import { CommonModule } from '@angular/common';
 
 class AXTooltipComponent extends MXBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: AXTooltipComponent, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <!-- <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div> -->\n</div>", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: AXTooltipComponent, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <!-- <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div> -->\n</div>", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-tooltip', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <!-- <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div> -->\n</div>", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"] }]
         }], propDecorators: { text: [{
@@ -71,10 +71,10 @@ class AXTooltipDirective {
             //this.popupRef.context = { text: this.content };
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.0", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { content: ["axTooltip", "content"], placement: ["axTooltipPlacement", "placement"], openAfter: ["axTooltipOpenAfter", "openAfter"], closeAfter: ["axTooltipCloseAfter", "closeAfter"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { content: ["axTooltip", "content"], placement: ["axTooltipPlacement", "placement"], openAfter: ["axTooltipOpenAfter", "openAfter"], closeAfter: ["axTooltipCloseAfter", "closeAfter"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTooltipDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[axTooltip]' }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }], propDecorators: { content: [{
@@ -94,11 +94,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
 const COMPONENT = [AXTooltipComponent, AXTooltipDirective];
 const MODULES = [CommonModule, OverlayModule];
 class AXTooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXTooltipModule, declarations: [AXTooltipComponent, AXTooltipDirective], imports: [CommonModule, OverlayModule], exports: [AXTooltipComponent, AXTooltipDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTooltipModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AXTooltipModule, declarations: [AXTooltipComponent, AXTooltipDirective], imports: [CommonModule, OverlayModule], exports: [AXTooltipComponent, AXTooltipDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTooltipModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AXTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],