@acorex/components 18.12.20 → 18.12.21

package/drawer/lib/drawer/drawer-container/drawer-container.component.d.ts

@@ -1,13 +1,12 @@
 import { MXBaseComponent } from '@acorex/components/common';
-import { AXDrawerService } from '../../drawer.service';
 import * as i0 from "@angular/core";
 /**
  * A container component that organizes and positions drawer components.
  * @category component
  */
 export declare class AXDrawerContainerComponent extends MXBaseComponent {
-    service: AXDrawerService;
+    private service;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerContainerComponent, "ax-drawer-container", never, {}, {}, never, ["ax-drawer[location='start']", "ax-content", "ax-drawer[location='end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerContainerComponent, "ax-drawer-container", never, {}, {}, never, ["ax-drawer", "ax-content"], false, never>;
 }

package/drawer/lib/drawer/drawer-item/drawer.component.d.ts

@@ -1,6 +1,5 @@
 import { MXBaseComponent } from '@acorex/components/common';
 import { AfterContentInit, DoCheck, NgZone } from '@angular/core';
-import { AXDrawerService } from '../../drawer.service';
 import * as i0 from "@angular/core";
 export type AXDrawerMode = 'push' | 'overlay';
 export type AXDrawerLocation = 'start' | 'end';
@@ -14,11 +13,11 @@ export declare class AXDrawerComponent extends MXBaseComponent implements AfterC
     location: import("@angular/core").ModelSignal<AXDrawerLocation>;
     showBackdrop: import("@angular/core").InputSignal<boolean>;
     mode: import("@angular/core").ModelSignal<AXDrawerMode>;
-    collapsed: import("@angular/core").ModelSignal<boolean>;
     closeOthers: import("@angular/core").InputSignal<boolean>;
+    collapsed: import("@angular/core").ModelSignal<boolean>;
     private backdropElement;
-    private loaded;
-    service: AXDrawerService;
+    protected loaded: import("@angular/core").WritableSignal<boolean>;
+    private service;
     /**
      *  @ignore
      */
@@ -51,15 +50,15 @@ export declare class AXDrawerComponent extends MXBaseComponent implements AfterC
     /**
      *  @ignore
      */
-    private get __hostClass();
+    private _addBackdrop;
     /**
      *  @ignore
      */
-    private _addBackdrop;
+    private _removeBackdrop;
     /**
      *  @ignore
      */
-    private _removeBackdrop;
+    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerComponent, "ax-drawer", never, { "location": { "alias": "location"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "closeOthers": { "alias": "closeOthers"; "required": false; "isSignal": true; }; }, { "location": "locationChange"; "mode": "modeChange"; "collapsed": "collapsedChange"; }, never, ["ax-header", "ax-content"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerComponent, "ax-drawer", never, { "location": { "alias": "location"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "closeOthers": { "alias": "closeOthers"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "location": "locationChange"; "mode": "modeChange"; "collapsed": "collapsedChange"; }, never, ["ax-header", "ax-content"], false, never>;
 }

package/esm2022/drawer/lib/drawer/drawer-container/drawer-container.component.mjs

@@ -18,17 +18,15 @@ export class AXDrawerContainerComponent extends MXBaseComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXDrawerContainerComponent, selector: "ax-drawer-container", providers: [AXDrawerService], usesInheritance: true, ngImport: i0, template: `
-    <ng-content select="ax-drawer[location='start']"> </ng-content>
-    <ng-content select="ax-content"> </ng-content>
-    <ng-content select="ax-drawer[location='end']"> </ng-content>
+    <ng-content select="ax-drawer"> </ng-content>
+    <ng-content select="ax-content"></ng-content>
   `, isInline: true, styles: ["ax-drawer-container{position:relative;display:flex;height:100%;width:100%;overflow:hidden}ax-drawer-container.ax-fixed{bottom:0;inset-inline-end:0px;inset-inline-start:0px;top:0;z-index:50;display:none}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{position:absolute;bottom:0;top:0;z-index:10;height:100%;width:100%;background-color:#0003;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container>ax-content{height:100%;flex:1 1 0%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-drawer-container', template: `
-    <ng-content select="ax-drawer[location='start']"> </ng-content>
-    <ng-content select="ax-content"> </ng-content>
-    <ng-content select="ax-drawer[location='end']"> </ng-content>
+    <ng-content select="ax-drawer"> </ng-content>
+    <ng-content select="ax-content"></ng-content>
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [AXDrawerService], styles: ["ax-drawer-container{position:relative;display:flex;height:100%;width:100%;overflow:hidden}ax-drawer-container.ax-fixed{bottom:0;inset-inline-end:0px;inset-inline-start:0px;top:0;z-index:50;display:none}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{position:absolute;bottom:0;top:0;z-index:10;height:100%;width:100%;background-color:#0003;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container>ax-content{height:100%;flex:1 1 0%;overflow:auto}\n"] }]
         }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZHJhd2VyL3NyYy9saWIvZHJhd2VyL2RyYXdlci1jb250YWluZXIvZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFDTCxlQUFlLEVBQ2YsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFHdkQ7OztHQUdHO0FBYUgsTUFBTSxPQUFPLDBCQUEyQixTQUFRLGVBQWU7SUFHN0Q7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUhWLFlBQU8sR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFJaEMsZUFBZSxDQUFDLEdBQUcsRUFBRTtZQUNuQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbkMsTUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQ3RFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFzQixDQUMvQyxDQUFDO1lBQ0YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2pELENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FaVSwwQkFBMEI7a0dBQTFCLDBCQUEwQiw4Q0FGMUIsQ0FBQyxlQUFlLENBQUMsaURBUmxCOzs7O0dBSVQ7OzJGQU1VLDBCQUEwQjtrQkFadEMsU0FBUzsrQkFDRSxxQkFBcUIsWUFDckI7Ozs7R0FJVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQixDQUFDLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1YQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHtcbiAgYWZ0ZXJOZXh0UmVuZGVyLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBpbmplY3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYRHJhd2VyU2VydmljZSB9IGZyb20gJy4uLy4uL2RyYXdlci5zZXJ2aWNlJztcbmltcG9ydCB7IEFYRHJhd2VyQ29tcG9uZW50IH0gZnJvbSAnLi4vZHJhd2VyLWl0ZW0vZHJhd2VyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQSBjb250YWluZXIgY29tcG9uZW50IHRoYXQgb3JnYW5pemVzIGFuZCBwb3NpdGlvbnMgZHJhd2VyIGNvbXBvbmVudHMuXG4gKiBAY2F0ZWdvcnkgY29tcG9uZW50XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWRyYXdlci1jb250YWluZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWRyYXdlcltsb2NhdGlvbj0nc3RhcnQnXVwiPiA8L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtY29udGVudFwiPiA8L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtZHJhd2VyW2xvY2F0aW9uPSdlbmQnXVwiPiA8L25nLWNvbnRlbnQ+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RyYXdlci1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW0FYRHJhd2VyU2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYRHJhd2VyQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IHtcbiAgc2VydmljZSA9IGluamVjdChBWERyYXdlclNlcnZpY2UpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgYWZ0ZXJOZXh0UmVuZGVyKCgpID0+IHtcbiAgICAgIGNvbnN0IGhvc3QgPSB0aGlzLmdldEhvc3RFbGVtZW50KCk7XG4gICAgICBjb25zdCBkcmF3ZXJDbGFzc2VzID0gQXJyYXkuZnJvbShob3N0LnF1ZXJ5U2VsZWN0b3JBbGwoYGF4LWRyYXdlcmApKS5tYXAoXG4gICAgICAgIChjKSA9PiBjWydfX2F4Q29udGV4dF9fJ10gYXMgQVhEcmF3ZXJDb21wb25lbnQsXG4gICAgICApO1xuICAgICAgdGhpcy5zZXJ2aWNlLmRyYXdlckVsZW1lbnRzLnNldChkcmF3ZXJDbGFzc2VzKTtcbiAgICB9KTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZHJhd2VyL3NyYy9saWIvZHJhd2VyL2RyYXdlci1jb250YWluZXIvZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFDTCxlQUFlLEVBQ2YsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFHdkQ7OztHQUdHO0FBWUgsTUFBTSxPQUFPLDBCQUEyQixTQUFRLGVBQWU7SUFHN0Q7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUhGLFlBQU8sR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFJeEMsZUFBZSxDQUFDLEdBQUcsRUFBRTtZQUNuQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbkMsTUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQ3RFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFzQixDQUMvQyxDQUFDO1lBQ0YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2pELENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FaVSwwQkFBMEI7a0dBQTFCLDBCQUEwQiw4Q0FGMUIsQ0FBQyxlQUFlLENBQUMsaURBUGxCOzs7R0FHVDs7MkZBTVUsMEJBQTBCO2tCQVh0QyxTQUFTOytCQUNFLHFCQUFxQixZQUNyQjs7O0dBR1QsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUIsQ0FBQyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7XG4gIGFmdGVyTmV4dFJlbmRlcixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgaW5qZWN0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWERyYXdlclNlcnZpY2UgfSBmcm9tICcuLi8uLi9kcmF3ZXIuc2VydmljZSc7XG5pbXBvcnQgeyBBWERyYXdlckNvbXBvbmVudCB9IGZyb20gJy4uL2RyYXdlci1pdGVtL2RyYXdlci5jb21wb25lbnQnO1xuXG4vKipcbiAqIEEgY29udGFpbmVyIGNvbXBvbmVudCB0aGF0IG9yZ2FuaXplcyBhbmQgcG9zaXRpb25zIGRyYXdlciBjb21wb25lbnRzLlxuICogQGNhdGVnb3J5IGNvbXBvbmVudFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1kcmF3ZXItY29udGFpbmVyJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1kcmF3ZXJcIj4gPC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RyYXdlci1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW0FYRHJhd2VyU2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYRHJhd2VyQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBzZXJ2aWNlID0gaW5qZWN0KEFYRHJhd2VyU2VydmljZSk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBhZnRlck5leHRSZW5kZXIoKCkgPT4ge1xuICAgICAgY29uc3QgaG9zdCA9IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKTtcbiAgICAgIGNvbnN0IGRyYXdlckNsYXNzZXMgPSBBcnJheS5mcm9tKGhvc3QucXVlcnlTZWxlY3RvckFsbChgYXgtZHJhd2VyYCkpLm1hcChcbiAgICAgICAgKGMpID0+IGNbJ19fYXhDb250ZXh0X18nXSBhcyBBWERyYXdlckNvbXBvbmVudCxcbiAgICAgICk7XG4gICAgICB0aGlzLnNlcnZpY2UuZHJhd2VyRWxlbWVudHMuc2V0KGRyYXdlckNsYXNzZXMpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=

package/esm2022/drawer/lib/drawer/drawer-item/drawer.component.mjs

@@ -1,6 +1,6 @@
 import { AXClosbaleComponent, AXComponent, MXBaseComponent } from '@acorex/components/common';
 import { isBrowser } from '@acorex/core/platform';
-import { ChangeDetectionStrategy, Component, effect, HostBinding, inject, input, model, NgZone, signal, ViewEncapsulation, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, HostBinding, inject, input, model, NgZone, signal, ViewEncapsulation, } from '@angular/core';
 import { AXDrawerService } from '../../drawer.service';
 import * as i0 from "@angular/core";
 /**
@@ -18,16 +18,11 @@ export class AXDrawerComponent extends MXBaseComponent {
         this.location = model('start');
         this.showBackdrop = input(true);
         this.mode = model('overlay');
-        this.collapsed = model(true);
         this.closeOthers = input(false);
+        this.collapsed = model(true);
         this.backdropElement = signal(null);
         this.loaded = signal(false);
         this.service = inject(AXDrawerService);
-        effect(() => {
-            if (this.mode() === 'overlay' && !this.collapsed() && this.showBackdrop()) {
-                this._addBackdrop();
-            }
-        }, { allowSignalWrites: true });
     }
     /**
      *  @ignore
@@ -59,27 +54,26 @@ export class AXDrawerComponent extends MXBaseComponent {
      * Toggles the collapsed state of the drawer.
      */
     toggle() {
-        if (!this.closeOthers()) {
-            this.service.drawerElements().forEach((element) => {
-                if (element.location() === this.location() && element.id !== this.id) {
-                    element.close();
-                }
-            });
+        if (this.collapsed()) {
+            this.open();
+        }
+        else {
+            this.close();
         }
-        this.collapsed.update((prev) => !prev);
     }
     /**
      * Collapses the drawer.
      * @ignore
      */
     close() {
-        this._removeBackdrop();
         this.collapsed.set(true);
+        this._removeBackdrop();
     }
     /**
      * Expands the drawer.
      */
     open() {
+        this.collapsed.set(false);
         if (!this.closeOthers()) {
             this.service.drawerElements().forEach((element) => {
                 if (element.location() === this.location() && element.id !== this.id) {
@@ -87,13 +81,9 @@ export class AXDrawerComponent extends MXBaseComponent {
                 }
             });
         }
-        this.collapsed.set(false);
-    }
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        return `ax-drawer-${this.mode()} ax-drawer-${this.location()} ${this.collapsed() ? 'ax-collapsed' : 'ax-expanded'} ${this.loaded() ? 'ax-state-loaded' : ''}`;
+        if (this.showBackdrop() && this.mode() === 'overlay') {
+            this._addBackdrop();
+        }
     }
     /**
      *  @ignore
@@ -126,14 +116,20 @@ export class AXDrawerComponent extends MXBaseComponent {
             });
         }
     }
+    /**
+     *  @ignore
+     */
+    get __hostClass() {
+        return `ax-drawer-${this.mode()} ax-drawer-${this.location()} ${this.collapsed() ? 'ax-collapsed' : 'ax-expanded'} ${this.loaded() && 'ax-state-loaded'}`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: AXDrawerComponent, selector: "ax-drawer", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { location: "locationChange", mode: "modeChange", collapsed: "collapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: AXDrawerComponent, selector: "ax-drawer", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { location: "locationChange", mode: "modeChange", collapsed: "collapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXComponent, useExisting: AXDrawerComponent },
             { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
         ], usesInheritance: true, ngImport: i0, template: `
     <ng-content select="ax-header"></ng-content>
     <ng-content select="ax-content"></ng-content>
-  `, isInline: true, styles: ["ax-drawer{display:flex;height:100%;max-width:95%;flex-direction:column;background-color:rgba(var(--ax-color-surface))}ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer ax-header,ax-drawer ax-footer{padding:.75rem}ax-drawer ax-footer{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer>ax-content{flex:1 1 0%;overflow:auto}ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px;z-index:20}ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width));z-index:0}ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px;z-index:20}ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width));z-index:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["ax-drawer{display:flex;height:100%;max-width:95%;flex-direction:column;background-color:rgba(var(--ax-color-surface))}ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer ax-header,ax-drawer ax-footer{padding:.75rem}ax-drawer ax-footer{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer>ax-content{flex:1 1 0%;overflow:auto}ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer.ax-drawer-push.ax-expanded{z-index:20}ax-drawer.ax-drawer-push.ax-collapsed{z-index:0}ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px}ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px}ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerComponent, decorators: [{
             type: Component,
@@ -143,9 +139,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXComponent, useExisting: AXDrawerComponent },
                         { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
-                    ], styles: ["ax-drawer{display:flex;height:100%;max-width:95%;flex-direction:column;background-color:rgba(var(--ax-color-surface))}ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer ax-header,ax-drawer ax-footer{padding:.75rem}ax-drawer ax-footer{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer>ax-content{flex:1 1 0%;overflow:auto}ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px;z-index:20}ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width));z-index:0}ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px;z-index:20}ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width));z-index:0}\n"] }]
+                    ], styles: ["ax-drawer{display:flex;height:100%;max-width:95%;flex-direction:column;background-color:rgba(var(--ax-color-surface))}ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer ax-header,ax-drawer ax-footer{padding:.75rem}ax-drawer ax-footer{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer>ax-content{flex:1 1 0%;overflow:auto}ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer.ax-drawer-push.ax-expanded{z-index:20}ax-drawer.ax-drawer-push.ax-collapsed{z-index:0}ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px}ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px}ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kcmF3ZXIvc3JjL2xpYi9kcmF3ZXIvZHJhd2VyLWl0ZW0vZHJhd2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRCxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxNQUFNLEVBQ04sV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ0wsS0FBSyxFQUNMLE1BQU0sRUFDTixNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFLdkQ7Ozs7R0FJRztBQWVILE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxlQUFlO0lBaUJwRDs7T0FFRztJQUNILFlBQW9CLEtBQWE7UUFDL0IsS0FBSyxFQUFFLENBQUM7UUFEVSxVQUFLLEdBQUwsS0FBSyxDQUFRO1FBbkJqQyxhQUFRLEdBQUcsS0FBSyxDQUFtQixPQUFPLENBQUMsQ0FBQztRQUU1QyxpQkFBWSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUUzQixTQUFJLEdBQUcsS0FBSyxDQUFlLFNBQVMsQ0FBQyxDQUFDO1FBRXRDLGNBQVMsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFeEIsZ0JBQVcsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFbkIsb0JBQWUsR0FBRyxNQUFNLENBQWMsSUFBSSxDQUFDLENBQUM7UUFFNUMsV0FBTSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUvQixZQUFP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RyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUNqQyxDQUFDO1lBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQzs4R0EzSVUsaUJBQWlCO2tHQUFqQixpQkFBaUIsbTFCQUxqQjtZQUNULEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUU7WUFDeEQsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFO1NBQ2pFLGlEQVZTOzs7R0FHVDs7MkZBU1UsaUJBQWlCO2tCQWQ3QixTQUFTOytCQUNFLFdBQVcsWUFDWDs7O0dBR1QsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQ3hELEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7cUJBQ2pFOzJFQXdHVyxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENsb3NiYWxlQ29tcG9uZW50LCBBWENvbXBvbmVudCwgTVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBpc0Jyb3dzZXIgfSBmcm9tICdAYWNvcmV4L2NvcmUvcGxhdGZvcm0nO1xuaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRG9DaGVjayxcbiAgZWZmZWN0LFxuICBIb3N0QmluZGluZyxcbiAgaW5qZWN0LFxuICBpbnB1dCxcbiAgbW9kZWwsXG4gIE5nWm9uZSxcbiAgc2lnbmFsLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWERyYXdlclNlcnZpY2UgfSBmcm9tICcuLi8uLi9kcmF3ZXIuc2VydmljZSc7XG5cbmV4cG9ydCB0eXBlIEFYRHJhd2VyTW9kZSA9ICdwdXNoJyB8ICdvdmVybGF5JztcbmV4cG9ydCB0eXBlIEFYRHJhd2VyTG9jYXRpb24gPSAnc3RhcnQnIHwgJ2VuZCc7XG5cbi8qKlxuICogQSBjb21wb25lbnQgdGhhdCByZXByZXNlbnRzIGEgZHJhd2VyIHdpdGggaGVhZGVyIGFuZCBjb250ZW50IHNlY3Rpb25zLlxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWRyYXdlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtaGVhZGVyXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RyYXdlci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYRHJhd2VyQ29tcG9uZW50IH0sXG4gICAgeyBwcm92aWRlOiBBWENsb3NiYWxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhEcmF3ZXJDb21wb25lbnQgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhEcmF3ZXJDb21wb25lbnQgZXh0ZW5kcyBNWEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBEb0NoZWNrIHtcbiAgbG9jYXRpb24gPSBtb2RlbDxBWERyYXdlckxvY2F0aW9uPignc3RhcnQnKTtcblxuICBzaG93QmFja2Ryb3AgPSBpbnB1dCh0cnVlKTtcblxuICBtb2RlID0gbW9kZWw8QVhEcmF3ZXJNb2RlPignb3ZlcmxheScpO1xuXG4gIGNvbGxhcHNlZCA9IG1vZGVsKHRydWUpO1xuXG4gIGNsb3NlT3RoZXJzID0gaW5wdXQoZmFsc2UpO1xuXG4gIHByaXZhdGUgYmFja2Ryb3BFbGVtZW50ID0gc2lnbmFsPEhUTUxFbGVtZW50PihudWxsKTtcblxuICBwcml2YXRlIGxvYWRlZCA9IHNpZ25hbChmYWxzZSk7XG5cbiAgc2VydmljZSA9IGluamVjdChBWERyYXdlclNlcnZpY2UpO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfem9uZTogTmdab25lKSB7XG4gICAgc3VwZXIoKTtcbiAgICBlZmZlY3QoXG4gICAgICAoKSA9PiB7XG4gICAgICAgIGlmICh0aGlzLm1vZGUoKSA9PT0gJ292ZXJsYXknICYmICF0aGlzLmNvbGxhcHNlZCgpICYmIHRoaXMuc2hvd0JhY2tkcm9wKCkpIHtcbiAgICAgICAgICB0aGlzLl9hZGRCYWNrZHJvcCgpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgeyBhbGxvd1NpZ25hbFdyaXRlczogdHJ1ZSB9LFxuICAgICk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9kZXRlY3RCb3VuZGluZ1NpemUoKTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMubG9hZGVkLnNldCh0cnVlKTtcbiAgICB9LCA1MDAwKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgbmdEb0NoZWNrKCkge1xuICAgIHRoaXMuX2RldGVjdEJvdW5kaW5nU2l6ZSgpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9kZXRlY3RCb3VuZGluZ1NpemUoKSB7XG4gICAgdGhpcy5fem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICBjb25zdCBob3N0ID0gdGhpcy5nZXRIb3N0RWxlbWVudCgpO1xuICAgICAgaWYgKGhvc3QuY2xpZW50V2lkdGgpIHtcbiAgICAgICAgaG9zdC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1heC1lbC13aWR0aCcsIGAke2hvc3QuY2xpZW50V2lkdGh9cHhgKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBUb2dnbGVzIHRoZSBjb2xsYXBzZWQgc3RhdGUgb2YgdGhlIGRyYXdlci5cbiAgICovXG4gIHRvZ2dsZSgpIHtcbiAgICBpZiAoIXRoaXMuY2xvc2VPdGhlcnMoKSkge1xuICAgICAgdGhpcy5zZXJ2aWNlLmRyYXdlckVsZW1lbnRzKCkuZm9yRWFjaCgoZWxlbWVudCkgPT4ge1xuICAgICAgICBpZiAoZWxlbWVudC5sb2NhdGlvbigpID09PSB0aGlzLmxvY2F0aW9uKCkgJiYgZWxlbWVudC5pZCAhPT0gdGhpcy5pZCkge1xuICAgICAgICAgIGVsZW1lbnQuY2xvc2UoKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICAgIHRoaXMuY29sbGFwc2VkLnVwZGF0ZSgocHJldikgPT4gIXByZXYpO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbGxhcHNlcyB0aGUgZHJhd2VyLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBjbG9zZSgpIHtcbiAgICB0aGlzLl9yZW1vdmVCYWNrZHJvcCgpO1xuICAgIHRoaXMuY29sbGFwc2VkLnNldCh0cnVlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFeHBhbmRzIHRoZSBkcmF3ZXIuXG4gICAqL1xuICBvcGVuKCkge1xuICAgIGlmICghdGhpcy5jbG9zZU90aGVycygpKSB7XG4gICAgICB0aGlzLnNlcnZpY2UuZHJhd2VyRWxlbWVudHMoKS5mb3JFYWNoKChlbGVtZW50KSA9PiB7XG4gICAgICAgIGlmIChlbGVtZW50LmxvY2F0aW9uKCkgPT09IHRoaXMubG9jYXRpb24oKSAmJiBlbGVtZW50LmlkICE9PSB0aGlzLmlkKSB7XG4gICAgICAgICAgZWxlbWVudC5jbG9zZSgpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gICAgdGhpcy5jb2xsYXBzZWQuc2V0KGZhbHNlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGBheC1kcmF3ZXItJHt0aGlzLm1vZGUoKX0gYXgtZHJhd2VyLSR7dGhpcy5sb2NhdGlvbigpfSAke1xuICAgICAgdGhpcy5jb2xsYXBzZWQoKSA/ICdheC1jb2xsYXBzZWQnIDogJ2F4LWV4cGFuZGVkJ1xuICAgIH0gJHt0aGlzLmxvYWRlZCgpID8gJ2F4LXN0YXRlLWxvYWRlZCcgOiAnJ31gO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9hZGRCYWNrZHJvcCgpIHtcbiAgICBpZiAoaXNCcm93c2VyKCkpIHtcbiAgICAgIHRoaXMuX3pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgICBjb25zdCBiYWNrRHJvcEVsZW0gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICAgICAgYmFja0Ryb3BFbGVtLmNsYXNzTGlzdC5hZGQoJ2F4LWJhY2tkcm9wJyk7XG4gICAgICAgIGJhY2tEcm9wRWxlbS5vbmNsaWNrID0gKCkgPT4ge1xuICAgICAgICAgIHRoaXMuX3pvbmUucnVuKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICAgICAgICB9KTtcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5nZXRIb3N0RWxlbWVudCgpPy5wYXJlbnRFbGVtZW50Py5hcHBlbmRDaGlsZChiYWNrRHJvcEVsZW0pO1xuICAgICAgICB0aGlzLmJhY2tkcm9wRWxlbWVudC5zZXQoYmFja0Ryb3BFbGVtKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfcmVtb3ZlQmFja2Ryb3AoKSB7XG4gICAgaWYgKGlzQnJvd3NlcigpKSB7XG4gICAgICB0aGlzLl96b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMuYmFja2Ryb3BFbGVtZW50KCkpIHtcbiAgICAgICAgICB0aGlzLmdldEhvc3RFbGVtZW50KCk/LnBhcmVudEVsZW1lbnQ/LnJlbW92ZUNoaWxkKHRoaXMuYmFja2Ryb3BFbGVtZW50KCkpO1xuICAgICAgICAgIHRoaXMuYmFja2Ryb3BFbGVtZW50LnNldChudWxsKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kcmF3ZXIvc3JjL2xpYi9kcmF3ZXIvZHJhd2VyLWl0ZW0vZHJhd2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRCxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFDTCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQUt2RDs7OztHQUlHO0FBZUgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGVBQWU7SUFpQnBEOztPQUVHO0lBQ0gsWUFBb0IsS0FBYTtRQUMvQixLQUFLLEVBQUUsQ0FBQztRQURVLFVBQUssR0FBTCxLQUFLLENBQVE7UUFuQmpDLGFBQVEsR0FBRyxLQUFLLENBQW1CLE9BQU8sQ0FBQyxDQUFDO1FBRTVDLGlCQUFZLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRTNCLFNBQUksR0FBRyxLQUFLLENBQWUsU0FBUyxDQUFDLENBQUM7UUFFdEMsZ0JBQVcsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFM0IsY0FBUyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVoQixvQkFBZSxHQUFHLE1BQU0sQ0FBYyxJQUFJLENBQUMsQ0FBQztRQUUxQyxXQUFNLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXpCLFlBQU8sR0FBRyxNQUFN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QUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7cUJBQ2pFOzJFQW1JVyxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENsb3NiYWxlQ29tcG9uZW50LCBBWENvbXBvbmVudCwgTVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBpc0Jyb3dzZXIgfSBmcm9tICdAYWNvcmV4L2NvcmUvcGxhdGZvcm0nO1xuaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRG9DaGVjayxcbiAgSG9zdEJpbmRpbmcsXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIG1vZGVsLFxuICBOZ1pvbmUsXG4gIHNpZ25hbCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhEcmF3ZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vZHJhd2VyLnNlcnZpY2UnO1xuXG5leHBvcnQgdHlwZSBBWERyYXdlck1vZGUgPSAncHVzaCcgfCAnb3ZlcmxheSc7XG5leHBvcnQgdHlwZSBBWERyYXdlckxvY2F0aW9uID0gJ3N0YXJ0JyB8ICdlbmQnO1xuXG4vKipcbiAqIEEgY29tcG9uZW50IHRoYXQgcmVwcmVzZW50cyBhIGRyYXdlciB3aXRoIGhlYWRlciBhbmQgY29udGVudCBzZWN0aW9ucy5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1kcmF3ZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWhlYWRlclwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jb250ZW50XCI+PC9uZy1jb250ZW50PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9kcmF3ZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWERyYXdlckNvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhDbG9zYmFsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYRHJhd2VyQ29tcG9uZW50IH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYRHJhd2VyQ29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCwgRG9DaGVjayB7XG4gIGxvY2F0aW9uID0gbW9kZWw8QVhEcmF3ZXJMb2NhdGlvbj4oJ3N0YXJ0Jyk7XG5cbiAgc2hvd0JhY2tkcm9wID0gaW5wdXQodHJ1ZSk7XG5cbiAgbW9kZSA9IG1vZGVsPEFYRHJhd2VyTW9kZT4oJ292ZXJsYXknKTtcblxuICBjbG9zZU90aGVycyA9IGlucHV0KGZhbHNlKTtcblxuICBjb2xsYXBzZWQgPSBtb2RlbCh0cnVlKTtcblxuICBwcml2YXRlIGJhY2tkcm9wRWxlbWVudCA9IHNpZ25hbDxIVE1MRWxlbWVudD4obnVsbCk7XG5cbiAgcHJvdGVjdGVkIGxvYWRlZCA9IHNpZ25hbChmYWxzZSk7XG5cbiAgcHJpdmF0ZSBzZXJ2aWNlID0gaW5qZWN0KEFYRHJhd2VyU2VydmljZSk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF96b25lOiBOZ1pvbmUpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5fZGV0ZWN0Qm91bmRpbmdTaXplKCk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmxvYWRlZC5zZXQodHJ1ZSk7XG4gICAgfSwgNTAwMCk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIG5nRG9DaGVjaygpIHtcbiAgICB0aGlzLl9kZXRlY3RCb3VuZGluZ1NpemUoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfZGV0ZWN0Qm91bmRpbmdTaXplKCkge1xuICAgIHRoaXMuX3pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgY29uc3QgaG9zdCA9IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKTtcbiAgICAgIGlmIChob3N0LmNsaWVudFdpZHRoKSB7XG4gICAgICAgIGhvc3Quc3R5bGUuc2V0UHJvcGVydHkoJy0tYXgtZWwtd2lkdGgnLCBgJHtob3N0LmNsaWVudFdpZHRofXB4YCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogVG9nZ2xlcyB0aGUgY29sbGFwc2VkIHN0YXRlIG9mIHRoZSBkcmF3ZXIuXG4gICAqL1xuICB0b2dnbGUoKSB7XG4gICAgaWYgKHRoaXMuY29sbGFwc2VkKCkpIHtcbiAgICAgIHRoaXMub3BlbigpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmNsb3NlKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIENvbGxhcHNlcyB0aGUgZHJhd2VyLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBjbG9zZSgpIHtcbiAgICB0aGlzLmNvbGxhcHNlZC5zZXQodHJ1ZSk7XG4gICAgdGhpcy5fcmVtb3ZlQmFja2Ryb3AoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFeHBhbmRzIHRoZSBkcmF3ZXIuXG4gICAqL1xuICBvcGVuKCkge1xuICAgIHRoaXMuY29sbGFwc2VkLnNldChmYWxzZSk7XG5cbiAgICBpZiAoIXRoaXMuY2xvc2VPdGhlcnMoKSkge1xuICAgICAgdGhpcy5zZXJ2aWNlLmRyYXdlckVsZW1lbnRzKCkuZm9yRWFjaCgoZWxlbWVudCkgPT4ge1xuICAgICAgICBpZiAoZWxlbWVudC5sb2NhdGlvbigpID09PSB0aGlzLmxvY2F0aW9uKCkgJiYgZWxlbWVudC5pZCAhPT0gdGhpcy5pZCkge1xuICAgICAgICAgIGVsZW1lbnQuY2xvc2UoKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuc2hvd0JhY2tkcm9wKCkgJiYgdGhpcy5tb2RlKCkgPT09ICdvdmVybGF5Jykge1xuICAgICAgdGhpcy5fYWRkQmFja2Ryb3AoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX2FkZEJhY2tkcm9wKCkge1xuICAgIGlmIChpc0Jyb3dzZXIoKSkge1xuICAgICAgdGhpcy5fem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICAgIGNvbnN0IGJhY2tEcm9wRWxlbSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICBiYWNrRHJvcEVsZW0uY2xhc3NMaXN0LmFkZCgnYXgtYmFja2Ryb3AnKTtcbiAgICAgICAgYmFja0Ryb3BFbGVtLm9uY2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgdGhpcy5fem9uZS5ydW4oKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5jbG9zZSgpO1xuICAgICAgICAgIH0pO1xuICAgICAgICB9O1xuICAgICAgICB0aGlzLmdldEhvc3RFbGVtZW50KCk/LnBhcmVudEVsZW1lbnQ/LmFwcGVuZENoaWxkKGJhY2tEcm9wRWxlbSk7XG4gICAgICAgIHRoaXMuYmFja2Ryb3BFbGVtZW50LnNldChiYWNrRHJvcEVsZW0pO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9yZW1vdmVCYWNrZHJvcCgpIHtcbiAgICBpZiAoaXNCcm93c2VyKCkpIHtcbiAgICAgIHRoaXMuX3pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgICBpZiAodGhpcy5iYWNrZHJvcEVsZW1lbnQoKSkge1xuICAgICAgICAgIHRoaXMuZ2V0SG9zdEVsZW1lbnQoKT8ucGFyZW50RWxlbWVudD8ucmVtb3ZlQ2hpbGQodGhpcy5iYWNrZHJvcEVsZW1lbnQoKSk7XG4gICAgICAgICAgdGhpcy5iYWNrZHJvcEVsZW1lbnQuc2V0KG51bGwpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtZHJhd2VyLSR7dGhpcy5tb2RlKCl9IGF4LWRyYXdlci0ke3RoaXMubG9jYXRpb24oKX0gJHtcbiAgICAgIHRoaXMuY29sbGFwc2VkKCkgPyAnYXgtY29sbGFwc2VkJyA6ICdheC1leHBhbmRlZCdcbiAgICB9ICR7dGhpcy5sb2FkZWQoKSAmJiAnYXgtc3RhdGUtbG9hZGVkJ31gO1xuICB9XG59XG4iXX0=

package/esm2022/slider/lib/slider.component.mjs

@@ -133,7 +133,7 @@ export class AXSliderComponent extends classes((MXValueComponent), MXColorCompon
                 useExisting: forwardRef(() => AXSliderComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", styles: ["ax-slider{--ax-current-value: 0%;width:100%}ax-slider input{height:.5rem;width:100%;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", styles: ["ax-slider{--ax-current-value: 0%;width:100%}ax-slider input{height:.5rem;width:100%;-webkit-appearance:none;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSliderComponent, decorators: [{
             type: Component,
@@ -144,7 +144,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => AXSliderComponent),
                             multi: true,
                         },
-                    ], template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", styles: ["ax-slider{--ax-current-value: 0%;width:100%}ax-slider input{height:.5rem;width:100%;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
+                    ], template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", styles: ["ax-slider{--ax-current-value: 0%;width:100%}ax-slider input{height:.5rem;width:100%;-webkit-appearance:none;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { minValue: [{
                 type: Input
             }], maxValue: [{

package/fesm2022/acorex-components-drawer.mjs

@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { signal, Injectable, inject, afterNextRender, Component, ChangeDetectionStrategy, ViewEncapsulation, model, input, effect, HostBinding, NgModule } from '@angular/core';
+import { signal, Injectable, inject, afterNextRender, Component, ChangeDetectionStrategy, ViewEncapsulation, model, input, HostBinding, NgModule } from '@angular/core';
 import { MXBaseComponent, AXComponent, AXClosbaleComponent } from '@acorex/components/common';
 import { isBrowser } from '@acorex/core/platform';
 
@@ -31,17 +31,15 @@ class AXDrawerContainerComponent extends MXBaseComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXDrawerContainerComponent, selector: "ax-drawer-container", providers: [AXDrawerService], usesInheritance: true, ngImport: i0, template: `
-    <ng-content select="ax-drawer[location='start']"> </ng-content>
-    <ng-content select="ax-content"> </ng-content>
-    <ng-content select="ax-drawer[location='end']"> </ng-content>
+    <ng-content select="ax-drawer"> </ng-content>
+    <ng-content select="ax-content"></ng-content>
   `, isInline: true, styles: ["ax-drawer-container{position:relative;display:flex;height:100%;width:100%;overflow:hidden}ax-drawer-container.ax-fixed{bottom:0;inset-inline-end:0px;inset-inline-start:0px;top:0;z-index:50;display:none}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{position:absolute;bottom:0;top:0;z-index:10;height:100%;width:100%;background-color:#0003;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container>ax-content{height:100%;flex:1 1 0%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-drawer-container', template: `
-    <ng-content select="ax-drawer[location='start']"> </ng-content>
-    <ng-content select="ax-content"> </ng-content>
-    <ng-content select="ax-drawer[location='end']"> </ng-content>
+    <ng-content select="ax-drawer"> </ng-content>
+    <ng-content select="ax-content"></ng-content>
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [AXDrawerService], styles: ["ax-drawer-container{position:relative;display:flex;height:100%;width:100%;overflow:hidden}ax-drawer-container.ax-fixed{bottom:0;inset-inline-end:0px;inset-inline-start:0px;top:0;z-index:50;display:none}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{position:absolute;bottom:0;top:0;z-index:10;height:100%;width:100%;background-color:#0003;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container>ax-content{height:100%;flex:1 1 0%;overflow:auto}\n"] }]
         }], ctorParameters: () => [] });
 
@@ -60,16 +58,11 @@ class AXDrawerComponent extends MXBaseComponent {
         this.location = model('start');
         this.showBackdrop = input(true);
         this.mode = model('overlay');
-        this.collapsed = model(true);
         this.closeOthers = input(false);
+        this.collapsed = model(true);
         this.backdropElement = signal(null);
         this.loaded = signal(false);
         this.service = inject(AXDrawerService);
-        effect(() => {
-            if (this.mode() === 'overlay' && !this.collapsed() && this.showBackdrop()) {
-                this._addBackdrop();
-            }
-        }, { allowSignalWrites: true });
     }
     /**
      *  @ignore
@@ -101,27 +94,26 @@ class AXDrawerComponent extends MXBaseComponent {
      * Toggles the collapsed state of the drawer.
      */
     toggle() {
-        if (!this.closeOthers()) {
-            this.service.drawerElements().forEach((element) => {
-                if (element.location() === this.location() && element.id !== this.id) {
-                    element.close();
-                }
-            });
+        if (this.collapsed()) {
+            this.open();
+        }
+        else {
+            this.close();
         }
-        this.collapsed.update((prev) => !prev);
     }
     /**
      * Collapses the drawer.
      * @ignore
      */
     close() {
-        this._removeBackdrop();
         this.collapsed.set(true);
+        this._removeBackdrop();
     }
     /**
      * Expands the drawer.
      */
     open() {
+        this.collapsed.set(false);
         if (!this.closeOthers()) {
             this.service.drawerElements().forEach((element) => {
                 if (element.location() === this.location() && element.id !== this.id) {
@@ -129,13 +121,9 @@ class AXDrawerComponent extends MXBaseComponent {
                 }
             });
         }
-        this.collapsed.set(false);
-    }
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        return `ax-drawer-${this.mode()} ax-drawer-${this.location()} ${this.collapsed() ? 'ax-collapsed' : 'ax-expanded'} ${this.loaded() ? 'ax-state-loaded' : ''}`;
+        if (this.showBackdrop() && this.mode() === 'overlay') {
+            this._addBackdrop();
+        }
     }
     /**
      *  @ignore
@@ -168,14 +156,20 @@ class AXDrawerComponent extends MXBaseComponent {
             });
         }
     }
+    /**
+     *  @ignore
+     */
+    get __hostClass() {
+        return `ax-drawer-${this.mode()} ax-drawer-${this.location()} ${this.collapsed() ? 'ax-collapsed' : 'ax-expanded'} ${this.loaded() && 'ax-state-loaded'}`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: AXDrawerComponent, selector: "ax-drawer", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { location: "locationChange", mode: "modeChange", collapsed: "collapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: AXDrawerComponent, selector: "ax-drawer", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { location: "locationChange", mode: "modeChange", collapsed: "collapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXComponent, useExisting: AXDrawerComponent },
             { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
         ], usesInheritance: true, ngImport: i0, template: `
     <ng-content select="ax-header"></ng-content>
     <ng-content select="ax-content"></ng-content>
-  `, isInline: true, styles: ["ax-drawer{display:flex;height:100%;max-width:95%;flex-direction:column;background-color:rgba(var(--ax-color-surface))}ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer ax-header,ax-drawer ax-footer{padding:.75rem}ax-drawer ax-footer{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer>ax-content{flex:1 1 0%;overflow:auto}ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px;z-index:20}ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width));z-index:0}ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px;z-index:20}ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width));z-index:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["ax-drawer{display:flex;height:100%;max-width:95%;flex-direction:column;background-color:rgba(var(--ax-color-surface))}ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer ax-header,ax-drawer ax-footer{padding:.75rem}ax-drawer ax-footer{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer>ax-content{flex:1 1 0%;overflow:auto}ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer.ax-drawer-push.ax-expanded{z-index:20}ax-drawer.ax-drawer-push.ax-collapsed{z-index:0}ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px}ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px}ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerComponent, decorators: [{
             type: Component,
@@ -185,7 +179,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXComponent, useExisting: AXDrawerComponent },
                         { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
-                    ], styles: ["ax-drawer{display:flex;height:100%;max-width:95%;flex-direction:column;background-color:rgba(var(--ax-color-surface))}ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer ax-header,ax-drawer ax-footer{padding:.75rem}ax-drawer ax-footer{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer>ax-content{flex:1 1 0%;overflow:auto}ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px;z-index:20}ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width));z-index:0}ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px;z-index:20}ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width));z-index:0}\n"] }]
+                    ], styles: ["ax-drawer{display:flex;height:100%;max-width:95%;flex-direction:column;background-color:rgba(var(--ax-color-surface))}ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer ax-header,ax-drawer ax-footer{padding:.75rem}ax-drawer ax-footer{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer>ax-content{flex:1 1 0%;overflow:auto}ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer.ax-drawer-push.ax-expanded{z-index:20}ax-drawer.ax-drawer-push.ax-collapsed{z-index:0}ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px}ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px}ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-drawer.mjs","sources":["../../../../libs/components/drawer/src/lib/drawer.service.ts","../../../../libs/components/drawer/src/lib/drawer/drawer-container/drawer-container.component.ts","../../../../libs/components/drawer/src/lib/drawer/drawer-item/drawer.component.ts","../../../../libs/components/drawer/src/lib/drawer.module.ts","../../../../libs/components/drawer/src/acorex-components-drawer.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\nimport { AXDrawerComponent } from './drawer/drawer-item/drawer.component';\n\n@Injectable()\nexport class AXDrawerService {\n  drawerElements = signal<AXDrawerComponent[]>(null);\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXDrawerService } from '../../drawer.service';\nimport { AXDrawerComponent } from '../drawer-item/drawer.component';\n\n/**\n * A container component that organizes and positions drawer components.\n * @category component\n */\n@Component({\n  selector: 'ax-drawer-container',\n  template: `\n    <ng-content select=\"ax-drawer[location='start']\"> </ng-content>\n    <ng-content select=\"ax-content\"> </ng-content>\n    <ng-content select=\"ax-drawer[location='end']\"> </ng-content>\n  `,\n  styleUrls: ['./drawer-container.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXDrawerService],\n})\nexport class AXDrawerContainerComponent extends MXBaseComponent {\n  service = inject(AXDrawerService);\n\n  constructor() {\n    super();\n    afterNextRender(() => {\n      const host = this.getHostElement();\n      const drawerClasses = Array.from(host.querySelectorAll(`ax-drawer`)).map(\n        (c) => c['__axContext__'] as AXDrawerComponent,\n      );\n      this.service.drawerElements.set(drawerClasses);\n    });\n  }\n}\n","import { AXClosbaleComponent, AXComponent, MXBaseComponent } from '@acorex/components/common';\nimport { isBrowser } from '@acorex/core/platform';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  DoCheck,\n  effect,\n  HostBinding,\n  inject,\n  input,\n  model,\n  NgZone,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXDrawerService } from '../../drawer.service';\n\nexport type AXDrawerMode = 'push' | 'overlay';\nexport type AXDrawerLocation = 'start' | 'end';\n\n/**\n * A component that represents a drawer with header and content sections.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-drawer',\n  template: `\n    <ng-content select=\"ax-header\"></ng-content>\n    <ng-content select=\"ax-content\"></ng-content>\n  `,\n  styleUrls: ['./drawer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXComponent, useExisting: AXDrawerComponent },\n    { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },\n  ],\n})\nexport class AXDrawerComponent extends MXBaseComponent implements AfterContentInit, DoCheck {\n  location = model<AXDrawerLocation>('start');\n\n  showBackdrop = input(true);\n\n  mode = model<AXDrawerMode>('overlay');\n\n  collapsed = model(true);\n\n  closeOthers = input(false);\n\n  private backdropElement = signal<HTMLElement>(null);\n\n  private loaded = signal(false);\n\n  service = inject(AXDrawerService);\n\n  /**\n   *  @ignore\n   */\n  constructor(private _zone: NgZone) {\n    super();\n    effect(\n      () => {\n        if (this.mode() === 'overlay' && !this.collapsed() && this.showBackdrop()) {\n          this._addBackdrop();\n        }\n      },\n      { allowSignalWrites: true },\n    );\n  }\n\n  /**\n   *  @ignore\n   */\n  ngAfterContentInit(): void {\n    this._detectBoundingSize();\n    setTimeout(() => {\n      this.loaded.set(true);\n    }, 5000);\n  }\n\n  /**\n   *  @ignore\n   */\n  ngDoCheck() {\n    this._detectBoundingSize();\n  }\n\n  /**\n   *  @ignore\n   */\n  private _detectBoundingSize() {\n    this._zone.runOutsideAngular(() => {\n      const host = this.getHostElement();\n      if (host.clientWidth) {\n        host.style.setProperty('--ax-el-width', `${host.clientWidth}px`);\n      }\n    });\n  }\n\n  /**\n   * Toggles the collapsed state of the drawer.\n   */\n  toggle() {\n    if (!this.closeOthers()) {\n      this.service.drawerElements().forEach((element) => {\n        if (element.location() === this.location() && element.id !== this.id) {\n          element.close();\n        }\n      });\n    }\n    this.collapsed.update((prev) => !prev);\n  }\n\n  /**\n   * Collapses the drawer.\n   * @ignore\n   */\n  close() {\n    this._removeBackdrop();\n    this.collapsed.set(true);\n  }\n\n  /**\n   * Expands the drawer.\n   */\n  open() {\n    if (!this.closeOthers()) {\n      this.service.drawerElements().forEach((element) => {\n        if (element.location() === this.location() && element.id !== this.id) {\n          element.close();\n        }\n      });\n    }\n    this.collapsed.set(false);\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-drawer-${this.mode()} ax-drawer-${this.location()} ${\n      this.collapsed() ? 'ax-collapsed' : 'ax-expanded'\n    } ${this.loaded() ? 'ax-state-loaded' : ''}`;\n  }\n\n  /**\n   *  @ignore\n   */\n  private _addBackdrop() {\n    if (isBrowser()) {\n      this._zone.runOutsideAngular(() => {\n        const backDropElem = document.createElement('div');\n        backDropElem.classList.add('ax-backdrop');\n        backDropElem.onclick = () => {\n          this._zone.run(() => {\n            this.close();\n          });\n        };\n        this.getHostElement()?.parentElement?.appendChild(backDropElem);\n        this.backdropElement.set(backDropElem);\n      });\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private _removeBackdrop() {\n    if (isBrowser()) {\n      this._zone.runOutsideAngular(() => {\n        if (this.backdropElement()) {\n          this.getHostElement()?.parentElement?.removeChild(this.backdropElement());\n          this.backdropElement.set(null);\n        }\n      });\n    }\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDrawerContainerComponent } from './drawer/drawer-container/drawer-container.component';\nimport { AXDrawerComponent } from './drawer/drawer-item/drawer.component';\n\nconst COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDrawerModule {}\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-drawer.mjs","sources":["../../../../libs/components/drawer/src/lib/drawer.service.ts","../../../../libs/components/drawer/src/lib/drawer/drawer-container/drawer-container.component.ts","../../../../libs/components/drawer/src/lib/drawer/drawer-item/drawer.component.ts","../../../../libs/components/drawer/src/lib/drawer.module.ts","../../../../libs/components/drawer/src/acorex-components-drawer.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\nimport { AXDrawerComponent } from './drawer/drawer-item/drawer.component';\n\n@Injectable()\nexport class AXDrawerService {\n  drawerElements = signal<AXDrawerComponent[]>(null);\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXDrawerService } from '../../drawer.service';\nimport { AXDrawerComponent } from '../drawer-item/drawer.component';\n\n/**\n * A container component that organizes and positions drawer components.\n * @category component\n */\n@Component({\n  selector: 'ax-drawer-container',\n  template: `\n    <ng-content select=\"ax-drawer\"> </ng-content>\n    <ng-content select=\"ax-content\"></ng-content>\n  `,\n  styleUrls: ['./drawer-container.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXDrawerService],\n})\nexport class AXDrawerContainerComponent extends MXBaseComponent {\n  private service = inject(AXDrawerService);\n\n  constructor() {\n    super();\n    afterNextRender(() => {\n      const host = this.getHostElement();\n      const drawerClasses = Array.from(host.querySelectorAll(`ax-drawer`)).map(\n        (c) => c['__axContext__'] as AXDrawerComponent,\n      );\n      this.service.drawerElements.set(drawerClasses);\n    });\n  }\n}\n","import { AXClosbaleComponent, AXComponent, MXBaseComponent } from '@acorex/components/common';\nimport { isBrowser } from '@acorex/core/platform';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  DoCheck,\n  HostBinding,\n  inject,\n  input,\n  model,\n  NgZone,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXDrawerService } from '../../drawer.service';\n\nexport type AXDrawerMode = 'push' | 'overlay';\nexport type AXDrawerLocation = 'start' | 'end';\n\n/**\n * A component that represents a drawer with header and content sections.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-drawer',\n  template: `\n    <ng-content select=\"ax-header\"></ng-content>\n    <ng-content select=\"ax-content\"></ng-content>\n  `,\n  styleUrls: ['./drawer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXComponent, useExisting: AXDrawerComponent },\n    { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },\n  ],\n})\nexport class AXDrawerComponent extends MXBaseComponent implements AfterContentInit, DoCheck {\n  location = model<AXDrawerLocation>('start');\n\n  showBackdrop = input(true);\n\n  mode = model<AXDrawerMode>('overlay');\n\n  closeOthers = input(false);\n\n  collapsed = model(true);\n\n  private backdropElement = signal<HTMLElement>(null);\n\n  protected loaded = signal(false);\n\n  private service = inject(AXDrawerService);\n\n  /**\n   *  @ignore\n   */\n  constructor(private _zone: NgZone) {\n    super();\n  }\n\n  /**\n   *  @ignore\n   */\n  ngAfterContentInit(): void {\n    this._detectBoundingSize();\n    setTimeout(() => {\n      this.loaded.set(true);\n    }, 5000);\n  }\n\n  /**\n   *  @ignore\n   */\n  ngDoCheck() {\n    this._detectBoundingSize();\n  }\n\n  /**\n   *  @ignore\n   */\n  private _detectBoundingSize() {\n    this._zone.runOutsideAngular(() => {\n      const host = this.getHostElement();\n      if (host.clientWidth) {\n        host.style.setProperty('--ax-el-width', `${host.clientWidth}px`);\n      }\n    });\n  }\n\n  /**\n   * Toggles the collapsed state of the drawer.\n   */\n  toggle() {\n    if (this.collapsed()) {\n      this.open();\n    } else {\n      this.close();\n    }\n  }\n\n  /**\n   * Collapses the drawer.\n   * @ignore\n   */\n  close() {\n    this.collapsed.set(true);\n    this._removeBackdrop();\n  }\n\n  /**\n   * Expands the drawer.\n   */\n  open() {\n    this.collapsed.set(false);\n\n    if (!this.closeOthers()) {\n      this.service.drawerElements().forEach((element) => {\n        if (element.location() === this.location() && element.id !== this.id) {\n          element.close();\n        }\n      });\n    }\n\n    if (this.showBackdrop() && this.mode() === 'overlay') {\n      this._addBackdrop();\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private _addBackdrop() {\n    if (isBrowser()) {\n      this._zone.runOutsideAngular(() => {\n        const backDropElem = document.createElement('div');\n        backDropElem.classList.add('ax-backdrop');\n        backDropElem.onclick = () => {\n          this._zone.run(() => {\n            this.close();\n          });\n        };\n        this.getHostElement()?.parentElement?.appendChild(backDropElem);\n        this.backdropElement.set(backDropElem);\n      });\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private _removeBackdrop() {\n    if (isBrowser()) {\n      this._zone.runOutsideAngular(() => {\n        if (this.backdropElement()) {\n          this.getHostElement()?.parentElement?.removeChild(this.backdropElement());\n          this.backdropElement.set(null);\n        }\n      });\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-drawer-${this.mode()} ax-drawer-${this.location()} ${\n      this.collapsed() ? 'ax-collapsed' : 'ax-expanded'\n    } ${this.loaded() && 'ax-state-loaded'}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDrawerContainerComponent } from './drawer/drawer-container/drawer-container.component';\nimport { AXDrawerComponent } from './drawer/drawer-item/drawer.component';\n\nconst COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDrawerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-slider.mjs

@@ -135,7 +135,7 @@ class AXSliderComponent extends classes((MXValueComponent), MXColorComponent) {
                 useExisting: forwardRef(() => AXSliderComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", styles: ["ax-slider{--ax-current-value: 0%;width:100%}ax-slider input{height:.5rem;width:100%;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", styles: ["ax-slider{--ax-current-value: 0%;width:100%}ax-slider input{height:.5rem;width:100%;-webkit-appearance:none;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXSliderComponent, decorators: [{
             type: Component,
@@ -146,7 +146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => AXSliderComponent),
                             multi: true,
                         },
-                    ], template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", styles: ["ax-slider{--ax-current-value: 0%;width:100%}ax-slider input{height:.5rem;width:100%;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
+                    ], template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", styles: ["ax-slider{--ax-current-value: 0%;width:100%}ax-slider input{height:.5rem;width:100%;-webkit-appearance:none;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px 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-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { minValue: [{
                 type: Input
             }], maxValue: [{

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-slider.mjs","sources":["../../../../libs/components/slider/src/lib/slider.component.ts","../../../../libs/components/slider/src/lib/slider.component.html","../../../../libs/components/slider/src/lib/slider.module.ts","../../../../libs/components/slider/src/acorex-components-slider.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXDirection,\n  AXValuableComponent,\n  MXColorComponent,\n  MXComponentOptionChanged,\n  MXValueComponent,\n} from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, NgZone, ViewEncapsulation, forwardRef, output } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * @category\n *  A customizable slider component for selecting a value within a range.\n */\n@Component({\n  selector: 'ax-slider',\n  templateUrl: './slider.component.html',\n  styleUrls: ['./slider.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['readonly', 'disabled', 'value', 'name', 'color'],\n  outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange', 'onChange'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXSliderComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSliderComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXSliderComponent extends classes(MXValueComponent<number>, MXColorComponent) {\n  /** @ignore */\n  constructor(private _zone: NgZone) {\n    super();\n  }\n\n  /**\n   * @event\n   */\n  onClick = output<AXClickEvent>();\n\n  /** @ignore */\n  private _minValue = 0;\n\n  /**\n   *  Specifies the smallest value that is valid\n   */\n  @Input()\n  public get minValue(): number {\n    return this._minValue ?? 0;\n  }\n\n  /**\n   * Sets the minimum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set minValue(v: number) {\n    this.setOption({\n      name: 'minValue',\n      value: v != null ? Number(v) : 0,\n    });\n  }\n\n  /** @ignore */\n  private _maxValue = 100;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get maxValue(): number {\n    return this._maxValue ?? 100;\n  }\n\n  /**\n   * Sets the maximum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set maxValue(v: number) {\n    this.setOption({\n      name: 'maxValue',\n      value: v != null ? Number(v) : 100,\n    });\n  }\n\n  /** @ignore */\n  private _step = 1;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get step(): number {\n    return this._step ?? 100;\n  }\n\n  /**\n   * Sets the step increment for the slider.\n   *\n   * @param {number} v\n   */\n  public set step(v: number) {\n    this.setOption({\n      name: 'step',\n      value: v != null ? Number(v) : 1,\n    });\n  }\n\n  //TODO: vertical dont work properly\n  /**\n   * The direction of the slider.\n   *\n   * @defaultValue 'horizontal'\n   */\n  @Input()\n  direction: AXDirection = 'horizontal';\n\n  /**\n   * Handles changes to internal component options.\n   *\n   * @param {MXComponentOptionChanged} e\n   */\n  override internalOptionChanged(e: MXComponentOptionChanged) {\n    this._calcVars();\n  }\n\n  /**\n   * Handles changes to the component's value.\n   *\n   * @param {number} value\n   */\n  override internalValueChanged(value: number): void {\n    this._calcVars();\n  }\n\n  /** @ignore */\n  protected _handleModelChange(value: number) {\n    this.commitValue(value, true);\n  }\n\n  /** @ignore */\n  private _calcVars() {\n    this._zone.runOutsideAngular(() => {\n      const per = (((this.value ?? 0) - this.minValue) / (this.maxValue - this.minValue)) * 100 - 0.1;\n      this.getHostElement().style.setProperty('--ax-current-value', `${per}%`);\n    });\n  }\n\n  /**\n   * @event\n   *\n   * Emits the value of the clicked input element when the click event occurs.\n   */\n  clickHandler(e: Event) {\n    this.onClick.emit((e.target as HTMLInputElement).value as any);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-solid ax-${this.direction}`;\n  }\n\n  /** @ignore */\n  @HostBinding('class.ax-state-disabled')\n  private get __hostClassDisabled(): boolean {\n    return this.disabled;\n  }\n}\n","<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n","import { AXCommonModule } from '@acorex/components/common';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSliderComponent } from './slider.component';\n\nconst COMPONENT = [AXSliderComponent];\nconst MODULES = [CommonModule, AXCommonModule, FormsModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSliderModule {}\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-slider.mjs","sources":["../../../../libs/components/slider/src/lib/slider.component.ts","../../../../libs/components/slider/src/lib/slider.component.html","../../../../libs/components/slider/src/lib/slider.module.ts","../../../../libs/components/slider/src/acorex-components-slider.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXDirection,\n  AXValuableComponent,\n  MXColorComponent,\n  MXComponentOptionChanged,\n  MXValueComponent,\n} from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, NgZone, ViewEncapsulation, forwardRef, output } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * @category\n *  A customizable slider component for selecting a value within a range.\n */\n@Component({\n  selector: 'ax-slider',\n  templateUrl: './slider.component.html',\n  styleUrls: ['./slider.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['readonly', 'disabled', 'value', 'name', 'color'],\n  outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange', 'onChange'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXSliderComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSliderComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXSliderComponent extends classes(MXValueComponent<number>, MXColorComponent) {\n  /** @ignore */\n  constructor(private _zone: NgZone) {\n    super();\n  }\n\n  /**\n   * @event\n   */\n  onClick = output<AXClickEvent>();\n\n  /** @ignore */\n  private _minValue = 0;\n\n  /**\n   *  Specifies the smallest value that is valid\n   */\n  @Input()\n  public get minValue(): number {\n    return this._minValue ?? 0;\n  }\n\n  /**\n   * Sets the minimum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set minValue(v: number) {\n    this.setOption({\n      name: 'minValue',\n      value: v != null ? Number(v) : 0,\n    });\n  }\n\n  /** @ignore */\n  private _maxValue = 100;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get maxValue(): number {\n    return this._maxValue ?? 100;\n  }\n\n  /**\n   * Sets the maximum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set maxValue(v: number) {\n    this.setOption({\n      name: 'maxValue',\n      value: v != null ? Number(v) : 100,\n    });\n  }\n\n  /** @ignore */\n  private _step = 1;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get step(): number {\n    return this._step ?? 100;\n  }\n\n  /**\n   * Sets the step increment for the slider.\n   *\n   * @param {number} v\n   */\n  public set step(v: number) {\n    this.setOption({\n      name: 'step',\n      value: v != null ? Number(v) : 1,\n    });\n  }\n\n  //TODO: vertical dont work properly\n  /**\n   * The direction of the slider.\n   *\n   * @defaultValue 'horizontal'\n   */\n  @Input()\n  direction: AXDirection = 'horizontal';\n\n  /**\n   * Handles changes to internal component options.\n   *\n   * @param {MXComponentOptionChanged} e\n   */\n  override internalOptionChanged(e: MXComponentOptionChanged) {\n    this._calcVars();\n  }\n\n  /**\n   * Handles changes to the component's value.\n   *\n   * @param {number} value\n   */\n  override internalValueChanged(value: number): void {\n    this._calcVars();\n  }\n\n  /** @ignore */\n  protected _handleModelChange(value: number) {\n    this.commitValue(value, true);\n  }\n\n  /** @ignore */\n  private _calcVars() {\n    this._zone.runOutsideAngular(() => {\n      const per = (((this.value ?? 0) - this.minValue) / (this.maxValue - this.minValue)) * 100 - 0.1;\n      this.getHostElement().style.setProperty('--ax-current-value', `${per}%`);\n    });\n  }\n\n  /**\n   * @event\n   *\n   * Emits the value of the clicked input element when the click event occurs.\n   */\n  clickHandler(e: Event) {\n    this.onClick.emit((e.target as HTMLInputElement).value as any);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-solid ax-${this.direction}`;\n  }\n\n  /** @ignore */\n  @HostBinding('class.ax-state-disabled')\n  private get __hostClassDisabled(): boolean {\n    return this.disabled;\n  }\n}\n","<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n","import { AXCommonModule } from '@acorex/components/common';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSliderComponent } from './slider.component';\n\nconst COMPONENT = [AXSliderComponent];\nconst MODULES = [CommonModule, AXCommonModule, FormsModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "18.12.20",
+  "version": "18.12.21",
   "peerDependencies": {
     "@angular/common": ">=18.2.0",
     "@angular/core": ">=18.2.0",
@@ -32,17 +32,11 @@
       "esm": "./esm2022/action-sheet/acorex-components-action-sheet.mjs",
       "default": "./fesm2022/acorex-components-action-sheet.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "esm2022": "./esm2022/avatar/acorex-components-avatar.mjs",
-      "esm": "./esm2022/avatar/acorex-components-avatar.mjs",
-      "default": "./fesm2022/acorex-components-avatar.mjs"
-    },
-    "./bottom-navigation": {
-      "types": "./bottom-navigation/index.d.ts",
-      "esm2022": "./esm2022/bottom-navigation/acorex-components-bottom-navigation.mjs",
-      "esm": "./esm2022/bottom-navigation/acorex-components-bottom-navigation.mjs",
-      "default": "./fesm2022/acorex-components-bottom-navigation.mjs"
+    "./alert": {
+      "types": "./alert/index.d.ts",
+      "esm2022": "./esm2022/alert/acorex-components-alert.mjs",
+      "esm": "./esm2022/alert/acorex-components-alert.mjs",
+      "default": "./fesm2022/acorex-components-alert.mjs"
     },
     "./badge": {
       "types": "./badge/index.d.ts",
@@ -56,17 +50,23 @@
       "esm": "./esm2022/breadcrumbs/acorex-components-breadcrumbs.mjs",
       "default": "./fesm2022/acorex-components-breadcrumbs.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "esm2022": "./esm2022/avatar/acorex-components-avatar.mjs",
+      "esm": "./esm2022/avatar/acorex-components-avatar.mjs",
+      "default": "./fesm2022/acorex-components-avatar.mjs"
+    },
     "./audio-wave": {
       "types": "./audio-wave/index.d.ts",
       "esm2022": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
       "esm": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
       "default": "./fesm2022/acorex-components-audio-wave.mjs"
     },
-    "./alert": {
-      "types": "./alert/index.d.ts",
-      "esm2022": "./esm2022/alert/acorex-components-alert.mjs",
-      "esm": "./esm2022/alert/acorex-components-alert.mjs",
-      "default": "./fesm2022/acorex-components-alert.mjs"
+    "./bottom-navigation": {
+      "types": "./bottom-navigation/index.d.ts",
+      "esm2022": "./esm2022/bottom-navigation/acorex-components-bottom-navigation.mjs",
+      "esm": "./esm2022/bottom-navigation/acorex-components-bottom-navigation.mjs",
+      "default": "./fesm2022/acorex-components-bottom-navigation.mjs"
     },
     "./button": {
       "types": "./button/index.d.ts",
@@ -86,30 +86,30 @@
       "esm": "./esm2022/calendar/acorex-components-calendar.mjs",
       "default": "./fesm2022/acorex-components-calendar.mjs"
     },
-    "./check-box": {
-      "types": "./check-box/index.d.ts",
-      "esm2022": "./esm2022/check-box/acorex-components-check-box.mjs",
-      "esm": "./esm2022/check-box/acorex-components-check-box.mjs",
-      "default": "./fesm2022/acorex-components-check-box.mjs"
-    },
-    "./chips": {
-      "types": "./chips/index.d.ts",
-      "esm2022": "./esm2022/chips/acorex-components-chips.mjs",
-      "esm": "./esm2022/chips/acorex-components-chips.mjs",
-      "default": "./fesm2022/acorex-components-chips.mjs"
-    },
     "./circular-progress": {
       "types": "./circular-progress/index.d.ts",
       "esm2022": "./esm2022/circular-progress/acorex-components-circular-progress.mjs",
       "esm": "./esm2022/circular-progress/acorex-components-circular-progress.mjs",
       "default": "./fesm2022/acorex-components-circular-progress.mjs"
     },
+    "./check-box": {
+      "types": "./check-box/index.d.ts",
+      "esm2022": "./esm2022/check-box/acorex-components-check-box.mjs",
+      "esm": "./esm2022/check-box/acorex-components-check-box.mjs",
+      "default": "./fesm2022/acorex-components-check-box.mjs"
+    },
     "./collapse": {
       "types": "./collapse/index.d.ts",
       "esm2022": "./esm2022/collapse/acorex-components-collapse.mjs",
       "esm": "./esm2022/collapse/acorex-components-collapse.mjs",
       "default": "./fesm2022/acorex-components-collapse.mjs"
     },
+    "./chips": {
+      "types": "./chips/index.d.ts",
+      "esm2022": "./esm2022/chips/acorex-components-chips.mjs",
+      "esm": "./esm2022/chips/acorex-components-chips.mjs",
+      "default": "./fesm2022/acorex-components-chips.mjs"
+    },
     "./color-box": {
       "types": "./color-box/index.d.ts",
       "esm2022": "./esm2022/color-box/acorex-components-color-box.mjs",
@@ -176,11 +176,11 @@
       "esm": "./esm2022/decorators/acorex-components-decorators.mjs",
       "default": "./fesm2022/acorex-components-decorators.mjs"
     },
-    "./dropdown": {
-      "types": "./dropdown/index.d.ts",
-      "esm2022": "./esm2022/dropdown/acorex-components-dropdown.mjs",
-      "esm": "./esm2022/dropdown/acorex-components-dropdown.mjs",
-      "default": "./fesm2022/acorex-components-dropdown.mjs"
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "esm2022": "./esm2022/dialog/acorex-components-dialog.mjs",
+      "esm": "./esm2022/dialog/acorex-components-dialog.mjs",
+      "default": "./fesm2022/acorex-components-dialog.mjs"
     },
     "./drawer": {
       "types": "./drawer/index.d.ts",
@@ -188,11 +188,11 @@
       "esm": "./esm2022/drawer/acorex-components-drawer.mjs",
       "default": "./fesm2022/acorex-components-drawer.mjs"
     },
-    "./dialog": {
-      "types": "./dialog/index.d.ts",
-      "esm2022": "./esm2022/dialog/acorex-components-dialog.mjs",
-      "esm": "./esm2022/dialog/acorex-components-dialog.mjs",
-      "default": "./fesm2022/acorex-components-dialog.mjs"
+    "./dropdown": {
+      "types": "./dropdown/index.d.ts",
+      "esm2022": "./esm2022/dropdown/acorex-components-dropdown.mjs",
+      "esm": "./esm2022/dropdown/acorex-components-dropdown.mjs",
+      "default": "./fesm2022/acorex-components-dropdown.mjs"
     },
     "./dropdown-button": {
       "types": "./dropdown-button/index.d.ts",
@@ -308,18 +308,18 @@
       "esm": "./esm2022/password-box/acorex-components-password-box.mjs",
       "default": "./fesm2022/acorex-components-password-box.mjs"
     },
-    "./picker": {
-      "types": "./picker/index.d.ts",
-      "esm2022": "./esm2022/picker/acorex-components-picker.mjs",
-      "esm": "./esm2022/picker/acorex-components-picker.mjs",
-      "default": "./fesm2022/acorex-components-picker.mjs"
-    },
     "./phone-box": {
       "types": "./phone-box/index.d.ts",
       "esm2022": "./esm2022/phone-box/acorex-components-phone-box.mjs",
       "esm": "./esm2022/phone-box/acorex-components-phone-box.mjs",
       "default": "./fesm2022/acorex-components-phone-box.mjs"
     },
+    "./picker": {
+      "types": "./picker/index.d.ts",
+      "esm2022": "./esm2022/picker/acorex-components-picker.mjs",
+      "esm": "./esm2022/picker/acorex-components-picker.mjs",
+      "default": "./fesm2022/acorex-components-picker.mjs"
+    },
     "./popover": {
       "types": "./popover/index.d.ts",
       "esm2022": "./esm2022/popover/acorex-components-popover.mjs",
@@ -338,41 +338,35 @@
       "esm": "./esm2022/progress-bar/acorex-components-progress-bar.mjs",
       "default": "./fesm2022/acorex-components-progress-bar.mjs"
     },
-    "./radio": {
-      "types": "./radio/index.d.ts",
-      "esm2022": "./esm2022/radio/acorex-components-radio.mjs",
-      "esm": "./esm2022/radio/acorex-components-radio.mjs",
-      "default": "./fesm2022/acorex-components-radio.mjs"
-    },
     "./qrcode": {
       "types": "./qrcode/index.d.ts",
       "esm2022": "./esm2022/qrcode/acorex-components-qrcode.mjs",
       "esm": "./esm2022/qrcode/acorex-components-qrcode.mjs",
       "default": "./fesm2022/acorex-components-qrcode.mjs"
     },
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "esm2022": "./esm2022/radio/acorex-components-radio.mjs",
+      "esm": "./esm2022/radio/acorex-components-radio.mjs",
+      "default": "./fesm2022/acorex-components-radio.mjs"
+    },
     "./range-slider": {
       "types": "./range-slider/index.d.ts",
       "esm2022": "./esm2022/range-slider/acorex-components-range-slider.mjs",
       "esm": "./esm2022/range-slider/acorex-components-range-slider.mjs",
       "default": "./fesm2022/acorex-components-range-slider.mjs"
     },
-    "./rate-picker": {
-      "types": "./rate-picker/index.d.ts",
-      "esm2022": "./esm2022/rate-picker/acorex-components-rate-picker.mjs",
-      "esm": "./esm2022/rate-picker/acorex-components-rate-picker.mjs",
-      "default": "./fesm2022/acorex-components-rate-picker.mjs"
-    },
     "./result": {
       "types": "./result/index.d.ts",
       "esm2022": "./esm2022/result/acorex-components-result.mjs",
       "esm": "./esm2022/result/acorex-components-result.mjs",
       "default": "./fesm2022/acorex-components-result.mjs"
     },
-    "./routing-progress": {
-      "types": "./routing-progress/index.d.ts",
-      "esm2022": "./esm2022/routing-progress/acorex-components-routing-progress.mjs",
-      "esm": "./esm2022/routing-progress/acorex-components-routing-progress.mjs",
-      "default": "./fesm2022/acorex-components-routing-progress.mjs"
+    "./rate-picker": {
+      "types": "./rate-picker/index.d.ts",
+      "esm2022": "./esm2022/rate-picker/acorex-components-rate-picker.mjs",
+      "esm": "./esm2022/rate-picker/acorex-components-rate-picker.mjs",
+      "default": "./fesm2022/acorex-components-rate-picker.mjs"
     },
     "./scheduler": {
       "types": "./scheduler/index.d.ts",
@@ -380,6 +374,12 @@
       "esm": "./esm2022/scheduler/acorex-components-scheduler.mjs",
       "default": "./fesm2022/acorex-components-scheduler.mjs"
     },
+    "./routing-progress": {
+      "types": "./routing-progress/index.d.ts",
+      "esm2022": "./esm2022/routing-progress/acorex-components-routing-progress.mjs",
+      "esm": "./esm2022/routing-progress/acorex-components-routing-progress.mjs",
+      "default": "./fesm2022/acorex-components-routing-progress.mjs"
+    },
     "./scss": {
       "types": "./scss/index.d.ts",
       "esm2022": "./esm2022/scss/acorex-components-scss.mjs",
@@ -392,6 +392,12 @@
       "esm": "./esm2022/search-box/acorex-components-search-box.mjs",
       "default": "./fesm2022/acorex-components-search-box.mjs"
     },
+    "./selection-list": {
+      "types": "./selection-list/index.d.ts",
+      "esm2022": "./esm2022/selection-list/acorex-components-selection-list.mjs",
+      "esm": "./esm2022/selection-list/acorex-components-selection-list.mjs",
+      "default": "./fesm2022/acorex-components-selection-list.mjs"
+    },
     "./select-box": {
       "types": "./select-box/index.d.ts",
       "esm2022": "./esm2022/select-box/acorex-components-select-box.mjs",
@@ -404,12 +410,6 @@
       "esm": "./esm2022/side-menu/acorex-components-side-menu.mjs",
       "default": "./fesm2022/acorex-components-side-menu.mjs"
     },
-    "./selection-list": {
-      "types": "./selection-list/index.d.ts",
-      "esm2022": "./esm2022/selection-list/acorex-components-selection-list.mjs",
-      "esm": "./esm2022/selection-list/acorex-components-selection-list.mjs",
-      "default": "./fesm2022/acorex-components-selection-list.mjs"
-    },
     "./skeleton": {
       "types": "./skeleton/index.d.ts",
       "esm2022": "./esm2022/skeleton/acorex-components-skeleton.mjs",