npm - @acorex/components - Versions diffs - 21.0.2-next.3 → 21.0.2-next.31 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (341) hide show

package/fesm2022/acorex-components-time-line.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-time-line.mjs","sources":["../../../../packages/components/time-line/src/lib/time-line.component.ts","../../../../packages/components/time-line/src/lib/time-line.component.html","../../../../packages/components/time-line/src/lib/time-line-item.component.ts","../../../../packages/components/time-line/src/lib/time-line-item.component.html","../../../../packages/components/time-line/src/lib/time-line.module.ts","../../../../packages/components/time-line/src/acorex-components-time-line.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, effect, input, signal, ViewEncapsulation } from '@angular/core';\n\nexport type AXTimeLineMode = 'icon' \| 'bullet';\n\n@Component({\n selector: 'ax-time-line',\n templateUrl: './time-line.component.html',\n styleUrl: './time-line.component.compiled.css',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: AXComponent, useExisting: AXTimeLineComponent }],\n})\nexport class AXTimeLineComponent {\n mode = input<AXTimeLineMode>('bullet');\n containerStyle = signal<string>('gap: 1rem;padding-block: 0.5rem;');\n #modeChange = effect(() => {\n switch (this.mode()) {\n case 'bullet':\n this.containerStyle.set('gap: 1rem;padding-block: 0.5rem;');\n break;\n case 'icon':\n this.containerStyle.set('gap: 2rem;padding-block: 1rem;');\n break;\n\n default:\n break;\n }\n });\n}\n","<div class=\"ax-time-line-item-container\" [style]=\"containerStyle()\">\n <ng-content></ng-content>\n</div>\n","import { AXComponent } from '@acorex/cdk/common';\nimport { NgClass } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n effect,\n HostBinding,\n inject,\n input,\n model,\n signal,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXTimeLineComponent, AXTimeLineMode } from './time-line.component';\n\n@Component({\n selector: 'ax-time-line-item',\n templateUrl: './time-line-item.component.html',\n styleUrl: './time-line-item.component.compiled.css',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [NgClass],\n providers: [{ provide: AXComponent, useExisting: AXTimeLineItemComponent }],\n})\nexport class AXTimeLineItemComponent {\n parent = inject(AXTimeLineComponent);\n\n text = input('');\n\n isActive = input(false);\n isCollapsed = model(false);\n\n mode = signal<AXTimeLineMode>('bullet');\n\n constructor() {\n effect(() => {\n this.mode.set(this.parent.mode());\n });\n }\n\n /*\n Handles the click event on the time line item header to toggle collapsed state.\n /\n handleClick() {\n this.isCollapsed.set(!this.isCollapsed());\n }\n\n @HostBinding('class')\n get __hostClass(): string[] {\n return [`ax-mode-${this.mode()}`, `${this.isActive() ? 'ax-state-active' : ''}`];\n }\n}\n","<div class=\"ax-time-line-header\" (click)=\"handleClick()\">\n @switch (mode()) {\n @case ('bullet') {\n <span class=\"ax-time-line-bullet\"></span>\n }\n @case ('icon') {\n <span class=\"ax-time-line-icon\">\n <ng-content select=\"ax-icon\"></ng-content>\n </span>\n }\n }\n <span class=\"ax-time-line-text\">{{ text() }}</span>\n <span\n class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n ></span>\n</div>\n\n@if (!isCollapsed()) {\n <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\" class=\"ax-time-line-content\">\n <ng-content></ng-content>\n </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTimeLineItemComponent } from './time-line-item.component';\nimport { AXTimeLineComponent } from './time-line.component';\n\n@NgModule({\n imports: [CommonModule, AXTimeLineComponent, AXTimeLineItemComponent],\n exports: [AXTimeLineComponent, AXTimeLineItemComponent],\n})\nexport class AXTimeLineModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"acorex-components-time-line.mjs","sources":["../tmp-esm2022/time-line/lib/time-line.component.js","../tmp-esm2022/time-line/lib/time-line-item.component.js","../tmp-esm2022/time-line/lib/time-line.module.js","../tmp-esm2022/time-line/acorex-components-time-line.js"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, effect, input, signal, ViewEncapsulation } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nexport class AXTimeLineComponent {\n constructor() {\n this.mode = input('bullet', ...(ngDevMode ? [{ debugName: \"mode\" }] : []));\n this.containerStyle = signal('gap: 1rem;padding-block: 0.5rem;', ...(ngDevMode ? [{ debugName: \"containerStyle\" }] : []));\n this.#modeChange = effect(() => {\n switch (this.mode()) {\n case 'bullet':\n this.containerStyle.set('gap: 1rem;padding-block: 0.5rem;');\n break;\n case 'icon':\n this.containerStyle.set('gap: 2rem;padding-block: 1rem;');\n break;\n default:\n break;\n }\n }, ...(ngDevMode ? [{ debugName: \"#modeChange\" }] : []));\n }\n #modeChange;\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTimeLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.3.3\", type: AXTimeLineComponent, isStandalone: true, selector: \"ax-time-line\", inputs: { mode: { classPropertyName: \"mode\", publicName: \"mode\", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXTimeLineComponent }], ngImport: i0, template: \"<div class=\\\"ax-time-line-item-container\\\" [style]=\\\"containerStyle()\\\">\\n <ng-content></ng-content>\\n</div>\\n\", styles: [\"ax-time-line{width:100%;display:block}ax-time-line .ax-time-line-item-container{position:relative;display:flex;flex-direction:column}ax-time-line .ax-time-line-item-container:before,ax-time-line .ax-time-line-item-container:after{display:block;content:\\\"\\\";position:absolute;background-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-time-line .ax-time-line-item-container:before{width:1px;height:100%;top:0;inset-inline-start:.875rem}\\n\"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTimeLineComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-time-line', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXTimeLineComponent }], template: \"<div class=\\\"ax-time-line-item-container\\\" [style]=\\\"containerStyle()\\\">\\n <ng-content></ng-content>\\n</div>\\n\", styles: [\"ax-time-line{width:100%;display:block}ax-time-line .ax-time-line-item-container{position:relative;display:flex;flex-direction:column}ax-time-line .ax-time-line-item-container:before,ax-time-line .ax-time-line-item-container:after{display:block;content:\\\"\\\";position:absolute;background-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-time-line .ax-time-line-item-container:before{width:1px;height:100%;top:0;inset-inline-start:.875rem}\\n\"] }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1saW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGltZS1saW5lL3NyYy9saWIvdGltZS1saW5lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGltZS1saW5lL3NyYy9saWIvdGltZS1saW5lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVk3RyxNQUFNLE9BQU8sbUJBQW1CO0lBUmhDO1FBU0UsU0FBSSxHQUFHLEtBQUssQ0FBaUIsUUFBUSxnREFBQyxDQUFDO1FBQ3ZDLG1CQUFjLEdBQUcsTUFBTSxDQUFTLGtDQUFrQywwREFBQyxDQUFDO1FBQ3BFLGdCQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUN4QixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO2dCQUNwQixLQUFLLFFBQVE7b0JBQ1gsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsa0NBQWtDLENBQUMsQ0FBQztvQkFDNUQsTUFBTTtnQkFDUixLQUFLLE1BQU07b0JBQ1QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsZ0NBQWdDLENBQUMsQ0FBQztvQkFDMUQsTUFBTTtnQkFFUjtvQkFDRSxNQUFNO1lBQ1YsQ0FBQztRQUNILENBQUMsdURBQUMsQ0FBQztLQUNKO0lBYkMsV0FBVyxDQVlSOzhHQWZRLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDRMQUZuQixDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQywwQkNYekUsaUhBR0E7OzJGRFVhLG1CQUFtQjtrQkFSL0IsU0FBUzsrQkFDRSxjQUFjLGlCQUdULGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxxQkFBcUIsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgZWZmZWN0LCBpbnB1dCwgc2lnbmFsLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBBWFRpbWVMaW5lTW9kZSA9ICdpY29uJyB8ICdidWxsZXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10aW1lLWxpbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGltZS1saW5lLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RpbWUtbGluZS5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUaW1lTGluZUNvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhUaW1lTGluZUNvbXBvbmVudCB7XG4gIG1vZGUgPSBpbnB1dDxBWFRpbWVMaW5lTW9kZT4oJ2J1bGxldCcpO1xuICBjb250YWluZXJTdHlsZSA9IHNpZ25hbDxzdHJpbmc+KCdnYXA6IDFyZW07cGFkZGluZy1ibG9jazogMC41cmVtOycpO1xuICAjbW9kZUNoYW5nZSA9IGVmZmVjdCgoKSA9PiB7XG4gICAgc3dpdGNoICh0aGlzLm1vZGUoKSkge1xuICAgICAgY2FzZSAnYnVsbGV0JzpcbiAgICAgICAgdGhpcy5jb250YWluZXJTdHlsZS5zZXQoJ2dhcDogMXJlbTtwYWRkaW5nLWJsb2NrOiAwLjVyZW07Jyk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnaWNvbic6XG4gICAgICAgIHRoaXMuY29udGFpbmVyU3R5bGUuc2V0KCdnYXA6IDJyZW07cGFkZGluZy1ibG9jazogMXJlbTsnKTtcbiAgICAgICAgYnJlYWs7XG5cbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfSk7XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXgtdGltZS1saW5lLWl0ZW0tY29udGFpbmVyXCIgW3N0eWxlXT1cImNvbnRhaW5lclN0eWxlKClcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=","import { AXComponent } from '@acorex/cdk/common';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, HostBinding, inject, input, model, signal, ViewEncapsulation, } from '@angular/core';\nimport { AXTimeLineComponent } from './time-line.component';\nimport * as i0 from \"@angular/core\";\nexport class AXTimeLineItemComponent {\n constructor() {\n this.parent = inject(AXTimeLineComponent);\n this.text = input('', ...(ngDevMode ? [{ debugName: \"text\" }] : []));\n this.isActive = input(false, ...(ngDevMode ? [{ debugName: \"isActive\" }] : []));\n this.isCollapsed = model(false, ...(ngDevMode ? [{ debugName: \"isCollapsed\" }] : []));\n this.mode = signal('bullet', ...(ngDevMode ? [{ debugName: \"mode\" }] : []));\n effect(() => {\n this.mode.set(this.parent.mode());\n });\n }\n /*\n Handles the click event on the time line item header to toggle collapsed state.\n /\n handleClick() {\n this.isCollapsed.set(!this.isCollapsed());\n }\n get __hostClass() {\n return [`ax-mode-${this.mode()}`, `${this.isActive() ? 'ax-state-active' : ''}`];\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTimeLineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.3\", type: AXTimeLineItemComponent, isStandalone: true, selector: \"ax-time-line-item\", inputs: { text: { classPropertyName: \"text\", publicName: \"text\", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: \"isActive\", publicName: \"isActive\", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: \"isCollapsed\", publicName: \"isCollapsed\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: \"isCollapsedChange\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [{ provide: AXComponent, useExisting: AXTimeLineItemComponent }], ngImport: i0, template: \"<div class=\\\"ax-time-line-header\\\" (click)=\\\"handleClick()\\\">\\n @switch (mode()) {\\n @case ('bullet') {\\n <span class=\\\"ax-time-line-bullet\\\"></span>\\n }\\n @case ('icon') {\\n <span class=\\\"ax-time-line-icon\\\">\\n <ng-content select=\\\"ax-icon\\\"></ng-content>\\n </span>\\n }\\n }\\n <span class=\\\"ax-time-line-text\\\">{{ text() }}</span>\\n <span\\n class=\\\"ax-icon ax-icon-chevron-left ax-collapse-arrow\\\"\\n [ngClass]=\\\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\\\"\\n ></span>\\n</div>\\n\\n@if (!isCollapsed()) {\\n <div animate.enter=\\\"ax-fade-slide-in\\\" animate.leave=\\\"ax-fade-slide-out\\\" class=\\\"ax-time-line-content\\\">\\n <ng-content></ng-content>\\n </div>\\n}\\n\", styles: [\"ax-time-line{--ax-comp-time-line-deactivate-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-time-line-bullet-active-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-time-line-active-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-time-line-active-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-time-line-icon-bg-color: var(--ax-sys-color-surface);--ax-comp-time-line-icon-text-color: var(--ax-sys-color-on-surface)}.ax-dark ax-time-line{--ax-comp-time-line-deactivate-bg-color: var(--ax-sys-color-lightest-surface)}ax-time-line-item{position:relative;display:flex;flex-direction:column;gap:.75rem}ax-time-line-item.ax-mode-icon{padding-inline-start:3rem}ax-time-line-item.ax-mode-bullet{padding-inline-start:1.75rem}ax-time-line-item.ax-state-active .ax-time-line-bullet{background-color:rgba(var(--ax-comp-time-line-bullet-active-bg-color))!important}ax-time-line-item.ax-state-active .ax-time-line-icon{background-color:rgba(var(--ax-comp-time-line-active-bg-color))!important;color:rgba(var(--ax-comp-time-line-active-text-color))!important}ax-time-line-item .ax-time-line-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}ax-time-line-item .ax-time-line-header .ax-time-line-bullet,ax-time-line-item .ax-time-line-header .ax-time-line-icon{position:absolute;border-radius:999rem}ax-time-line-item .ax-time-line-header .ax-time-line-bullet{width:.75rem;height:.75rem;inset-inline-start:.5rem;background-color:rgba(var(--ax-comp-time-line-deactivate-bg-color))}ax-time-line-item .ax-time-line-header .ax-time-line-icon{width:2.5rem;height:2.5rem;inset-inline-start:-.25rem;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-time-line-icon-bg-color));color:rgba(var(--ax-comp-time-line-icon-text-color))}ax-time-line-item .ax-time-line-header .ax-time-line-text{flex:1}ax-time-line-item .ax-time-line-header .ax-collapse-arrow{transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);display:block}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:1500px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:1500px}to{opacity:0;max-height:0}}ax-time-line-item .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-time-line-item .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}\\n\"], dependencies: [{ kind: \"directive\", type: NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTimeLineItemComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-time-line-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], providers: [{ provide: AXComponent, useExisting: AXTimeLineItemComponent }], template: \"<div class=\\\"ax-time-line-header\\\" (click)=\\\"handleClick()\\\">\\n @switch (mode()) {\\n @case ('bullet') {\\n <span class=\\\"ax-time-line-bullet\\\"></span>\\n }\\n @case ('icon') {\\n <span class=\\\"ax-time-line-icon\\\">\\n <ng-content select=\\\"ax-icon\\\"></ng-content>\\n </span>\\n }\\n }\\n <span class=\\\"ax-time-line-text\\\">{{ text() }}</span>\\n <span\\n class=\\\"ax-icon ax-icon-chevron-left ax-collapse-arrow\\\"\\n [ngClass]=\\\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\\\"\\n ></span>\\n</div>\\n\\n@if (!isCollapsed()) {\\n <div animate.enter=\\\"ax-fade-slide-in\\\" animate.leave=\\\"ax-fade-slide-out\\\" class=\\\"ax-time-line-content\\\">\\n <ng-content></ng-content>\\n </div>\\n}\\n\", styles: [\"ax-time-line{--ax-comp-time-line-deactivate-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-time-line-bullet-active-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-time-line-active-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-time-line-active-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-time-line-icon-bg-color: var(--ax-sys-color-surface);--ax-comp-time-line-icon-text-color: var(--ax-sys-color-on-surface)}.ax-dark ax-time-line{--ax-comp-time-line-deactivate-bg-color: var(--ax-sys-color-lightest-surface)}ax-time-line-item{position:relative;display:flex;flex-direction:column;gap:.75rem}ax-time-line-item.ax-mode-icon{padding-inline-start:3rem}ax-time-line-item.ax-mode-bullet{padding-inline-start:1.75rem}ax-time-line-item.ax-state-active .ax-time-line-bullet{background-color:rgba(var(--ax-comp-time-line-bullet-active-bg-color))!important}ax-time-line-item.ax-state-active .ax-time-line-icon{background-color:rgba(var(--ax-comp-time-line-active-bg-color))!important;color:rgba(var(--ax-comp-time-line-active-text-color))!important}ax-time-line-item .ax-time-line-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}ax-time-line-item .ax-time-line-header .ax-time-line-bullet,ax-time-line-item .ax-time-line-header .ax-time-line-icon{position:absolute;border-radius:999rem}ax-time-line-item .ax-time-line-header .ax-time-line-bullet{width:.75rem;height:.75rem;inset-inline-start:.5rem;background-color:rgba(var(--ax-comp-time-line-deactivate-bg-color))}ax-time-line-item .ax-time-line-header .ax-time-line-icon{width:2.5rem;height:2.5rem;inset-inline-start:-.25rem;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--ax-comp-time-line-icon-bg-color));color:rgba(var(--ax-comp-time-line-icon-text-color))}ax-time-line-item .ax-time-line-header .ax-time-line-text{flex:1}ax-time-line-item .ax-time-line-header .ax-collapse-arrow{transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);display:block}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:1500px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:1500px}to{opacity:0;max-height:0}}ax-time-line-item .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-time-line-item .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1saW5lLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy90aW1lLWxpbmUvc3JjL2xpYi90aW1lLWxpbmUtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL3RpbWUtbGluZS9zcmMvbGliL3RpbWUtbGluZS1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsTUFBTSxFQUNOLFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxFQUNMLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBa0IsTUFBTSx1QkFBdUIsQ0FBQzs7QUFXNUUsTUFBTSxPQUFPLHVCQUF1QjtJQVVsQztRQVRBLFdBQU0sR0FBRyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUVyQyxTQUFJLEdBQUcsS0FBSyxDQUFDLEVBQUUsZ0RBQUMsQ0FBQztRQUVqQixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssb0RBQUMsQ0FBQztRQUN4QixnQkFBVyxHQUFHLEtBQUssQ0FBQyxLQUFLLHVEQUFDLENBQUM7UUFFM0IsU0FBSSxHQUFHLE1BQU0sQ0FBaUIsUUFBUSxnREFBQyxDQUFDO1FBR3RDLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7UUFDcEMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsSUFDSSxXQUFXO1FBQ2IsT0FBTyxDQUFDLFdBQVcsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ25GLENBQUM7OEdBMUJVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLGtqQkFGdkIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLENBQUMsMEJDdEI3RSx1dEJBdUJBLHd4RkRGWSxPQUFPOzsyRkFHTix1QkFBdUI7a0JBVG5DLFNBQVM7K0JBQ0UsbUJBQW1CLGlCQUdkLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxPQUFPLENBQUMsYUFDUCxDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLHlCQUF5QixFQUFFLENBQUM7d0RBMEJ2RSxXQUFXO3NCQURkLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jZGsvY29tbW9uJztcbmltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgZWZmZWN0LFxuICBIb3N0QmluZGluZyxcbiAgaW5qZWN0LFxuICBpbnB1dCxcbiAgbW9kZWwsXG4gIHNpZ25hbCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhUaW1lTGluZUNvbXBvbmVudCwgQVhUaW1lTGluZU1vZGUgfSBmcm9tICcuL3RpbWUtbGluZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC10aW1lLWxpbmUtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi90aW1lLWxpbmUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90aW1lLWxpbmUtaXRlbS5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbTmdDbGFzc10sXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFRpbWVMaW5lSXRlbUNvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhUaW1lTGluZUl0ZW1Db21wb25lbnQge1xuICBwYXJlbnQgPSBpbmplY3QoQVhUaW1lTGluZUNvbXBvbmVudCk7XG5cbiAgdGV4dCA9IGlucHV0KCcnKTtcblxuICBpc0FjdGl2ZSA9IGlucHV0KGZhbHNlKTtcbiAgaXNDb2xsYXBzZWQgPSBtb2RlbChmYWxzZSk7XG5cbiAgbW9kZSA9IHNpZ25hbDxBWFRpbWVMaW5lTW9kZT4oJ2J1bGxldCcpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLm1vZGUuc2V0KHRoaXMucGFyZW50Lm1vZGUoKSk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlcyB0aGUgY2xpY2sgZXZlbnQgb24gdGhlIHRpbWUgbGluZSBpdGVtIGhlYWRlciB0byB0b2dnbGUgY29sbGFwc2VkIHN0YXRlLlxuICAgKi9cbiAgaGFuZGxlQ2xpY2soKSB7XG4gICAgdGhpcy5pc0NvbGxhcHNlZC5zZXQoIXRoaXMuaXNDb2xsYXBzZWQoKSk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICByZXR1cm4gW2BheC1tb2RlLSR7dGhpcy5tb2RlKCl9YCwgYCR7dGhpcy5pc0FjdGl2ZSgpID8gJ2F4LXN0YXRlLWFjdGl2ZScgOiAnJ31gXTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF4LXRpbWUtbGluZS1oZWFkZXJcIiAoY2xpY2spPVwiaGFuZGxlQ2xpY2soKVwiPlxuICBAc3dpdGNoIChtb2RlKCkpIHtcbiAgICBAY2FzZSAoJ2J1bGxldCcpIHtcbiAgICAgIDxzcGFuIGNsYXNzPVwiYXgtdGltZS1saW5lLWJ1bGxldFwiPjwvc3Bhbj5cbiAgICB9XG4gICAgQGNhc2UgKCdpY29uJykge1xuICAgICAgPHNwYW4gY2xhc3M9XCJheC10aW1lLWxpbmUtaWNvblwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1pY29uXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9zcGFuPlxuICAgIH1cbiAgfVxuICA8c3BhbiBjbGFzcz1cImF4LXRpbWUtbGluZS10ZXh0XCI+e3sgdGV4dCgpIH19PC9zcGFuPlxuICA8c3BhblxuICAgIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWNoZXZyb24tbGVmdCBheC1jb2xsYXBzZS1hcnJvd1wiXG4gICAgW25nQ2xhc3NdPVwieyAnLXJvdGF0aW9uLTkwJzogaXNDb2xsYXBzZWQoKSwgJ3JvdGF0aW9uLTkwJzogIWlzQ29sbGFwc2VkKCkgfVwiXG4gID48L3NwYW4+XG48L2Rpdj5cblxuQGlmICghaXNDb2xsYXBzZWQoKSkge1xuICA8ZGl2IGFuaW1hdGUuZW50ZXI9XCJheC1mYWRlLXNsaWRlLWluXCIgYW5pbWF0ZS5sZWF2ZT1cImF4LWZhZGUtc2xpZGUtb3V0XCIgY2xhc3M9XCJheC10aW1lLWxpbmUtY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG59XG4iXX0=","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTimeLineItemComponent } from './time-line-item.component';\nimport { AXTimeLineComponent } from './time-line.component';\nimport as i0 from \"@angular/core\";\nexport class AXTimeLineModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTimeLineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTimeLineModule, imports: [CommonModule, AXTimeLineComponent, AXTimeLineItemComponent], exports: [AXTimeLineComponent, AXTimeLineItemComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTimeLineModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXTimeLineModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [CommonModule, AXTimeLineComponent, AXTimeLineItemComponent],\n exports: [AXTimeLineComponent, AXTimeLineItemComponent],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1saW5lLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvdGltZS1saW5lL3NyYy9saWIvdGltZS1saW5lLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFNNUQsTUFBTSxPQUFPLGdCQUFnQjs4R0FBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsWUFIakIsWUFBWSxFQUFFLG1CQUFtQixFQUFFLHVCQUF1QixhQUMxRCxtQkFBbUIsRUFBRSx1QkFBdUI7K0dBRTNDLGdCQUFnQixZQUhqQixZQUFZOzsyRkFHWCxnQkFBZ0I7a0JBSjVCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLG1CQUFtQixFQUFFLHVCQUF1QixDQUFDO29CQUNyRSxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSx1QkFBdUIsQ0FBQztpQkFDeEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYVGltZUxpbmVJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi90aW1lLWxpbmUtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhUaW1lTGluZUNvbXBvbmVudCB9IGZyb20gJy4vdGltZS1saW5lLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYVGltZUxpbmVDb21wb25lbnQsIEFYVGltZUxpbmVJdGVtQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0FYVGltZUxpbmVDb21wb25lbnQsIEFYVGltZUxpbmVJdGVtQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhUaW1lTGluZU1vZHVsZSB7fVxuIl19","/*\n Generated bundle index. Do not edit.\n /\nexport from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtdGltZS1saW5lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy90aW1lLWxpbmUvc3JjL2Fjb3JleC1jb21wb25lbnRzLXRpbWUtbGluZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-toast.mjs CHANGED Viewed

@@ -424,10 +424,10 @@ class AXToastService {
         }
         return element.offsetTop + element.offsetHeight;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToastService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXToastService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXToastService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -539,30 +539,30 @@ class AXToastComponent extends MXBaseComponent {
     closeAll() {
         this.toastService.hideAll();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToastComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXToastComponent, isStandalone: true, selector: "ax-toast", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, onClose: { classPropertyName: "onClose", publicName: "onClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClass()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXToastComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXToastComponent, isStandalone: true, selector: "ax-toast", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, onClose: { classPropertyName: "onClose", publicName: "onClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClass()" } }, providers: [
             { provide: AXClosableComponent, useExisting: AXToastComponent },
             { provide: AXComponent, 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\">\n    {{ config().title | translate | async }}\n  </div>\n  <div class=\"ax-toast-body\">{{ config().content | translate | async }}</div>\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n} @else if (config().closeAllButton) {\n  <ax-close-button [closeAll]=\"true\"></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut) {\n  <div\n    class=\"ax-toast-progress\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer components{ax-toast{border-radius:var(--radius-lg,.5rem);background-color:var(--ax-comp-bg,var(--color-lighter));width:98vw;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--ax-comp-text,var(--color-on-lighter));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;position:relative;overflow:hidden}@media(min-width:48rem){ax-toast{width:24rem}}ax-toast:where(.ax-dark,.ax-dark *){background-color:var(--ax-comp-bg,var(--color-darker));color:var(--ax-comp-text,var(--color-on-darker))}ax-toast.ax-outline,ax-toast.ax-twotone{border-style:var(--tw-border-style);border-width:1px;border-color:var(--ax-comp-border,var(--color-border-lighter))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{max-width:fit-content;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));align-items:flex-start}ax-toast .ax-toast-icon{margin-inline-end:calc(var(--spacing,.25rem) * 2)}ax-toast .ax-toast-content{flex-direction:column;flex:1;display:flex}ax-toast .ax-toast-content .ax-toast-title{--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-toast .ax-toast-content .ax-toast-buttons{margin-block:calc(var(--spacing,.25rem) * 3);gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-toast .ax-toast-content .ax-toast-body{white-space:pre-line}ax-toast ax-icon-close{height:fit-content}@media(hover:hover){ax-toast ax-icon-close:hover{opacity:.75}}ax-toast .ax-toast-progress{inset-inline:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 1);background-color:var(--ax-comp-bg-darker,var(--color-darkest));width:100%;transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:absolute}ax-toast .ax-toast-progress:where(.ax-dark,.ax-dark *){background-color:var(--ax-comp-bg-darker,var(--color-lightest))}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], 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\">\n    {{ config().title | translate | async }}\n  </div>\n  <div class=\"ax-toast-body\">{{ config().content | translate | async }}</div>\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n} @else if (config().closeAllButton) {\n  <ax-close-button [closeAll]=\"true\"></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut) {\n  <div\n    class=\"ax-toast-progress\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\n", styles: ["ax-toast.ax-solid.ax-primary{--ax-comp-toast-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-primary-darker-surface)}ax-toast.ax-solid.ax-secondary{--ax-comp-toast-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-secondary-darker-surface)}ax-toast.ax-solid.ax-success{--ax-comp-toast-bg-color: var(--ax-sys-color-success-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-success-darker-surface)}ax-toast.ax-solid.ax-warning{--ax-comp-toast-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-warning-darker-surface)}ax-toast.ax-solid.ax-danger{--ax-comp-toast-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-danger-darker-surface)}ax-toast.ax-solid.ax-accent1{--ax-comp-toast-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent1-darker-surface)}ax-toast.ax-solid.ax-accent2{--ax-comp-toast-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent2-darker-surface)}ax-toast.ax-solid.ax-accent3{--ax-comp-toast-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent3-darker-surface)}ax-toast.ax-solid.ax-accent4{--ax-comp-toast-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent4-darker-surface)}ax-toast.ax-solid.ax-accent5{--ax-comp-toast-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent5-darker-surface)}ax-toast.ax-solid.ax-accent6{--ax-comp-toast-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent6-darker-surface)}ax-toast.ax-solid.ax-accent7{--ax-comp-toast-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent7-darker-surface)}ax-toast.ax-solid.ax-default{--ax-comp-toast-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-darkest-surface)}.ax-dark ax-toast.ax-solid.ax-default{--ax-comp-toast-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-lightest-surface)}ax-toast.ax-outline{--ax-comp-toast-border-width: 1px;--ax-comp-toast-background-color: transparent}ax-toast.ax-outline.ax-primary{--ax-comp-toast-text-color: var(--ax-sys-color-primary-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-primary-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-primary-darker-surface)}ax-toast.ax-outline.ax-secondary{--ax-comp-toast-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-secondary-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-secondary-darker-surface)}ax-toast.ax-outline.ax-success{--ax-comp-toast-text-color: var(--ax-sys-color-success-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-success-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-success-darker-surface)}ax-toast.ax-outline.ax-warning{--ax-comp-toast-text-color: var(--ax-sys-color-warning-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-warning-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-warning-darker-surface)}ax-toast.ax-outline.ax-danger{--ax-comp-toast-text-color: var(--ax-sys-color-danger-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-danger-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-danger-darker-surface)}ax-toast.ax-outline.ax-accent1{--ax-comp-toast-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent1-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent1-darker-surface)}ax-toast.ax-outline.ax-accent2{--ax-comp-toast-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent2-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent2-darker-surface)}ax-toast.ax-outline.ax-accent3{--ax-comp-toast-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent3-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent3-darker-surface)}ax-toast.ax-outline.ax-accent4{--ax-comp-toast-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent4-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent4-darker-surface)}ax-toast.ax-outline.ax-accent5{--ax-comp-toast-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent5-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent5-darker-surface)}ax-toast.ax-outline.ax-accent6{--ax-comp-toast-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent6-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent6-darker-surface)}ax-toast.ax-outline.ax-accent7{--ax-comp-toast-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent7-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent7-darker-surface)}ax-toast.ax-outline.ax-default{--ax-comp-toast-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-darkest-surface)}.ax-dark ax-toast.ax-outline.ax-default{--ax-comp-toast-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-lightest-surface)}ax-toast.ax-twotone{--ax-comp-toast-border-width: 1px}ax-toast.ax-twotone.ax-primary{--ax-comp-toast-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-primary-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-primary-surface)}ax-toast.ax-twotone.ax-secondary{--ax-comp-toast-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-secondary-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-secondary-surface)}ax-toast.ax-twotone.ax-success{--ax-comp-toast-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-success-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-success-surface)}ax-toast.ax-twotone.ax-warning{--ax-comp-toast-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-warning-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-warning-surface)}ax-toast.ax-twotone.ax-danger{--ax-comp-toast-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-danger-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-danger-surface)}ax-toast.ax-twotone.ax-accent1{--ax-comp-toast-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent1-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent1-surface)}ax-toast.ax-twotone.ax-accent2{--ax-comp-toast-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent2-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent2-surface)}ax-toast.ax-twotone.ax-accent3{--ax-comp-toast-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent3-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent3-surface)}ax-toast.ax-twotone.ax-accent4{--ax-comp-toast-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent4-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent4-surface)}ax-toast.ax-twotone.ax-accent5{--ax-comp-toast-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent5-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent5-surface)}ax-toast.ax-twotone.ax-accent6{--ax-comp-toast-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent6-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent6-surface)}ax-toast.ax-twotone.ax-accent7{--ax-comp-toast-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent7-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent7-surface)}ax-toast.ax-twotone.ax-default{--ax-comp-toast-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-lighter-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-darkest-surface)}.ax-dark ax-toast.ax-twotone.ax-default{--ax-comp-toast-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-darker-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-lightest-surface)}ax-toast{position:relative;display:flex;width:98vw;overflow:hidden;padding:.75rem 1rem;--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);color:rgba(var(--ax-comp-toast-text-color));background-color:var(--ax-comp-toast-background-color, rgba(var(--ax-comp-toast-bg-color)));font-size:var(--ax-comp-toast-font-size, .875rem);line-height:var(--ax-comp-toast-line-height, 1.25rem);border-width:var(--ax-comp-toast-border-width, 0px);border-style:solid;border-color:rgba(var(--ax-comp-toast-border-color, var(--ax-comp-toast-bg-color)));border-radius:var(--ax-comp-toast-border-radius, var(--ax-sys-border-radius))}@media (min-width: 768px){ax-toast{width:24rem}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem;max-width:fit-content;align-items:start}ax-toast .ax-toast-icon{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-body{white-space:pre-line}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.75rem;margin-bottom:.75rem;display:flex;gap:.5rem}ax-toast ax-icon-close{height:fit-content}ax-toast ax-icon-close:hover{opacity:.75}ax-toast .ax-toast-progress{width:100%;bottom:0;height:.25rem;position:absolute;inset-inline-end:0px;inset-inline-start:0px;transition-property:width;transition-timing-function:linear;transition-duration:var(--ax-sys-transition-duration);background-color:rgba(var(--ax-comp-toast-progress-bg-color, 255, 255, 255, .46))}\n"], dependencies: [{ kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'hostClass()',
                     }, providers: [
                         { provide: AXClosableComponent, useExisting: AXToastComponent },
                         { provide: AXComponent, useExisting: AXToastComponent },
-                    ], imports: [AXDecoratorCloseButtonComponent, AsyncPipe, AXTranslatorPipe], 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\">\n    {{ config().title | translate | async }}\n  </div>\n  <div class=\"ax-toast-body\">{{ config().content | translate | async }}</div>\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n} @else if (config().closeAllButton) {\n  <ax-close-button [closeAll]=\"true\"></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut) {\n  <div\n    class=\"ax-toast-progress\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer components{ax-toast{border-radius:var(--radius-lg,.5rem);background-color:var(--ax-comp-bg,var(--color-lighter));width:98vw;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--ax-comp-text,var(--color-on-lighter));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;position:relative;overflow:hidden}@media(min-width:48rem){ax-toast{width:24rem}}ax-toast:where(.ax-dark,.ax-dark *){background-color:var(--ax-comp-bg,var(--color-darker));color:var(--ax-comp-text,var(--color-on-darker))}ax-toast.ax-outline,ax-toast.ax-twotone{border-style:var(--tw-border-style);border-width:1px;border-color:var(--ax-comp-border,var(--color-border-lighter))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{max-width:fit-content;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));align-items:flex-start}ax-toast .ax-toast-icon{margin-inline-end:calc(var(--spacing,.25rem) * 2)}ax-toast .ax-toast-content{flex-direction:column;flex:1;display:flex}ax-toast .ax-toast-content .ax-toast-title{--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-toast .ax-toast-content .ax-toast-buttons{margin-block:calc(var(--spacing,.25rem) * 3);gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-toast .ax-toast-content .ax-toast-body{white-space:pre-line}ax-toast ax-icon-close{height:fit-content}@media(hover:hover){ax-toast ax-icon-close:hover{opacity:.75}}ax-toast .ax-toast-progress{inset-inline:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 1);background-color:var(--ax-comp-bg-darker,var(--color-darkest));width:100%;transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:absolute}ax-toast .ax-toast-progress:where(.ax-dark,.ax-dark *){background-color:var(--ax-comp-bg-darker,var(--color-lightest))}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], onClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "onClose", required: false }] }] } });
+                    ], imports: [AXDecoratorCloseButtonComponent, AsyncPipe, AXTranslatorPipe], 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\">\n    {{ config().title | translate | async }}\n  </div>\n  <div class=\"ax-toast-body\">{{ config().content | translate | async }}</div>\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n} @else if (config().closeAllButton) {\n  <ax-close-button [closeAll]=\"true\"></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut) {\n  <div\n    class=\"ax-toast-progress\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\n", styles: ["ax-toast.ax-solid.ax-primary{--ax-comp-toast-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-primary-darker-surface)}ax-toast.ax-solid.ax-secondary{--ax-comp-toast-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-secondary-darker-surface)}ax-toast.ax-solid.ax-success{--ax-comp-toast-bg-color: var(--ax-sys-color-success-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-success-darker-surface)}ax-toast.ax-solid.ax-warning{--ax-comp-toast-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-warning-darker-surface)}ax-toast.ax-solid.ax-danger{--ax-comp-toast-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-danger-darker-surface)}ax-toast.ax-solid.ax-accent1{--ax-comp-toast-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent1-darker-surface)}ax-toast.ax-solid.ax-accent2{--ax-comp-toast-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent2-darker-surface)}ax-toast.ax-solid.ax-accent3{--ax-comp-toast-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent3-darker-surface)}ax-toast.ax-solid.ax-accent4{--ax-comp-toast-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent4-darker-surface)}ax-toast.ax-solid.ax-accent5{--ax-comp-toast-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent5-darker-surface)}ax-toast.ax-solid.ax-accent6{--ax-comp-toast-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent6-darker-surface)}ax-toast.ax-solid.ax-accent7{--ax-comp-toast-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent7-darker-surface)}ax-toast.ax-solid.ax-default{--ax-comp-toast-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-darkest-surface)}.ax-dark ax-toast.ax-solid.ax-default{--ax-comp-toast-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-lightest-surface)}ax-toast.ax-outline{--ax-comp-toast-border-width: 1px;--ax-comp-toast-background-color: transparent}ax-toast.ax-outline.ax-primary{--ax-comp-toast-text-color: var(--ax-sys-color-primary-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-primary-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-primary-darker-surface)}ax-toast.ax-outline.ax-secondary{--ax-comp-toast-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-secondary-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-secondary-darker-surface)}ax-toast.ax-outline.ax-success{--ax-comp-toast-text-color: var(--ax-sys-color-success-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-success-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-success-darker-surface)}ax-toast.ax-outline.ax-warning{--ax-comp-toast-text-color: var(--ax-sys-color-warning-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-warning-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-warning-darker-surface)}ax-toast.ax-outline.ax-danger{--ax-comp-toast-text-color: var(--ax-sys-color-danger-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-danger-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-danger-darker-surface)}ax-toast.ax-outline.ax-accent1{--ax-comp-toast-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent1-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent1-darker-surface)}ax-toast.ax-outline.ax-accent2{--ax-comp-toast-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent2-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent2-darker-surface)}ax-toast.ax-outline.ax-accent3{--ax-comp-toast-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent3-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent3-darker-surface)}ax-toast.ax-outline.ax-accent4{--ax-comp-toast-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent4-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent4-darker-surface)}ax-toast.ax-outline.ax-accent5{--ax-comp-toast-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent5-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent5-darker-surface)}ax-toast.ax-outline.ax-accent6{--ax-comp-toast-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent6-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent6-darker-surface)}ax-toast.ax-outline.ax-accent7{--ax-comp-toast-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent7-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-border-accent7-darker-surface)}ax-toast.ax-outline.ax-default{--ax-comp-toast-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-darkest-surface)}.ax-dark ax-toast.ax-outline.ax-default{--ax-comp-toast-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-lightest-surface)}ax-toast.ax-twotone{--ax-comp-toast-border-width: 1px}ax-toast.ax-twotone.ax-primary{--ax-comp-toast-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-primary-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-primary-surface)}ax-toast.ax-twotone.ax-secondary{--ax-comp-toast-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-secondary-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-secondary-surface)}ax-toast.ax-twotone.ax-success{--ax-comp-toast-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-success-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-success-surface)}ax-toast.ax-twotone.ax-warning{--ax-comp-toast-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-warning-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-warning-surface)}ax-toast.ax-twotone.ax-danger{--ax-comp-toast-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-danger-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-danger-surface)}ax-toast.ax-twotone.ax-accent1{--ax-comp-toast-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent1-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent1-surface)}ax-toast.ax-twotone.ax-accent2{--ax-comp-toast-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent2-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent2-surface)}ax-toast.ax-twotone.ax-accent3{--ax-comp-toast-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent3-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent3-surface)}ax-toast.ax-twotone.ax-accent4{--ax-comp-toast-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent4-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent4-surface)}ax-toast.ax-twotone.ax-accent5{--ax-comp-toast-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent5-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent5-surface)}ax-toast.ax-twotone.ax-accent6{--ax-comp-toast-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent6-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent6-surface)}ax-toast.ax-twotone.ax-accent7{--ax-comp-toast-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-accent7-lightest-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-accent7-surface)}ax-toast.ax-twotone.ax-default{--ax-comp-toast-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-lighter-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-darkest-surface)}.ax-dark ax-toast.ax-twotone.ax-default{--ax-comp-toast-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-toast-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-toast-border-color: var(--ax-sys-color-border-darker-surface);--ax-comp-toast-progress-bg-color: var(--ax-sys-color-lightest-surface)}ax-toast{position:relative;display:flex;width:98vw;overflow:hidden;padding:.75rem 1rem;--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);color:rgba(var(--ax-comp-toast-text-color));background-color:var(--ax-comp-toast-background-color, rgba(var(--ax-comp-toast-bg-color)));font-size:var(--ax-comp-toast-font-size, .875rem);line-height:var(--ax-comp-toast-line-height, 1.25rem);border-width:var(--ax-comp-toast-border-width, 0px);border-style:solid;border-color:rgba(var(--ax-comp-toast-border-color, var(--ax-comp-toast-bg-color)));border-radius:var(--ax-comp-toast-border-radius, var(--ax-sys-border-radius))}@media (min-width: 768px){ax-toast{width:24rem}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem;max-width:fit-content;align-items:start}ax-toast .ax-toast-icon{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-body{white-space:pre-line}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.75rem;margin-bottom:.75rem;display:flex;gap:.5rem}ax-toast ax-icon-close{height:fit-content}ax-toast ax-icon-close:hover{opacity:.75}ax-toast .ax-toast-progress{width:100%;bottom:0;height:.25rem;position:absolute;inset-inline-end:0px;inset-inline-start:0px;transition-property:width;transition-timing-function:linear;transition-duration:var(--ax-sys-transition-duration);background-color:rgba(var(--ax-comp-toast-progress-bg-color, 255, 255, 255, .46))}\n"] }]
+        }] });
 const COMPONENT = [AXToastComponent];
 const MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, AXTranslationModule];
 class AXToastModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AXToastModule, imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, AXTranslationModule, AXToastComponent], exports: [AXToastComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToastModule, providers: [AXToastService], imports: [MODULES, COMPONENT] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AXToastModule, imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, AXTranslationModule, AXToastComponent], exports: [AXToastComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXToastModule, providers: [AXToastService], imports: [MODULES, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToastModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXToastModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],