@acorex/components 18.9.6 → 18.9.8

package/fesm2022/acorex-components-drawer.mjs

@@ -1,45 +1,49 @@
-import { MXBaseComponent, AXComponent, AXClosbaleComponent } from '@acorex/components/common';
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Output, Input, HostBinding, NgModule } from '@angular/core';
+import { signal, Injectable, inject, afterNextRender, Component, ChangeDetectionStrategy, ViewEncapsulation, model, input, effect, HostBinding, NgModule } from '@angular/core';
+import { MXBaseComponent, AXComponent, AXClosbaleComponent } from '@acorex/components/common';
 import { isBrowser } from '@acorex/core/platform';
-import { CommonModule } from '@angular/common';
+
+class AXDrawerService {
+    constructor() {
+        this.drawerElements = signal(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerService, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * A container component that organizes and positions drawer components.
  * @category component
  */
 class AXDrawerContainerComponent extends MXBaseComponent {
-    /**
-   *  @ignore
-   */
-    ngDoCheck() {
-        const host = this.getHostElement();
-        Array.from(host.querySelectorAll('ax-drawer'))
-            .map((c) => c['__axContext__'])
-            .some((c) => !c?.collapsed)
-            ? host.classList.add('ax-visible')
-            : host.classList.remove('ax-visible');
+    constructor() {
+        super();
+        this.service = inject(AXDrawerService);
+        afterNextRender(() => {
+            const host = this.getHostElement();
+            const drawerClasses = Array.from(host.querySelectorAll(`ax-drawer`)).map((c) => c['__axContext__']);
+            this.service.drawerElements.set(drawerClasses);
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXDrawerContainerComponent, selector: "ax-drawer-container", usesInheritance: true, ngImport: i0, template: `
+    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>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, 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: `
+            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>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }] });
+  `, 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: () => [] });
 
 /**
  * A component that represents a drawer with header and content sections.
@@ -53,122 +57,28 @@ class AXDrawerComponent extends MXBaseComponent {
     constructor(_zone) {
         super();
         this._zone = _zone;
-        /**
-         * Emits when the drawer's location changes.
-         *
-         * @event
-         */
-        this.locationChange = new EventEmitter();
-        /**
-         *  @ignore
-         */
-        this._location = 'start';
-        /**
-         *  @ignore
-         */
-        this._showBackdrop = true;
-        /**
-         * Emitted when the drawer mode changes.
-         *
-         * @event
-         */
-        this.modeChange = new EventEmitter();
-        /**
-         *  @ignore
-         */
-        this._mode = 'overlay';
-        /**
-         * Emitted when the collapsed state of the drawer changes.
-         *
-         * @event
-         */
-        this.collapsedChange = new EventEmitter();
-        /**
-         *  @ignore
-         */
-        this._collapsed = true;
-        /**
-         *  @ignore
-         */
-        this._loaded = false;
-    }
-    /**
-     * Gets the location of the drawer.
-     */
-    get location() {
-        return this._location;
-    }
-    /**
-     * Sets the location of the drawer.
-     *
-     * @param v The new location of the drawer.
-     */
-    set location(v) {
-        this.setOption({
-            name: 'location',
-            value: v,
-        });
-    }
-    /**
-     * Gets whether the backdrop is shown.
-     */
-    get showBackdrop() {
-        return this._showBackdrop;
-    }
-    /**
-     * Sets whether the backdrop should be shown.
-     *
-     * @param v
-     */
-    set showBackdrop(v) {
-        this.setOption({
-            name: 'showBackdrop',
-            value: v,
-        });
-    }
-    /**
-     * Gets the current mode of the drawer.
-     */
-    get mode() {
-        return this._mode;
-    }
-    /**
-     * Sets the mode of the drawer.
-     *
-     * @param v The new mode to set.
-     */
-    set mode(v) {
-        this.setOption({
-            name: 'mode',
-            value: v,
-        });
-    }
-    /**
-     * Gets the collapsed state of the drawer.
-     */
-    get collapsed() {
-        return this._collapsed;
-    }
-    /**
-     * Sets the collapsed state of the drawer.
-     *
-     * @param v The new collapsed state.
-     */
-    set collapsed(v) {
-        this.setOption({
-            name: 'collapsed',
-            value: v,
-        });
+        this.location = model('start');
+        this.showBackdrop = input(true);
+        this.mode = model('overlay');
+        this.collapsed = model(true);
+        this.multiple = input(false);
+        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
      */
     ngAfterContentInit() {
         this._detectBoundingSize();
-        this._loaded = true;
-    }
-    internalOptionChanged(option) {
-        this._checkProps();
+        setTimeout(() => {
+            this.loaded.set(true);
+        }, 5000);
     }
     /**
      *  @ignore
@@ -187,40 +97,45 @@ class AXDrawerComponent extends MXBaseComponent {
             }
         });
     }
-    /**
-     *  @ignore
-     */
-    _checkProps() {
-        this._detectBoundingSize();
-        this._removeBackdrop();
-        if (this.mode == 'overlay' && !this.collapsed && this.showBackdrop) {
-            this._addBackdrop();
-        }
-    }
     /**
      * Toggles the collapsed state of the drawer.
      */
     toggle() {
-        this.collapsed = !this.collapsed;
+        if (!this.multiple()) {
+            this.service.drawerElements().forEach((element) => {
+                if (element.location() === this.location() && element.id !== this.id) {
+                    element.close();
+                }
+            });
+        }
+        this.collapsed.update((prev) => !prev);
     }
     /**
      * Collapses the drawer.
      * @ignore
      */
     close() {
-        this.collapsed = true;
+        this._removeBackdrop();
+        this.collapsed.set(true);
     }
     /**
      * Expands the drawer.
      */
     open() {
-        this.collapsed = false;
+        if (!this.multiple()) {
+            this.service.drawerElements().forEach((element) => {
+                if (element.location() === this.location() && element.id !== this.id) {
+                    element.close();
+                }
+            });
+        }
+        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' : ''}`;
+        return `ax-drawer-${this.mode()} ax-drawer-${this.location()} ${this.collapsed() ? 'ax-collapsed' : 'ax-expanded'} ${this.loaded() ? 'ax-state-loaded' : ''}`;
     }
     /**
      *  @ignore
@@ -228,14 +143,15 @@ class AXDrawerComponent extends MXBaseComponent {
     _addBackdrop() {
         if (isBrowser()) {
             this._zone.runOutsideAngular(() => {
-                this._backdropElement = document.createElement('div');
-                this._backdropElement.classList.add('ax-backdrop');
-                this._backdropElement.onclick = () => {
+                const backDropElem = document.createElement('div');
+                backDropElem.classList.add('ax-backdrop');
+                backDropElem.onclick = () => {
                     this._zone.run(() => {
                         this.close();
                     });
                 };
-                this.getHostElement()?.parentElement?.appendChild(this._backdropElement);
+                this.getHostElement()?.parentElement?.appendChild(backDropElem);
+                this.backdropElement.set(backDropElem);
             });
         }
     }
@@ -245,21 +161,21 @@ class AXDrawerComponent extends MXBaseComponent {
     _removeBackdrop() {
         if (isBrowser()) {
             this._zone.runOutsideAngular(() => {
-                if (this._backdropElement) {
-                    this.getHostElement()?.parentElement?.removeChild(this._backdropElement);
-                    this._backdropElement = null;
+                if (this.backdropElement()) {
+                    this.getHostElement()?.parentElement?.removeChild(this.backdropElement());
+                    this.backdropElement.set(null);
                 }
             });
         }
     }
     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: "14.0.0", version: "18.2.0", type: AXDrawerComponent, selector: "ax-drawer", inputs: { location: "location", showBackdrop: "showBackdrop", mode: "mode", collapsed: "collapsed" }, outputs: { locationChange: "locationChange", modeChange: "modeChange", collapsedChange: "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 }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", 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-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-drawer{display:flex;height:100%;max-width:95%;flex-direction:column;background-color:rgba(var(--ax-color-surface))}ax-drawer-container ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer ax-header,ax-drawer-container ax-drawer ax-footer{padding:.75rem}ax-drawer-container ax-drawer ax-footer{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer-container ax-drawer ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer-container ax-drawer>ax-content{flex:1 1 0%;overflow:auto}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>ax-content{height:100%;flex:1 1 0%;overflow:auto}\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-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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXDrawerComponent, decorators: [{
             type: Component,
@@ -269,22 +185,8 @@ 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-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-drawer{display:flex;height:100%;max-width:95%;flex-direction:column;background-color:rgba(var(--ax-color-surface))}ax-drawer-container ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer ax-header,ax-drawer-container ax-drawer ax-footer{padding:.75rem}ax-drawer-container ax-drawer ax-footer{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer-container ax-drawer ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-drawer-container ax-drawer>ax-content{flex:1 1 0%;overflow:auto}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>ax-content{height:100%;flex:1 1 0%;overflow:auto}\n"] }]
-        }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { locationChange: [{
-                type: Output
-            }], location: [{
-                type: Input
-            }], showBackdrop: [{
-                type: Input
-            }], modeChange: [{
-                type: Output
-            }], mode: [{
-                type: Input
-            }], collapsedChange: [{
-                type: Output
-            }], collapsed: [{
-                type: Input
-            }], __hostClass: [{
+                    ], 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"] }]
+        }], 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-container.component.ts","../../../../libs/components/drawer/src/lib/drawer.component.ts","../../../../libs/components/drawer/src/lib/drawer.module.ts","../../../../libs/components/drawer/src/acorex-components-drawer.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { AXDrawerComponent } from './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  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDrawerContainerComponent extends MXBaseComponent {\n    /**\n   *  @ignore\n   */\n  ngDoCheck() {\n    const host = this.getHostElement();\n    Array.from(host.querySelectorAll('ax-drawer'))\n      .map((c) => c['__axContext__'] as AXDrawerComponent)\n      .some((c) => !c?.collapsed)\n      ? host.classList.add('ax-visible')\n      : host.classList.remove('ax-visible');\n  }\n}\n","import { AXClosbaleComponent, AXComponent, MXBaseComponent, MXComponentOptionChanged } from '@acorex/components/common';\nimport { isBrowser } from '@acorex/core/platform';\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, NgZone, Output, ViewEncapsulation } from '@angular/core';\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 {\n  /**\n   *  @ignore\n   */\n  constructor(private _zone: NgZone) {\n    super();\n  }\n\n  /**\n   * Emits when the drawer's location changes.\n   *\n   * @event\n   */\n  @Output()\n  public locationChange: EventEmitter<AXDrawerLocation> = new EventEmitter<AXDrawerLocation>();\n\n  /**\n   *  @ignore\n   */\n  private _location: AXDrawerLocation = 'start';\n\n  /**\n   * Gets the location of the drawer.\n   */\n  @Input()\n  public get location(): AXDrawerLocation {\n    return this._location;\n  }\n\n  /**\n   * Sets the location of the drawer.\n   *\n   * @param v The new location of the drawer.\n   */\n  public set location(v: AXDrawerLocation) {\n    this.setOption({\n      name: 'location',\n      value: v,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _showBackdrop: boolean = true;\n\n  /**\n   * Gets whether the backdrop is shown.\n   */\n  @Input()\n  public get showBackdrop(): boolean {\n    return this._showBackdrop;\n  }\n\n  /**\n   * Sets whether the backdrop should be shown.\n   *\n   * @param v\n   */\n  public set showBackdrop(v: boolean) {\n    this.setOption({\n      name: 'showBackdrop',\n      value: v,\n    });\n  }\n\n  /**\n   * Emitted when the drawer mode changes.\n   *\n   * @event\n   */\n  @Output()\n  public modeChange: EventEmitter<AXDrawerMode> = new EventEmitter<AXDrawerMode>();\n\n  /**\n   *  @ignore\n   */\n  private _mode: AXDrawerMode = 'overlay';\n\n  /**\n   * Gets the current mode of the drawer.\n   */\n  @Input()\n  public get mode(): AXDrawerMode {\n    return this._mode;\n  }\n\n  /**\n   * Sets the mode of the drawer.\n   *\n   * @param v The new mode to set.\n   */\n  public set mode(v: AXDrawerMode) {\n    this.setOption({\n      name: 'mode',\n      value: v,\n    });\n  }\n\n  /**\n   * Emitted when the collapsed state of the drawer changes.\n   *\n   * @event\n   */\n  @Output()\n  public collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  /**\n   *  @ignore\n   */\n  private _collapsed = true;\n\n  /**\n   * Gets the collapsed state of the drawer.\n   */\n  @Input()\n  public get collapsed(): boolean {\n    return this._collapsed;\n  }\n\n  /**\n   * Sets the collapsed state of the drawer.\n   *\n   * @param v The new collapsed state.\n   */\n  public set collapsed(v: boolean) {\n    this.setOption({\n      name: 'collapsed',\n      value: v,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  ngAfterContentInit(): void {\n    this._detectBoundingSize();\n    this._loaded = true;\n  }\n\n  override internalOptionChanged(option: MXComponentOptionChanged): void {\n    this._checkProps();\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   *  @ignore\n   */\n  private _checkProps() {\n    this._detectBoundingSize();\n    this._removeBackdrop();\n    if (this.mode == 'overlay' && !this.collapsed && this.showBackdrop) {\n      this._addBackdrop();\n    }\n  }\n  /**\n   * Toggles the collapsed state of the drawer.\n   */\n  toggle() {\n    this.collapsed = !this.collapsed;\n  }\n\n  /**\n   * Collapses the drawer.\n   * @ignore\n   */\n  close() {\n    this.collapsed = true;\n  }\n\n  /**\n   * Expands the drawer.\n   */\n  open() {\n    this.collapsed = 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 _backdropElement: HTMLElement;\n\n  /**\n   *  @ignore\n   */\n  private _loaded = false;\n\n  /**\n   *  @ignore\n   */\n  private _addBackdrop() {\n    if (isBrowser()) {\n      this._zone.runOutsideAngular(() => {\n        this._backdropElement = document.createElement('div');\n        this._backdropElement.classList.add('ax-backdrop');\n        this._backdropElement.onclick = () => {\n          this._zone.run(() => {\n            this.close();\n          });\n        };\n        this.getHostElement()?.parentElement?.appendChild(this._backdropElement);\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 = null;\n        }\n      });\n    }\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDrawerContainerComponent } from './drawer-container.component';\nimport { AXDrawerComponent } from './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[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  multiple = 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.multiple()) {\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.multiple()) {\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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"}

package/fesm2022/acorex-components-paint.mjs

@@ -1,5 +1,3 @@
-import * as i0 from '@angular/core';
-import { forwardRef, Component, ViewEncapsulation, signal, Injectable, inject, HostBinding, input, viewChild, afterNextRender, effect, NgModule } from '@angular/core';
 import * as i2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i3 from '@acorex/components/color-palette';
@@ -12,6 +10,8 @@ import * as i2$2 from '@acorex/components/range-slider';
 import { AXRangeSliderModule } from '@acorex/components/range-slider';
 import * as i2$1 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i0 from '@angular/core';
+import { forwardRef, Component, ViewEncapsulation, signal, Injectable, inject, HostBinding, input, viewChild, afterNextRender, effect, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { MXInputBaseValueComponent, MXLookComponent, AXComponent, AXFocusableComponent, AXClearableComponent, AXValuableComponent } from '@acorex/components/common';