@acorex/components 19.5.0-next.1 → 19.5.0-next.2

package/fesm2022/acorex-components-switch.mjs

@@ -53,7 +53,7 @@ class AXSwitchComponent extends classes((MXValueComponent), MXColorComponent) {
                 useExisting: forwardRef(() => AXSwitchComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>", styles: [".ax-dark ax-switch button{background-color:rgba(var(--ax-color-white),.3)!important}ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:10px!important;min-width:10px!important}ax-switch.ax-sm .ax-switch-handle{height:.75rem;width:.75rem}ax-switch.ax-lg button{min-width:2.5rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{height:1.25rem;width:1.25rem}ax-switch button{position:relative;display:inline-block;height:1.25rem;min-width:2.25rem;cursor:pointer;border-radius:9999px;vertical-align:middle;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-black),.3)!important}ax-switch button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-color-primary-500))}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{transition:width .3s;position:absolute;inset-inline-start:.125rem;top:.125rem;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;background-color:rgba(var(--ax-color-white));font-size:80%;color:rgba(var(--ax-color-black),.5);--ax-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--ax-shadow-colored: 0 1px 2px 0 var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle .ax-loader{animation:rotation .5s linear infinite;box-sizing:border-box;display:inline-block;min-height:12px;min-width:12px;transform:translateY(-50%);border-radius:9999px;border-width:2px;border-style:solid;border-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ax-switch button .ax-switch-handle:before{content:\"\";position:absolute;border-radius:9999px;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-switch button .ax-switch-inner{transition:margin .2s;margin-inline-end:.375rem;margin-inline-start:1.5rem;display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}ax-switch.ax-primary-solid button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent}ax-switch.ax-primary-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-primary-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-secondary-solid button:focus-visible{outline-color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-secondary-500));border-bottom-color:transparent}ax-switch.ax-secondary-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-secondary-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-success-solid button:focus-visible{outline-color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-success-500));border-bottom-color:transparent}ax-switch.ax-success-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-success-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-warning-solid button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-warning-500));border-bottom-color:transparent}ax-switch.ax-warning-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-warning-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-danger-solid button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-danger-500));border-bottom-color:transparent}ax-switch.ax-danger-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-danger-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-info-solid button:focus-visible{outline-color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-info-500))!important}ax-switch.ax-info-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-info-fore))}ax-switch.ax-info-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-info-500));border-bottom-color:transparent}ax-switch.ax-info-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-info-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>", styles: [".ax-dark ax-switch button{background-color:rgba(var(--ax-color-white),.3)!important}ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:10px!important;min-width:10px!important}ax-switch.ax-sm .ax-switch-handle{height:.75rem;width:.75rem}ax-switch.ax-lg button{min-width:2.5rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{height:1.25rem;width:1.25rem}ax-switch button{position:relative;display:inline-block;height:1.25rem;min-width:2.25rem;cursor:pointer;border-radius:9999px;vertical-align:middle;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-black),.3)!important}ax-switch button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-color-primary-500))}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{transition:width .3s;position:absolute;inset-inline-start:.125rem;top:.125rem;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;background-color:rgba(var(--ax-color-white));font-size:80%;color:rgba(var(--ax-color-black),.5);--ax-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--ax-shadow-colored: 0 1px 2px 0 var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle .ax-loader{animation:rotation .5s linear infinite;box-sizing:border-box;display:inline-block;min-height:12px;min-width:12px;transform:translateY(-50%);border-radius:9999px;border-width:2px;border-style:solid;border-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ax-switch button .ax-switch-handle:before{content:\"\";position:absolute;border-radius:9999px;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-switch button .ax-switch-inner{transition:margin .2s;margin-inline-end:.375rem;margin-inline-start:1.5rem;display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}ax-switch.ax-primary-solid button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent}ax-switch.ax-primary-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-primary-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-success-solid button:focus-visible{outline-color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-success-500));border-bottom-color:transparent}ax-switch.ax-success-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-success-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-warning-solid button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-warning-500));border-bottom-color:transparent}ax-switch.ax-warning-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-warning-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-danger-solid button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-danger-500));border-bottom-color:transparent}ax-switch.ax-danger-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-danger-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-neutral-solid button:focus-visible{outline-color:rgba(var(--ax-color-neutral-500))}ax-switch.ax-neutral-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-neutral-500))!important}ax-switch.ax-neutral-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-neutral-fore))}ax-switch.ax-neutral-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-neutral-500))}ax-switch.ax-neutral-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-neutral-500));border-bottom-color:transparent}ax-switch.ax-neutral-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-neutral-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSwitchComponent, decorators: [{
             type: Component,
@@ -63,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                             useExisting: forwardRef(() => AXSwitchComponent),
                             multi: true,
                         },
-                    ], standalone: false, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>", styles: [".ax-dark ax-switch button{background-color:rgba(var(--ax-color-white),.3)!important}ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:10px!important;min-width:10px!important}ax-switch.ax-sm .ax-switch-handle{height:.75rem;width:.75rem}ax-switch.ax-lg button{min-width:2.5rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{height:1.25rem;width:1.25rem}ax-switch button{position:relative;display:inline-block;height:1.25rem;min-width:2.25rem;cursor:pointer;border-radius:9999px;vertical-align:middle;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-black),.3)!important}ax-switch button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-color-primary-500))}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{transition:width .3s;position:absolute;inset-inline-start:.125rem;top:.125rem;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;background-color:rgba(var(--ax-color-white));font-size:80%;color:rgba(var(--ax-color-black),.5);--ax-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--ax-shadow-colored: 0 1px 2px 0 var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle .ax-loader{animation:rotation .5s linear infinite;box-sizing:border-box;display:inline-block;min-height:12px;min-width:12px;transform:translateY(-50%);border-radius:9999px;border-width:2px;border-style:solid;border-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ax-switch button .ax-switch-handle:before{content:\"\";position:absolute;border-radius:9999px;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-switch button .ax-switch-inner{transition:margin .2s;margin-inline-end:.375rem;margin-inline-start:1.5rem;display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}ax-switch.ax-primary-solid button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent}ax-switch.ax-primary-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-primary-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-secondary-solid button:focus-visible{outline-color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-secondary-500));border-bottom-color:transparent}ax-switch.ax-secondary-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-secondary-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-success-solid button:focus-visible{outline-color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-success-500));border-bottom-color:transparent}ax-switch.ax-success-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-success-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-warning-solid button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-warning-500));border-bottom-color:transparent}ax-switch.ax-warning-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-warning-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-danger-solid button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-danger-500));border-bottom-color:transparent}ax-switch.ax-danger-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-danger-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-info-solid button:focus-visible{outline-color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-info-500))!important}ax-switch.ax-info-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-info-fore))}ax-switch.ax-info-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-info-500));border-bottom-color:transparent}ax-switch.ax-info-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-info-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}\n"] }]
+                    ], standalone: false, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\n  (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" [class.ax-switch-checked]=\"value\"\n  (click)=\"_handleOnClickEvent($event)\">\n  <div class=\"ax-switch-handle\">\n    @if(isLoading){\n    <span class=\"ax-loader\"></span>\n    }\n    @if(!isLoading){\n    <ng-content select=\"ax-switch-handler-content\"></ng-content>\n    }\n    @if(!isLoading && value){\n    <ng-content select=\"ax-switch-handler-on-content\"></ng-content>\n    }\n    @if(!isLoading && !value){\n    <ng-content select=\"ax-switch-handler-off-content\"></ng-content>\n    }\n  </div>\n  @if(!value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-off-content\"></ng-content>\n  </span>\n  }\n  @if(value){\n  <span class=\"ax-switch-inner\">\n    <ng-content select=\"ax-switch-on-content\"></ng-content>\n  </span>\n  }\n</button>", styles: [".ax-dark ax-switch button{background-color:rgba(var(--ax-color-white),.3)!important}ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm button .ax-switch-handle .ax-loader{min-height:10px!important;min-width:10px!important}ax-switch.ax-sm .ax-switch-handle{height:.75rem;width:.75rem}ax-switch.ax-lg button{min-width:2.5rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{height:1.25rem;width:1.25rem}ax-switch button{position:relative;display:inline-block;height:1.25rem;min-width:2.25rem;cursor:pointer;border-radius:9999px;vertical-align:middle;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-black),.3)!important}ax-switch button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-color-primary-500))}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{transition:width .3s;position:absolute;inset-inline-start:.125rem;top:.125rem;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;background-color:rgba(var(--ax-color-white));font-size:80%;color:rgba(var(--ax-color-black),.5);--ax-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--ax-shadow-colored: 0 1px 2px 0 var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle .ax-loader{animation:rotation .5s linear infinite;box-sizing:border-box;display:inline-block;min-height:12px;min-width:12px;transform:translateY(-50%);border-radius:9999px;border-width:2px;border-style:solid;border-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ax-switch button .ax-switch-handle:before{content:\"\";position:absolute;border-radius:9999px;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-switch button .ax-switch-inner{transition:margin .2s;margin-inline-end:.375rem;margin-inline-start:1.5rem;display:block}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}ax-switch .ax-state-disabled{cursor:not-allowed;opacity:.5}ax-switch .ax-state-readonly{opacity:.75}ax-switch.ax-primary-solid button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent}ax-switch.ax-primary-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-primary-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-success-solid button:focus-visible{outline-color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-success-500));border-bottom-color:transparent}ax-switch.ax-success-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-success-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-warning-solid button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-warning-500));border-bottom-color:transparent}ax-switch.ax-warning-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-warning-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-danger-solid button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-danger-500));border-bottom-color:transparent}ax-switch.ax-danger-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-danger-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}ax-switch.ax-neutral-solid button:focus-visible{outline-color:rgba(var(--ax-color-neutral-500))}ax-switch.ax-neutral-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-neutral-500))!important}ax-switch.ax-neutral-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-neutral-fore))}ax-switch.ax-neutral-solid button.ax-switch-checked .ax-switch-handle{color:rgba(var(--ax-color-neutral-500))}ax-switch.ax-neutral-solid button.ax-switch-checked .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-neutral-500));border-bottom-color:transparent}ax-switch.ax-neutral-solid button .ax-switch-handle{color:rgba(var(--ax-color-black),.3)}ax-switch.ax-neutral-solid button .ax-switch-handle .ax-loader{border-color:rgba(var(--ax-color-black),.3);border-bottom-color:transparent}\n"] }]
         }], propDecorators: { isLoading: [{
                 type: Input
             }], __hostClass: [{

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

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

package/fesm2022/acorex-components-toast.mjs

@@ -59,10 +59,10 @@ class AXToastService {
             content: content,
         });
     }
-    secondary(content) {
+    neutral(content) {
         this.show({
             timeOut: this.defaultConfig.timeOut,
-            color: 'secondary',
+            color: 'neutral',
             content: content,
         });
     }
@@ -311,11 +311,8 @@ class AXToastComponent extends MXBaseComponent {
                 case 'danger':
                     this._icon = 'ax-icon ax-icon-error';
                     break;
-                case 'info':
-                    this._icon = 'ax-icon ax-icon-info';
-                    break;
                 default:
-                    this._icon = this.config.icon || 'ax-icon ax-icon-check-circle';
+                    this._icon = this.config.icon || 'ax-icon ax-icon-info';
                     break;
             }
         }
@@ -344,11 +341,11 @@ class AXToastComponent extends MXBaseComponent {
         this.toastService.hideAll();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXToastComponent, deps: [{ token: DIALOG_DATA }, { token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXToastComponent, isStandalone: false, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span class=\"ax-toast-icon ax-icon-solid {{ _icon }}\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"config.title && config.content\">\n    {{ config.title | translate | async }}\n  </div>\n  <div class=\"ax-toast-content\" [innerHTML]=\"config.content\"></div>\n</div>\n@if (config.closeButton) {\n  <ax-close-button></ax-close-button>\n} @else if (config.closeAllButton) {\n  <ax-close-button [closeAll]=\"true\"></ax-close-button>\n}\n@if (config.timeOutProgress && config.timeOut) {\n  <div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"config.timeOut\"></div>\n}\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-800));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-800));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-800));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-800));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;--ax-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}@media (min-width: 768px){ax-toast{width:24rem}}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{color:rgba(var(--ax-color-primary-800))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{color:rgba(var(--ax-color-secondary-800))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{color:rgba(var(--ax-color-success-800))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{color:rgba(var(--ax-color-warning-800))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{color:rgba(var(--ax-color-danger-800))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{color:rgba(var(--ax-color-info-800))}ax-toast.ax-ghost{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-toast.ax-ghost .ax-toast-progress{background-color:rgba(var(--ax-color-ghost-fore))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem;line-height:1}ax-toast .ax-toast-icon{margin-inline-end:.5rem}ax-toast .ax-toast-content{display:flex;flex:1 1 0%;flex-direction:column}ax-toast .ax-toast-content .ax-toast-title{font-weight:500;line-height:1.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.75rem;margin-bottom:.75rem;display:flex;gap:.5rem}ax-toast ax-icon-close{height:fit-content}ax-toast ax-icon-close:hover{opacity:.75}ax-toast .ax-toast-progress{animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:#ffffff75;position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "component", type: i2.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXToastComponent, isStandalone: false, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span class=\"ax-toast-icon ax-icon-solid {{ _icon }}\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"config.title && config.content\">\n    {{ config.title | translate | async }}\n  </div>\n  <div class=\"ax-toast-content\" [innerHTML]=\"config.content\"></div>\n</div>\n@if (config.closeButton) {\n  <ax-close-button></ax-close-button>\n} @else if (config.closeAllButton) {\n  <ax-close-button [closeAll]=\"true\"></ax-close-button>\n}\n@if (config.timeOutProgress && config.timeOut) {\n  <div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"config.timeOut\"></div>\n}\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-800));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-800));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-neutral{background-color:rgba(var(--ax-color-neutral-800));color:rgba(var(--ax-color-neutral-fore))}.ax-dark ax-toast.ax-neutral .ax-toast-title{color:rgba(var(--ax-color-neutral-fore))}.ax-dark ax-toast.ax-neutral ax-button[class$=blank]{color:rgba(var(--ax-color-neutral-fore))}.ax-dark ax-toast.ax-neutral .ax-toast-progress{background-color:rgba(var(--ax-color-neutral-200))}ax-toast{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;--ax-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}@media (min-width: 768px){ax-toast{width:24rem}}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{color:rgba(var(--ax-color-primary-800))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{color:rgba(var(--ax-color-success-800))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{color:rgba(var(--ax-color-warning-800))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{color:rgba(var(--ax-color-danger-800))}ax-toast.ax-neutral{background-color:rgba(var(--ax-color-neutral-500));color:rgba(var(--ax-color-neutral-fore))}ax-toast.ax-neutral .ax-toast-progress{color:rgba(var(--ax-color-neutral-800))}ax-toast.ax-ghost{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-toast.ax-ghost .ax-toast-progress{background-color:rgba(var(--ax-color-ghost-fore))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem;line-height:1}ax-toast .ax-toast-icon{margin-inline-end:.5rem}ax-toast .ax-toast-content{display:flex;flex:1 1 0%;flex-direction:column}ax-toast .ax-toast-content .ax-toast-title{font-weight:500;line-height:1.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.75rem;margin-bottom:.75rem;display:flex;gap:.5rem}ax-toast ax-icon-close{height:fit-content}ax-toast ax-icon-close:hover{opacity:.75}ax-toast .ax-toast-progress{animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:#ffffff75;position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "component", type: i2.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], standalone: false, 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-content\" [innerHTML]=\"config.content\"></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 class=\"ax-toast-progress\" [style.animation-duration.ms]=\"config.timeOut\"></div>\n}\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-800));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-800));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-800));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-800));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;--ax-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}@media (min-width: 768px){ax-toast{width:24rem}}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{color:rgba(var(--ax-color-primary-800))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{color:rgba(var(--ax-color-secondary-800))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{color:rgba(var(--ax-color-success-800))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{color:rgba(var(--ax-color-warning-800))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{color:rgba(var(--ax-color-danger-800))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{color:rgba(var(--ax-color-info-800))}ax-toast.ax-ghost{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-toast.ax-ghost .ax-toast-progress{background-color:rgba(var(--ax-color-ghost-fore))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem;line-height:1}ax-toast .ax-toast-icon{margin-inline-end:.5rem}ax-toast .ax-toast-content{display:flex;flex:1 1 0%;flex-direction:column}ax-toast .ax-toast-content .ax-toast-title{font-weight:500;line-height:1.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.75rem;margin-bottom:.75rem;display:flex;gap:.5rem}ax-toast ax-icon-close{height:fit-content}ax-toast ax-icon-close:hover{opacity:.75}ax-toast .ax-toast-progress{animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:#ffffff75;position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
+            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], standalone: false, 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-content\" [innerHTML]=\"config.content\"></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 class=\"ax-toast-progress\" [style.animation-duration.ms]=\"config.timeOut\"></div>\n}\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-800));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-800));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-800));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-neutral{background-color:rgba(var(--ax-color-neutral-800));color:rgba(var(--ax-color-neutral-fore))}.ax-dark ax-toast.ax-neutral .ax-toast-title{color:rgba(var(--ax-color-neutral-fore))}.ax-dark ax-toast.ax-neutral ax-button[class$=blank]{color:rgba(var(--ax-color-neutral-fore))}.ax-dark ax-toast.ax-neutral .ax-toast-progress{background-color:rgba(var(--ax-color-neutral-200))}ax-toast{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;--ax-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}@media (min-width: 768px){ax-toast{width:24rem}}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{color:rgba(var(--ax-color-primary-800))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{color:rgba(var(--ax-color-success-800))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{color:rgba(var(--ax-color-warning-800))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{color:rgba(var(--ax-color-danger-800))}ax-toast.ax-neutral{background-color:rgba(var(--ax-color-neutral-500));color:rgba(var(--ax-color-neutral-fore))}ax-toast.ax-neutral .ax-toast-progress{color:rgba(var(--ax-color-neutral-800))}ax-toast.ax-ghost{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-toast.ax-ghost .ax-toast-progress{background-color:rgba(var(--ax-color-ghost-fore))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem;line-height:1}ax-toast .ax-toast-icon{margin-inline-end:.5rem}ax-toast .ax-toast-content{display:flex;flex:1 1 0%;flex-direction:column}ax-toast .ax-toast-content .ax-toast-title{font-weight:500;line-height:1.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.75rem;margin-bottom:.75rem;display:flex;gap:.5rem}ax-toast ax-icon-close{height:fit-content}ax-toast ax-icon-close:hover{opacity:.75}ax-toast .ax-toast-progress{animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:#ffffff75;position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [DIALOG_DATA]

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-toast.mjs","sources":["../../../../libs/components/toast/src/lib/toast.config.ts","../../../../libs/components/toast/src/lib/toast.service.ts","../../../../libs/components/toast/src/lib/toast.component.ts","../../../../libs/components/toast/src/lib/toast.component.html","../../../../libs/components/toast/src/lib/toast.module.ts","../../../../libs/components/toast/src/acorex-components-toast.ts"],"sourcesContent":["import { AXLocation } from '@acorex/components/common';\nimport { AX_GLOBAL_CONFIG } from '@acorex/core/config';\nimport { InjectionToken, inject } from '@angular/core';\nimport { set } from 'lodash-es';\n\nexport interface AXToastConfig {\n  gap: number;\n  timeOut: number;\n  timeOutProgress: boolean;\n  location: AXLocation;\n  limit: number;\n}\n\nexport const AX_TOAST_CONFIG = new InjectionToken<AXToastConfig>('AX_TOAST_CONFIG', {\n  providedIn: 'root',\n  factory: () => {\n    const global = inject(AX_GLOBAL_CONFIG);\n    set(global, 'layout.toast', AX_TOAST_CONFIG);\n    return AXToastDefaultConfig;\n  },\n});\n\nexport const AXToastDefaultConfig: AXToastConfig = {\n  gap: 5,\n  timeOut: 2500,\n  timeOutProgress: true,\n  location: 'bottom-center',\n  limit: 3,\n};\n\nexport type PartialToastConfig = Partial<AXToastConfig>;\n\nexport function toastConfig(config: PartialToastConfig = {}): AXToastConfig {\n  const result = {\n    ...AXToastDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { AXLocation, AXStyleColorType } from '@acorex/components/common';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { GlobalPositionStrategy, ScrollStrategy, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { Injectable, inject, signal } from '@angular/core';\nimport { AXToastData, AXToastDisplayConfig, AXToastRef } from './toast.class';\nimport { AXToastComponent } from './toast.component';\nimport { AXToastConfig, AX_TOAST_CONFIG } from './toast.config';\n\ntype AXReservedToasts = {\n  config: AXToastDisplayConfig;\n  reservedRef: {\n    close: () => void;\n  };\n};\ntype AXMoreToastsConfig = {\n  timeOut?: number;\n  timeOutProgress?: boolean;\n  color: AXStyleColorType;\n  location: AXLocation;\n};\n\n@Injectable()\nexport class AXToastService {\n  private dialog: Dialog = inject(Dialog);\n  private defaultConfig: AXToastConfig = inject(AX_TOAST_CONFIG);\n  private translationService: AXTranslationService = inject(AXTranslationService);\n\n  private reserveCounter = signal(0);\n  private activeToasts = signal<string[]>([]);\n  private reservedToasts = signal<AXReservedToasts[]>([]);\n  private toastCounterElement = signal<AXToastComponent | null>(null);\n  private moreToastsConfig = signal<AXMoreToastsConfig>({ color: 'primary', location: 'bottom-center' });\n\n  scrollStrategy: ScrollStrategy;\n\n  constructor(private readonly scrollStrategyOptions: ScrollStrategyOptions) {\n    this.scrollStrategy = this.scrollStrategyOptions.noop();\n  }\n\n  primary(content: string) {\n    this.show({\n      timeOut: this.defaultConfig.timeOut,\n      color: 'primary',\n      content: content,\n    });\n  }\n  secondary(content: string) {\n    this.show({\n      timeOut: this.defaultConfig.timeOut,\n      color: 'secondary',\n      content: content,\n    });\n  }\n  success(content: string) {\n    this.show({\n      timeOut: this.defaultConfig.timeOut,\n      color: 'success',\n      content: content,\n    });\n  }\n  warning(content: string) {\n    this.show({\n      timeOut: this.defaultConfig.timeOut,\n      color: 'warning',\n      content: content,\n    });\n  }\n  danger(content: string) {\n    this.show({\n      timeOut: this.defaultConfig.timeOut,\n      color: 'danger',\n      content: content,\n    });\n  }\n\n  show(config: AXToastDisplayConfig): AXToastRef {\n    config = { ...this.defaultConfig, ...config };\n\n    this.moreToastsConfig.set({\n      color: config.color,\n      location: config.location,\n      timeOut: config.timeOut,\n      timeOutProgress: config.timeOutProgress,\n    });\n\n    if (this.defaultConfig.limit > 0 && this.activeToasts().length >= this.defaultConfig.limit) {\n      const reservedRef = {\n        close: () => {\n          console.warn('Reserved notification cannot be closed until it is displayed.');\n        },\n      };\n      this.reservedToasts.update((prev) => [...prev, { config, reservedRef }]);\n      this.handleReservedToastCounter();\n      return reservedRef;\n    }\n\n    return this.displayToast(config);\n  }\n\n  private displayToast(config: AXToastDisplayConfig): AXToastRef {\n    const gap = this.defaultConfig.gap;\n    const pos = this.getPosition(config.location) + gap + 'px';\n    const positionStrategy = this.getPositionStrategy(\n      new GlobalPositionStrategy(),\n      config.location,\n      pos,\n      gap,\n    );\n    const dialogRef = this.dialog.open(AXToastComponent, {\n      data: config,\n      autoFocus: '__no_element__',\n      restoreFocus: true,\n      role: 'dialog',\n      ariaModal: true,\n      closeOnNavigation: true,\n      closeOnDestroy: true,\n      hasBackdrop: false,\n      panelClass: ['ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],\n      positionStrategy,\n      scrollStrategy: this.scrollStrategy,\n    });\n\n    this.activeToasts.update((prev) => [...prev, dialogRef.id]);\n    this.handleReservedToastCounter();\n\n    const toastRef = dialogRef.componentInstance as AXToastComponent;\n    dialogRef.closed.subscribe(() => {\n      this.activeToasts.set(this.activeToasts().filter((id) => id !== dialogRef.id));\n\n      this.handleShowReservedToast();\n      this.handleReservedToastCounter();\n\n      setTimeout(() => {\n        this.reposition(config.location, gap);\n      });\n    });\n\n    return {\n      close: () => {\n        toastRef.close();\n      },\n    };\n  }\n\n  hideAll() {\n    this.reserveCounter.set(0);\n    this.reservedToasts.set([]);\n    this.activeToasts.set([]);\n    this.dialog.closeAll();\n    this.handleReservedToastCounter();\n  }\n\n  private handleShowReservedToast() {\n    if (this.activeToasts().length > this.defaultConfig.limit - 1) return;\n    if (!this.reservedToasts().length) return;\n\n    const { config, reservedRef } = this.reservedToasts().shift();\n\n    const displayedRef = this.displayToast(config);\n    this.handleReservedToastCounter();\n    reservedRef.close = displayedRef.close;\n  }\n\n  private handleReservedToastCounter() {\n    const reservedCount = this.reservedToasts().length;\n\n    if (reservedCount === this.reserveCounter()) return;\n\n    this.reserveCounter.set(reservedCount);\n\n    if (reservedCount === 0 && this.toastCounterElement() !== null) {\n      this.toastCounterElement().close();\n      return;\n    }\n\n    if (reservedCount > 0) {\n      if (this.toastCounterElement() !== null) {\n        this.toastCounterElement().close();\n      }\n      const remainingTime = (\n        this.dialog.getDialogById(this.activeToasts()[0]).componentRef.instance as AXToastComponent\n      ).createdDate();\n\n      this.createReservedCounterToast(remainingTime);\n    }\n  }\n\n  private async createReservedCounterToast(remainingTime: number) {\n    const timeOut = Math.min(\n      this.moreToastsConfig().timeOut - (new Date().getTime() - remainingTime),\n      this.moreToastsConfig().timeOut,\n    );\n    const opt: AXToastData = {\n      closeButton: false,\n      color: this.moreToastsConfig().color,\n      location: this.moreToastsConfig().location,\n      title: await this.translationService.translateAsync('more-toast', {\n        params: { number: this.reserveCounter() },\n      }),\n      timeOut,\n      timeOutProgress: this.moreToastsConfig().timeOutProgress,\n      closeAllButton: true,\n    };\n    const gap = this.defaultConfig.gap;\n    const pos = this.getPosition(opt.location) + gap + 'px';\n    const positionStrategy = this.getPositionStrategy(new GlobalPositionStrategy(), opt.location, pos, gap);\n    const dialogRef = this.dialog.open(AXToastComponent, {\n      data: opt,\n      autoFocus: '__no_element__',\n      restoreFocus: true,\n      role: 'dialog',\n      ariaModal: true,\n      closeOnNavigation: true,\n      closeOnDestroy: true,\n      hasBackdrop: false,\n      panelClass: ['ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],\n      positionStrategy,\n      scrollStrategy: this.scrollStrategy,\n    });\n    this.toastCounterElement.set(dialogRef.componentInstance as AXToastComponent);\n  }\n\n  private reposition(toastLocation: AXLocation, gap: number): void {\n    const list = this.dialog.openDialogs\n      .map((c) => c.componentInstance as AXToastComponent)\n      .filter((c) => c.config?.location == toastLocation);\n\n    list.forEach((element, index) => {\n      const pos = this.getRepositionPosition(index, gap, list, toastLocation);\n\n      this.getPositionStrategy(\n        element.dialogRef.config.positionStrategy as GlobalPositionStrategy,\n        toastLocation,\n        pos,\n        gap,\n      ).apply();\n    });\n  }\n\n  private getRepositionPosition(index: number, gap: number, list: AXToastComponent[], toastLocation: string) {\n    if (index === 0) return gap + 'px';\n    const previouseElement = list[index - 1];\n    if (toastLocation.split('-')[0] == 'bottom') {\n      return window.innerHeight - previouseElement.getHostElement().offsetTop + gap + 'px';\n    }\n    return (\n      previouseElement.getHostElement().offsetTop +\n      previouseElement.getHostElement().offsetHeight +\n      gap +\n      'px'\n    );\n  }\n\n  private getPosition(location: string) {\n    const list = this.dialog.openDialogs\n      .map((c) => c.componentInstance as AXToastComponent)\n      .filter((c) => c.config?.location == location);\n    if (list.length == 0) return 0;\n    if (location.split('-')[0] == 'bottom') {\n      return window.innerHeight - list[list.length - 1].getHostElement().offsetTop;\n    }\n    return (\n      list[list.length - 1].getHostElement().offsetTop + list[list.length - 1].getHostElement().offsetHeight\n    );\n  }\n\n  private getPositionStrategy(\n    positionStrategy: GlobalPositionStrategy,\n    location: AXLocation,\n    pos: string,\n    gap: number,\n  ) {\n    switch (location) {\n      case 'bottom-center':\n        return positionStrategy.bottom(pos).centerHorizontally();\n        break;\n      case 'bottom-end':\n        return positionStrategy.bottom(pos).right(gap + 'px');\n        break;\n      case 'bottom-start':\n        return positionStrategy.bottom(pos).left(gap + 'px');\n        break;\n      case 'top-center':\n        return positionStrategy.top(pos).centerHorizontally();\n        break;\n      case 'top-end':\n        return positionStrategy.top(pos).right(gap + 'px');\n        break;\n      case 'top-start':\n        return positionStrategy.top(pos).left(gap + 'px');\n        break;\n      case 'center-start':\n        return positionStrategy.centerVertically().left(gap + 'px');\n        break;\n      case 'center-end':\n        return positionStrategy.centerVertically().right(gap + 'px');\n        break;\n    }\n  }\n}\n","import { AXButtonItem } from '@acorex/components/button';\nimport { AXClosbaleComponent, AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  inject,\n  Inject,\n  OnInit,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXToastData } from './toast.class';\nimport { AXToastService } from './toast.service';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-toast',\n  templateUrl: './toast.component.html',\n  styleUrls: ['./toast.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }],\n  standalone: false,\n})\nexport class AXToastComponent extends MXBaseComponent implements OnInit {\n  toastService = inject(AXToastService);\n  createdDate = signal(0);\n\n  /** @ignore */\n  protected _toastWidth = 100;\n\n  /** @ignore */\n  protected _icon: string;\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    @Inject(DIALOG_DATA)\n    public config: AXToastData,\n    public dialogRef: DialogRef<AXComponentCloseEvent>,\n  ) {\n    super();\n  }\n\n  /** @ignore */\n  override ngOnInit() {\n    super.ngOnInit();\n    if (this.config.timeOut) {\n      this.createdDate.set(new Date().getTime());\n      setTimeout(() => {\n        this.close();\n      }, this.config.timeOut);\n    }\n    if (!this.config.icon) {\n      switch (this.config.color) {\n        case 'success':\n          this._icon = 'ax-icon ax-icon-check-circle';\n          break;\n        case 'warning':\n          this._icon = 'ax-icon ax-icon-warning';\n          break;\n        case 'danger':\n          this._icon = 'ax-icon ax-icon-error';\n          break;\n        case 'info':\n          this._icon = 'ax-icon ax-icon-info';\n          break;\n        default:\n          this._icon = this.config.icon || 'ax-icon ax-icon-check-circle';\n          break;\n      }\n    } else {\n      this._icon = this.config.icon;\n    }\n  }\n\n  /** @ignore */\n  _handleButtonClick(button: AXButtonItem) {\n    if (button.onClick) {\n      button.onClick({ source: button });\n    }\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.config.color}`;\n  }\n\n  /** @ignore */\n  close() {\n    this.dialogRef.close({\n      component: this,\n      htmlElement: this.getHostElement(),\n    });\n  }\n\n  closeAll() {\n    this.toastService.hideAll();\n  }\n}\n","<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-content\" [innerHTML]=\"config.content\"></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 class=\"ax-toast-progress\" [style.animation-duration.ms]=\"config.timeOut\"></div>\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { DialogModule } from '@angular/cdk/dialog';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXToastComponent } from './toast.component';\nimport { AXToastService } from './toast.service';\n\nconst COMPONENT = [AXToastComponent];\nconst MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule, AXTranslationModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [AXToastService],\n})\nexport class AXToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"acorex-components-toast.mjs","sources":["../../../../libs/components/toast/src/lib/toast.config.ts","../../../../libs/components/toast/src/lib/toast.service.ts","../../../../libs/components/toast/src/lib/toast.component.ts","../../../../libs/components/toast/src/lib/toast.component.html","../../../../libs/components/toast/src/lib/toast.module.ts","../../../../libs/components/toast/src/acorex-components-toast.ts"],"sourcesContent":["import { AXLocation } from '@acorex/components/common';\nimport { AX_GLOBAL_CONFIG } from '@acorex/core/config';\nimport { InjectionToken, inject } from '@angular/core';\nimport { set } from 'lodash-es';\n\nexport interface AXToastConfig {\n  gap: number;\n  timeOut: number;\n  timeOutProgress: boolean;\n  location: AXLocation;\n  limit: number;\n}\n\nexport const AX_TOAST_CONFIG = new InjectionToken<AXToastConfig>('AX_TOAST_CONFIG', {\n  providedIn: 'root',\n  factory: () => {\n    const global = inject(AX_GLOBAL_CONFIG);\n    set(global, 'layout.toast', AX_TOAST_CONFIG);\n    return AXToastDefaultConfig;\n  },\n});\n\nexport const AXToastDefaultConfig: AXToastConfig = {\n  gap: 5,\n  timeOut: 2500,\n  timeOutProgress: true,\n  location: 'bottom-center',\n  limit: 3,\n};\n\nexport type PartialToastConfig = Partial<AXToastConfig>;\n\nexport function toastConfig(config: PartialToastConfig = {}): AXToastConfig {\n  const result = {\n    ...AXToastDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { AXLocation, AXStyleColorType } from '@acorex/components/common';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { GlobalPositionStrategy, ScrollStrategy, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { Injectable, inject, signal } from '@angular/core';\nimport { AXToastData, AXToastDisplayConfig, AXToastRef } from './toast.class';\nimport { AXToastComponent } from './toast.component';\nimport { AXToastConfig, AX_TOAST_CONFIG } from './toast.config';\n\ntype AXReservedToasts = {\n  config: AXToastDisplayConfig;\n  reservedRef: {\n    close: () => void;\n  };\n};\ntype AXMoreToastsConfig = {\n  timeOut?: number;\n  timeOutProgress?: boolean;\n  color: AXStyleColorType;\n  location: AXLocation;\n};\n\n@Injectable()\nexport class AXToastService {\n  private dialog: Dialog = inject(Dialog);\n  private defaultConfig: AXToastConfig = inject(AX_TOAST_CONFIG);\n  private translationService: AXTranslationService = inject(AXTranslationService);\n\n  private reserveCounter = signal(0);\n  private activeToasts = signal<string[]>([]);\n  private reservedToasts = signal<AXReservedToasts[]>([]);\n  private toastCounterElement = signal<AXToastComponent | null>(null);\n  private moreToastsConfig = signal<AXMoreToastsConfig>({ color: 'primary', location: 'bottom-center' });\n\n  scrollStrategy: ScrollStrategy;\n\n  constructor(private readonly scrollStrategyOptions: ScrollStrategyOptions) {\n    this.scrollStrategy = this.scrollStrategyOptions.noop();\n  }\n\n  primary(content: string) {\n    this.show({\n      timeOut: this.defaultConfig.timeOut,\n      color: 'primary',\n      content: content,\n    });\n  }\n  neutral(content: string) {\n    this.show({\n      timeOut: this.defaultConfig.timeOut,\n      color: 'neutral',\n      content: content,\n    });\n  }\n  success(content: string) {\n    this.show({\n      timeOut: this.defaultConfig.timeOut,\n      color: 'success',\n      content: content,\n    });\n  }\n  warning(content: string) {\n    this.show({\n      timeOut: this.defaultConfig.timeOut,\n      color: 'warning',\n      content: content,\n    });\n  }\n  danger(content: string) {\n    this.show({\n      timeOut: this.defaultConfig.timeOut,\n      color: 'danger',\n      content: content,\n    });\n  }\n\n  show(config: AXToastDisplayConfig): AXToastRef {\n    config = { ...this.defaultConfig, ...config };\n\n    this.moreToastsConfig.set({\n      color: config.color,\n      location: config.location,\n      timeOut: config.timeOut,\n      timeOutProgress: config.timeOutProgress,\n    });\n\n    if (this.defaultConfig.limit > 0 && this.activeToasts().length >= this.defaultConfig.limit) {\n      const reservedRef = {\n        close: () => {\n          console.warn('Reserved notification cannot be closed until it is displayed.');\n        },\n      };\n      this.reservedToasts.update((prev) => [...prev, { config, reservedRef }]);\n      this.handleReservedToastCounter();\n      return reservedRef;\n    }\n\n    return this.displayToast(config);\n  }\n\n  private displayToast(config: AXToastDisplayConfig): AXToastRef {\n    const gap = this.defaultConfig.gap;\n    const pos = this.getPosition(config.location) + gap + 'px';\n    const positionStrategy = this.getPositionStrategy(\n      new GlobalPositionStrategy(),\n      config.location,\n      pos,\n      gap,\n    );\n    const dialogRef = this.dialog.open(AXToastComponent, {\n      data: config,\n      autoFocus: '__no_element__',\n      restoreFocus: true,\n      role: 'dialog',\n      ariaModal: true,\n      closeOnNavigation: true,\n      closeOnDestroy: true,\n      hasBackdrop: false,\n      panelClass: ['ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],\n      positionStrategy,\n      scrollStrategy: this.scrollStrategy,\n    });\n\n    this.activeToasts.update((prev) => [...prev, dialogRef.id]);\n    this.handleReservedToastCounter();\n\n    const toastRef = dialogRef.componentInstance as AXToastComponent;\n    dialogRef.closed.subscribe(() => {\n      this.activeToasts.set(this.activeToasts().filter((id) => id !== dialogRef.id));\n\n      this.handleShowReservedToast();\n      this.handleReservedToastCounter();\n\n      setTimeout(() => {\n        this.reposition(config.location, gap);\n      });\n    });\n\n    return {\n      close: () => {\n        toastRef.close();\n      },\n    };\n  }\n\n  hideAll() {\n    this.reserveCounter.set(0);\n    this.reservedToasts.set([]);\n    this.activeToasts.set([]);\n    this.dialog.closeAll();\n    this.handleReservedToastCounter();\n  }\n\n  private handleShowReservedToast() {\n    if (this.activeToasts().length > this.defaultConfig.limit - 1) return;\n    if (!this.reservedToasts().length) return;\n\n    const { config, reservedRef } = this.reservedToasts().shift();\n\n    const displayedRef = this.displayToast(config);\n    this.handleReservedToastCounter();\n    reservedRef.close = displayedRef.close;\n  }\n\n  private handleReservedToastCounter() {\n    const reservedCount = this.reservedToasts().length;\n\n    if (reservedCount === this.reserveCounter()) return;\n\n    this.reserveCounter.set(reservedCount);\n\n    if (reservedCount === 0 && this.toastCounterElement() !== null) {\n      this.toastCounterElement().close();\n      return;\n    }\n\n    if (reservedCount > 0) {\n      if (this.toastCounterElement() !== null) {\n        this.toastCounterElement().close();\n      }\n      const remainingTime = (\n        this.dialog.getDialogById(this.activeToasts()[0]).componentRef.instance as AXToastComponent\n      ).createdDate();\n\n      this.createReservedCounterToast(remainingTime);\n    }\n  }\n\n  private async createReservedCounterToast(remainingTime: number) {\n    const timeOut = Math.min(\n      this.moreToastsConfig().timeOut - (new Date().getTime() - remainingTime),\n      this.moreToastsConfig().timeOut,\n    );\n    const opt: AXToastData = {\n      closeButton: false,\n      color: this.moreToastsConfig().color,\n      location: this.moreToastsConfig().location,\n      title: await this.translationService.translateAsync('more-toast', {\n        params: { number: this.reserveCounter() },\n      }),\n      timeOut,\n      timeOutProgress: this.moreToastsConfig().timeOutProgress,\n      closeAllButton: true,\n    };\n    const gap = this.defaultConfig.gap;\n    const pos = this.getPosition(opt.location) + gap + 'px';\n    const positionStrategy = this.getPositionStrategy(new GlobalPositionStrategy(), opt.location, pos, gap);\n    const dialogRef = this.dialog.open(AXToastComponent, {\n      data: opt,\n      autoFocus: '__no_element__',\n      restoreFocus: true,\n      role: 'dialog',\n      ariaModal: true,\n      closeOnNavigation: true,\n      closeOnDestroy: true,\n      hasBackdrop: false,\n      panelClass: ['ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],\n      positionStrategy,\n      scrollStrategy: this.scrollStrategy,\n    });\n    this.toastCounterElement.set(dialogRef.componentInstance as AXToastComponent);\n  }\n\n  private reposition(toastLocation: AXLocation, gap: number): void {\n    const list = this.dialog.openDialogs\n      .map((c) => c.componentInstance as AXToastComponent)\n      .filter((c) => c.config?.location == toastLocation);\n\n    list.forEach((element, index) => {\n      const pos = this.getRepositionPosition(index, gap, list, toastLocation);\n\n      this.getPositionStrategy(\n        element.dialogRef.config.positionStrategy as GlobalPositionStrategy,\n        toastLocation,\n        pos,\n        gap,\n      ).apply();\n    });\n  }\n\n  private getRepositionPosition(index: number, gap: number, list: AXToastComponent[], toastLocation: string) {\n    if (index === 0) return gap + 'px';\n    const previouseElement = list[index - 1];\n    if (toastLocation.split('-')[0] == 'bottom') {\n      return window.innerHeight - previouseElement.getHostElement().offsetTop + gap + 'px';\n    }\n    return (\n      previouseElement.getHostElement().offsetTop +\n      previouseElement.getHostElement().offsetHeight +\n      gap +\n      'px'\n    );\n  }\n\n  private getPosition(location: string) {\n    const list = this.dialog.openDialogs\n      .map((c) => c.componentInstance as AXToastComponent)\n      .filter((c) => c.config?.location == location);\n    if (list.length == 0) return 0;\n    if (location.split('-')[0] == 'bottom') {\n      return window.innerHeight - list[list.length - 1].getHostElement().offsetTop;\n    }\n    return (\n      list[list.length - 1].getHostElement().offsetTop + list[list.length - 1].getHostElement().offsetHeight\n    );\n  }\n\n  private getPositionStrategy(\n    positionStrategy: GlobalPositionStrategy,\n    location: AXLocation,\n    pos: string,\n    gap: number,\n  ) {\n    switch (location) {\n      case 'bottom-center':\n        return positionStrategy.bottom(pos).centerHorizontally();\n        break;\n      case 'bottom-end':\n        return positionStrategy.bottom(pos).right(gap + 'px');\n        break;\n      case 'bottom-start':\n        return positionStrategy.bottom(pos).left(gap + 'px');\n        break;\n      case 'top-center':\n        return positionStrategy.top(pos).centerHorizontally();\n        break;\n      case 'top-end':\n        return positionStrategy.top(pos).right(gap + 'px');\n        break;\n      case 'top-start':\n        return positionStrategy.top(pos).left(gap + 'px');\n        break;\n      case 'center-start':\n        return positionStrategy.centerVertically().left(gap + 'px');\n        break;\n      case 'center-end':\n        return positionStrategy.centerVertically().right(gap + 'px');\n        break;\n    }\n  }\n}\n","import { AXButtonItem } from '@acorex/components/button';\nimport { AXClosbaleComponent, AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  inject,\n  Inject,\n  OnInit,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXToastData } from './toast.class';\nimport { AXToastService } from './toast.service';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-toast',\n  templateUrl: './toast.component.html',\n  styleUrls: ['./toast.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }],\n  standalone: false,\n})\nexport class AXToastComponent extends MXBaseComponent implements OnInit {\n  toastService = inject(AXToastService);\n  createdDate = signal(0);\n\n  /** @ignore */\n  protected _toastWidth = 100;\n\n  /** @ignore */\n  protected _icon: string;\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    @Inject(DIALOG_DATA)\n    public config: AXToastData,\n    public dialogRef: DialogRef<AXComponentCloseEvent>,\n  ) {\n    super();\n  }\n\n  /** @ignore */\n  override ngOnInit() {\n    super.ngOnInit();\n    if (this.config.timeOut) {\n      this.createdDate.set(new Date().getTime());\n      setTimeout(() => {\n        this.close();\n      }, this.config.timeOut);\n    }\n    if (!this.config.icon) {\n      switch (this.config.color) {\n        case 'success':\n          this._icon = 'ax-icon ax-icon-check-circle';\n          break;\n        case 'warning':\n          this._icon = 'ax-icon ax-icon-warning';\n          break;\n        case 'danger':\n          this._icon = 'ax-icon ax-icon-error';\n          break;\n        default:\n          this._icon = this.config.icon || 'ax-icon ax-icon-info';\n          break;\n      }\n    } else {\n      this._icon = this.config.icon;\n    }\n  }\n\n  /** @ignore */\n  _handleButtonClick(button: AXButtonItem) {\n    if (button.onClick) {\n      button.onClick({ source: button });\n    }\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.config.color}`;\n  }\n\n  /** @ignore */\n  close() {\n    this.dialogRef.close({\n      component: this,\n      htmlElement: this.getHostElement(),\n    });\n  }\n\n  closeAll() {\n    this.toastService.hideAll();\n  }\n}\n","<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-content\" [innerHTML]=\"config.content\"></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 class=\"ax-toast-progress\" [style.animation-duration.ms]=\"config.timeOut\"></div>\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { DialogModule } from '@angular/cdk/dialog';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXToastComponent } from './toast.component';\nimport { AXToastService } from './toast.service';\n\nconst COMPONENT = [AXToastComponent];\nconst MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule, AXTranslationModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [AXToastService],\n})\nexport class AXToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/acorex-components-toolbar.mjs

@@ -0,0 +1,73 @@
+import { AXButtonComponent } from '@acorex/components/button';
+import * as i1 from '@acorex/components/decorators';
+import { AXDecoratorGenericComponent, AXDecoratorModule } from '@acorex/components/decorators';
+import { AXTextBoxComponent } from '@acorex/components/text-box';
+import * as i0 from '@angular/core';
+import { contentChildren, signal, afterNextRender, Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
+
+class AXToolBarComponent {
+    constructor() {
+        this.buttons = contentChildren(AXButtonComponent, { descendants: true });
+        this.textBox = contentChildren(AXTextBoxComponent, { descendants: true });
+        this.decorators = contentChildren(AXDecoratorGenericComponent);
+        this.prefixState = signal(false);
+        this.suffixState = signal(false);
+        this.contentState = signal(false);
+        this.#init = afterNextRender(() => {
+            this.decorators().forEach((item) => {
+                switch (item.getHostElement().tagName) {
+                    case 'AX-PREFIX':
+                        this.prefixState.set(true);
+                        break;
+                    case 'AX-SUFFIX':
+                        this.suffixState.set(true);
+                        break;
+                    case 'AX-CONTENT':
+                        this.contentState.set(true);
+                }
+            });
+            if (this.buttons().length > 0) {
+                this.buttons().forEach((item) => {
+                    item.look = 'blank';
+                    item.getHostElement().classList.add('ax-sm');
+                });
+            }
+            if (this.textBox().length > 0) {
+                this.textBox().forEach((item) => {
+                    item.getHostElement().classList.add('ax-sm');
+                });
+            }
+        });
+    }
+    #init;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXToolBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXToolBarComponent, isStandalone: false, selector: "ax-toolbar", queries: [{ propertyName: "buttons", predicate: AXButtonComponent, descendants: true, isSignal: true }, { propertyName: "textBox", predicate: AXTextBoxComponent, descendants: true, isSignal: true }, { propertyName: "decorators", predicate: AXDecoratorGenericComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-toolbar{display:flex;justify-content:space-between;align-items:center;height:100%}ax-toolbar ax-divider{display:block;margin-inline:.5rem;width:1px;height:100%;background-color:rgba(var(--ax-color-border-default))}ax-toolbar ax-suffix,ax-toolbar ax-prefix{display:flex;justify-content:space-between;align-items:center;height:100%}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXToolBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-toolbar{display:flex;justify-content:space-between;align-items:center;height:100%}ax-toolbar ax-divider{display:block;margin-inline:.5rem;width:1px;height:100%;background-color:rgba(var(--ax-color-border-default))}ax-toolbar ax-suffix,ax-toolbar ax-prefix{display:flex;justify-content:space-between;align-items:center;height:100%}\n"] }]
+        }] });
+
+const COMPONENT = [AXToolBarComponent];
+const MODULES = [AXDecoratorModule];
+class AXToolBarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXToolBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXToolBarModule, declarations: [AXToolBarComponent], imports: [AXDecoratorModule], exports: [AXToolBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXToolBarModule, imports: [MODULES] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXToolBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXToolBarComponent, AXToolBarModule };
+//# sourceMappingURL=acorex-components-toolbar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-toolbar.mjs","sources":["../../../../libs/components/toolbar/src/lib/toolbar.component.ts","../../../../libs/components/toolbar/src/lib/toolbar.component.html","../../../../libs/components/toolbar/src/lib/toolbar.module.ts","../../../../libs/components/toolbar/src/acorex-components-toolbar.ts"],"sourcesContent":["import { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXTextBoxComponent } from '@acorex/components/text-box';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-toolbar',\n  templateUrl: './toolbar.component.html',\n  styleUrls: ['./toolbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXToolBarComponent {\n  private buttons = contentChildren(AXButtonComponent, { descendants: true });\n  private textBox = contentChildren(AXTextBoxComponent, { descendants: true });\n\n  private decorators = contentChildren<AXDecoratorGenericComponent>(AXDecoratorGenericComponent);\n\n  protected prefixState = signal(false);\n  protected suffixState = signal(false);\n  protected contentState = signal(false);\n\n  #init = afterNextRender(() => {\n    this.decorators().forEach((item) => {\n      switch (item.getHostElement().tagName) {\n        case 'AX-PREFIX':\n          this.prefixState.set(true);\n          break;\n        case 'AX-SUFFIX':\n          this.suffixState.set(true);\n          break;\n        case 'AX-CONTENT':\n          this.contentState.set(true);\n      }\n    });\n\n    if (this.buttons().length > 0) {\n      this.buttons().forEach((item) => {\n        item.look = 'blank';\n        item.getHostElement().classList.add('ax-sm');\n      });\n    }\n    if (this.textBox().length > 0) {\n      this.textBox().forEach((item) => {\n        item.getHostElement().classList.add('ax-sm');\n      });\n    }\n  });\n}\n","<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { NgModule } from '@angular/core';\nimport { AXToolBarComponent } from './toolbar.component';\n\nconst COMPONENT = [AXToolBarComponent];\n\nconst MODULES = [AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXToolBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-wysiwyg.mjs

@@ -474,11 +474,11 @@ class AXWysiwygInsertComponent {
         this.service.wysiwyg().addImage(this.textBoxOptions.text);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXWysiwygInsertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXWysiwygInsertComponent, isStandalone: false, selector: "ax-wysiwyg-insert", ngImport: i0, template: "<ax-button #linkBtn look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n</ax-button>\n\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"linkBtn\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane ax-insert-container\">\n    <ax-text-box\n      class=\"{{ textBoxOptions.size }}\"\n      [(ngModel)]=\"textBoxOptions.text\"\n      [placeholder]=\"textBoxOptions.placeholder\"\n    >\n      <ax-suffix>\n        <ax-button (click)=\"submitLink()\" class=\"ax-sm\" color=\"secondary\" text=\"Add\"> </ax-button>\n      </ax-suffix>\n    </ax-text-box>\n  </div>\n</ax-popover>\n", styles: [".ax-insert-container{display:flex;padding:.5rem}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i5.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXWysiwygInsertComponent, isStandalone: false, selector: "ax-wysiwyg-insert", ngImport: i0, template: "<ax-button #linkBtn look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n</ax-button>\n\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"linkBtn\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane ax-insert-container\">\n    <ax-text-box\n      class=\"{{ textBoxOptions.size }}\"\n      [(ngModel)]=\"textBoxOptions.text\"\n      [placeholder]=\"textBoxOptions.placeholder\"\n    >\n      <ax-suffix>\n        <ax-button (click)=\"submitLink()\" class=\"ax-sm\" color=\"neutral\" text=\"Add\"> </ax-button>\n      </ax-suffix>\n    </ax-text-box>\n  </div>\n</ax-popover>\n", styles: [".ax-insert-container{display:flex;padding:.5rem}\n"], dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i5.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXWysiwygInsertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-wysiwyg-insert', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ax-button #linkBtn look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n</ax-button>\n\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"linkBtn\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane ax-insert-container\">\n    <ax-text-box\n      class=\"{{ textBoxOptions.size }}\"\n      [(ngModel)]=\"textBoxOptions.text\"\n      [placeholder]=\"textBoxOptions.placeholder\"\n    >\n      <ax-suffix>\n        <ax-button (click)=\"submitLink()\" class=\"ax-sm\" color=\"secondary\" text=\"Add\"> </ax-button>\n      </ax-suffix>\n    </ax-text-box>\n  </div>\n</ax-popover>\n", styles: [".ax-insert-container{display:flex;padding:.5rem}\n"] }]
+            args: [{ selector: 'ax-wysiwyg-insert', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ax-button #linkBtn look=\"blank\">\n  <ax-icon class=\"ax-icon ax-icon-image\"></ax-icon>\n</ax-button>\n\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [openOn]=\"popoverOption.openOn\"\n  [closeOn]=\"popoverOption.closeOn\"\n  [target]=\"linkBtn\"\n  [placement]=\"popoverOption.placement\"\n>\n  <div class=\"ax-overlay-pane ax-insert-container\">\n    <ax-text-box\n      class=\"{{ textBoxOptions.size }}\"\n      [(ngModel)]=\"textBoxOptions.text\"\n      [placeholder]=\"textBoxOptions.placeholder\"\n    >\n      <ax-suffix>\n        <ax-button (click)=\"submitLink()\" class=\"ax-sm\" color=\"neutral\" text=\"Add\"> </ax-button>\n      </ax-suffix>\n    </ax-text-box>\n  </div>\n</ax-popover>\n", styles: [".ax-insert-container{display:flex;padding:.5rem}\n"] }]
         }] });
 
 /**