@acorex/components 20.9.2 → 20.9.3

package/fesm2022/acorex-components-toast.mjs

@@ -543,7 +543,7 @@ class AXToastComponent extends MXBaseComponent {
     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: ["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 }); }
+        ], 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: "20.3.3", ngImport: i0, type: AXToastComponent, decorators: [{
             type: Component,
@@ -552,7 +552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                     }, 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: ["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"] }]
+                    ], 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];