@acorex/components 21.0.1-next.81 → 21.0.1-next.83

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.1-next.81",
+  "version": "21.0.1-next.83",
   "peerDependencies": {
-    "@acorex/core": "21.0.1-next.81",
-    "@acorex/cdk": "21.0.1-next.81",
+    "@acorex/core": "21.0.1-next.83",
+    "@acorex/cdk": "21.0.1-next.83",
     "polytype": ">=0.17.0",
     "angular-imask": ">=7.6.1",
     "gridstack": ">=12.0.0",
@@ -124,10 +124,6 @@
       "types": "./types/acorex-components-code-editor.d.ts",
       "default": "./fesm2022/acorex-components-code-editor.mjs"
     },
-    "./collapse": {
-      "types": "./types/acorex-components-collapse.d.ts",
-      "default": "./fesm2022/acorex-components-collapse.mjs"
-    },
     "./color-box": {
       "types": "./types/acorex-components-color-box.d.ts",
       "default": "./fesm2022/acorex-components-color-box.mjs"
@@ -192,10 +188,6 @@
       "types": "./types/acorex-components-drawer.d.ts",
       "default": "./fesm2022/acorex-components-drawer.mjs"
     },
-    "./drawer-legacy": {
-      "types": "./types/acorex-components-drawer-legacy.d.ts",
-      "default": "./fesm2022/acorex-components-drawer-legacy.mjs"
-    },
     "./dropdown": {
       "types": "./types/acorex-components-dropdown.d.ts",
       "default": "./fesm2022/acorex-components-dropdown.mjs"
@@ -212,10 +204,6 @@
       "types": "./types/acorex-components-fab.d.ts",
       "default": "./fesm2022/acorex-components-fab.mjs"
     },
-    "./file-explorer": {
-      "types": "./types/acorex-components-file-explorer.d.ts",
-      "default": "./fesm2022/acorex-components-file-explorer.mjs"
-    },
     "./flow-chart": {
       "types": "./types/acorex-components-flow-chart.d.ts",
       "default": "./fesm2022/acorex-components-flow-chart.mjs"
@@ -292,10 +280,6 @@
       "types": "./types/acorex-components-number-box.d.ts",
       "default": "./fesm2022/acorex-components-number-box.mjs"
     },
-    "./number-box-legacy": {
-      "types": "./types/acorex-components-number-box-legacy.d.ts",
-      "default": "./fesm2022/acorex-components-number-box-legacy.mjs"
-    },
     "./otp": {
       "types": "./types/acorex-components-otp.d.ts",
       "default": "./fesm2022/acorex-components-otp.mjs"
@@ -384,10 +368,6 @@
       "types": "./types/acorex-components-scheduler-picker.d.ts",
       "default": "./fesm2022/acorex-components-scheduler-picker.mjs"
     },
-    "./scss": {
-      "types": "./types/acorex-components-scss.d.ts",
-      "default": "./fesm2022/acorex-components-scss.mjs"
-    },
     "./search-box": {
       "types": "./types/acorex-components-search-box.d.ts",
       "default": "./fesm2022/acorex-components-search-box.mjs"
@@ -472,10 +452,6 @@
       "types": "./types/acorex-components-tree-view.d.ts",
       "default": "./fesm2022/acorex-components-tree-view.mjs"
     },
-    "./tree-view-legacy": {
-      "types": "./types/acorex-components-tree-view-legacy.d.ts",
-      "default": "./fesm2022/acorex-components-tree-view-legacy.mjs"
-    },
     "./uploader": {
       "types": "./types/acorex-components-uploader.d.ts",
       "default": "./fesm2022/acorex-components-uploader.mjs"

package/types/acorex-components-data-table.d.ts

@@ -100,7 +100,7 @@ declare abstract class AXDataTableColumnComponent {
      * Width of the column.
      * - string: e.g., '180px', '20%'
      * - number: e.g., 180 (treated as pixels)
-     * - 'auto': automatically fits to content after data load
+     * - 'auto': sizes from headers when the table first renders, then refits from row content once data loads
      *
      * @defaultValue 'auto'
      */
@@ -671,6 +671,23 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
         newColumnWidth: number;
         thElement: any;
     };
+    /**
+     * Columns that used `width="auto"` and received header-only sizing before rows were available.
+     * They get a full content measurement once data is present.
+     * @ignore
+     */
+    private pendingContentAutoFitColumns;
+    /**
+     * Columns that were configured with `width="auto"` (intent), even if we later set a pixel width.
+     * Used to re-measure on every page/data change.
+     * @ignore
+     */
+    private autoFitIntentColumns;
+    /**
+     * Columns the user manually resized by dragging. Auto-fit should not override user choice.
+     * @ignore
+     */
+    private userResizedColumns;
     /**
      *  @ignore
      */
@@ -841,6 +858,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     ngAfterViewInit(): void;
+    private captureAutoFitIntentColumns;
     /**
      * Returns the display text for a cell. Used for the native title (tooltip) on each cell.
      */
@@ -939,7 +957,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
     private calculateStickyColumnsPositions;
     /**
      * Auto-fits columns that have width='auto'.
-     * Called automatically after data load.
+     * Runs header-only sizing after view init (`headerOnly: true`) and full measurement after data load.
      *
      * @ignore
      */
@@ -966,10 +984,12 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      * @param columnIndex - The index of the column to auto-fit (0-based, based on columns QueryList)
      * @param options - Configuration options
      * @param options.maxWidth - Maximum width for the column in pixels (default: none)
+     * @param options.headerOnly - When true, only the header cell is measured (e.g. before row data exists)
      * @returns void
      */
     autoFitColumn(columnIndex: number, options?: {
         maxWidth?: number;
+        headerOnly?: boolean;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "hasChildrenField": { "alias": "hasChildrenField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "title": { "alias": "title"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;

package/types/acorex-components-otp.d.ts

@@ -60,7 +60,7 @@ declare class AXOtpComponent extends AXOtpComponent_base {
     /** @ignore */
     protected _emitOnComplete(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOtpComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, never, true, never>;
 }
 
 declare class AXOtpModule {

package/types/acorex-components-select-box.d.ts

@@ -157,6 +157,7 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     protected _handleItemClick(e: AXItemClickEvent): void;
     /** @ignore */
     protected _handleItemSelected(e: AXItemSelectedEvent): void;
+    private _resetSearchAfterSelection;
     /** @ignore */
     private setDropdownSize;
     private updateDropdownPosition;

package/types/acorex-components-time-duration.d.ts

@@ -56,7 +56,7 @@ declare class AXTimeDurationComponent extends AXTimeDurationComponent_base {
     }>;
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTimeDurationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTimeDurationComponent, "ax-time-duration", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "valueStart": { "alias": "valueStart"; "required": false; "isSignal": true; }; "valueEnd": { "alias": "valueEnd"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "maskDigits": { "alias": "maskDigits"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTimeDurationComponent, "ax-time-duration", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "name": { "alias": "name"; "required": false; }; "valueStart": { "alias": "valueStart"; "required": false; "isSignal": true; }; "valueEnd": { "alias": "valueEnd"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "maskDigits": { "alias": "maskDigits"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
 }
 
 declare class AXTimeDurationModule {

package/collapse/README.md

@@ -1,3 +0,0 @@
-# @acorex/components/collapse
-
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/collapse`.

package/drawer-legacy/README.md

@@ -1,3 +0,0 @@
-# @acorex/components/drawer
-
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/drawer`.

package/fesm2022/acorex-components-collapse.mjs

@@ -1,369 +0,0 @@
-import { AXClickEvent, MXInteractiveComponent, MXLookComponent, MXLookableComponent, AXComponent, MXBaseComponent } from '@acorex/cdk/common';
-import * as i0 from '@angular/core';
-import { inject, EventEmitter, HostBinding, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, ContentChildren, NgModule } from '@angular/core';
-import { classes } from 'polytype';
-import { AXLoadingComponent } from '@acorex/components/loading';
-import { NgTemplateOutlet, NgClass } from '@angular/common';
-
-class AXCollapseClickEvent extends AXClickEvent {
-    constructor() {
-        super(...arguments);
-        this.handled = false;
-    }
-}
-/**
- * @deprecated Use `accordion` instead.
- * This component deprecated and no longer support.
- */
-class AXCollapseComponent extends classes(MXInteractiveComponent, MXLookComponent) {
-    constructor() {
-        super(...arguments);
-        this.parent = inject(MXLookableComponent, { optional: true, host: true });
-        /**
-         *  Fires each time the user clicks the panel header.
-         *  @event
-         */
-        this.onClick = new EventEmitter();
-        /**
-         * Fires an event when the collapse state changes.
-         *
-         * @event
-         */
-        this.isCollapsedChange = new EventEmitter();
-        /**
-         *  @ignore
-         */
-        this._isCollapsed = false;
-        /**
-         *  @ignore
-         */
-        this._showHeader = true;
-        /**
-         * Sets the caption for the collapse component.
-         *
-         * @defaultValue ''
-         */
-        this.caption = '';
-        /**
-         * Specifies the icon to display in the collapse component.
-         *
-         * @defaultValue ''
-         */
-        this.icon = '';
-        /**
-         *  @ignore
-         */
-        this._isLoading = false;
-    }
-    /**
-     *  Providing a boolean value for its collapse state
-     */
-    get isCollapsed() {
-        return this._isCollapsed;
-    }
-    set isCollapsed(v) {
-        this.setOption({
-            name: 'isCollapsed',
-            value: v,
-            afterCallback: () => {
-                this.cdr.detectChanges();
-            },
-        });
-    }
-    /**
-     *  Providing a boolean value for show or hide header
-     */
-    get showHeader() {
-        return this._showHeader;
-    }
-    set showHeader(v) {
-        this.setOption({
-            name: 'showHeader',
-            value: v,
-            afterCallback: () => {
-                this.cdr.detectChanges();
-            },
-        });
-    }
-    /**
-     *  Providing a boolean value for its collapse state
-     */
-    get isLoading() {
-        return this._isLoading;
-    }
-    set isLoading(v) {
-        this.setOption({
-            name: 'isLoading',
-            value: v,
-            afterCallback: () => {
-                this.cdr.detectChanges();
-            },
-        });
-    }
-    /**
-     * Handles header clicks, emitting a click event and toggling collapse state if not handled.
-     *
-     * @param e - The native mouse event.
-     */
-    handleHeaderClick(e) {
-        if (this.disabled || this.isLoading)
-            return;
-        const event = {
-            component: this,
-            htmlElement: this.getHostElement(),
-            nativeEvent: e,
-            handled: false,
-        };
-        this.onClick.emit(event);
-        if (!event.handled) {
-            this.toggle();
-        }
-    }
-    /**
-     * Expands the collapse component.
-     *
-     * @returns void - No return value. Sets `isCollapsed` to false and expands the body.
-     */
-    open() {
-        this.isCollapsed = false;
-    }
-    /**
-     * Collapses the collapse component.
-     *
-     * @returns void - No return value. Sets `isCollapsed` to true and hides the body.
-     */
-    close() {
-        this.isCollapsed = true;
-    }
-    /**
-     * Toggles the collapse state between expanded and collapsed.
-     *
-     * @returns void - No return value. Flips the `isCollapsed` state.
-     */
-    toggle() {
-        this.isCollapsed = !this.isCollapsed;
-    }
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        return [`${this.disabled ? 'ax-state-disabled' : ''}`, `${this.look ?? this.parent?.look}`];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXCollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXCollapseComponent, isStandalone: true, selector: "ax-collapse", inputs: { disabled: "disabled", look: "look", isCollapsed: "isCollapsed", showHeader: "showHeader", caption: "caption", icon: "icon", isLoading: "isLoading", headerTemplate: "headerTemplate" }, outputs: { onClick: "onClick", isCollapsedChange: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXCollapseComponent }], usesInheritance: true, ngImport: i0, template: "@if (showHeader) {\n  <div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n    @if (headerTemplate) {\n      <div class=\"ax-collapse-custom-header-container\">\n        <ng-container\n          [ngTemplateOutlet]=\"headerTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n        ></ng-container>\n      </div>\n    } @else {\n      <div class=\"ax-collapse-header-container\">\n        <div class=\"ax-collapse-header-start\">\n          <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n          <span>\n            {{ caption }}\n          </span>\n        </div>\n        <div class=\"ax-collapse-header-end\">\n          @if (isLoading) {\n            <ax-loading></ax-loading>\n          } @else {\n            <span\n              class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n              [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n@if (!isCollapsed) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\" class=\"ax-collapse-body\">\n    <div class=\"ax-collapse-body-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n}\n", styles: ["ax-collapse-group ax-collapse.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}.dark ax-collapse-group ax-collapse.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-darkest-surface)}ax-collapse-group ax-collapse.ax-fill{--ax-comp-collapse-bg-color: var(--ax-sys-color-surface)}ax-collapse-group ax-collapse.ax-flat{--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}ax-collapse-group ax-collapse.ax-outline{--ax-comp-collapse-border-color: var(--ax-sys-color-border-surface);--ax-comp-collapse-border-width: 1px}ax-collapse-group ax-collapse{--ax-comp-collapse-margin: .5rem}ax-collapse,ax-collapse-group{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:1500px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:1500px}to{opacity:0;max-height:0}}ax-collapse .ax-fade-slide-in,ax-collapse-group .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-collapse .ax-fade-slide-out,ax-collapse-group .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-collapse-group ax-collapse{margin-bottom:var(--ax-comp-collapse-margin)}ax-collapse-group ax-collapse.ax-solid{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse-group ax-collapse.ax-solid .ax-collapse-header{background-color:rgba(var(--ax-comp-collapse-bg-color))}ax-collapse-group ax-collapse.ax-fill .ax-collapse-header{border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-comp-collapse-bg-color))}ax-collapse-group ax-collapse.ax-outline{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse-group ax-collapse.ax-outline .ax-collapse-header{background-color:transparent}ax-collapse-group ax-collapse.ax-flat{border-bottom-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse-group ax-collapse.ax-flat .ax-collapse-header{background-color:transparent}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-sys-color-on-surface-high))!important}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow{transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);display:block}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body .ax-collapse-body-content{padding:1rem;padding-inline-end:1rem;padding-inline-start:1.25rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXCollapseComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-collapse', inputs: ['disabled', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, AXLoadingComponent, NgClass], providers: [{ provide: AXComponent, useExisting: AXCollapseComponent }], template: "@if (showHeader) {\n  <div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n    @if (headerTemplate) {\n      <div class=\"ax-collapse-custom-header-container\">\n        <ng-container\n          [ngTemplateOutlet]=\"headerTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n        ></ng-container>\n      </div>\n    } @else {\n      <div class=\"ax-collapse-header-container\">\n        <div class=\"ax-collapse-header-start\">\n          <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n          <span>\n            {{ caption }}\n          </span>\n        </div>\n        <div class=\"ax-collapse-header-end\">\n          @if (isLoading) {\n            <ax-loading></ax-loading>\n          } @else {\n            <span\n              class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n              [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n@if (!isCollapsed) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\" class=\"ax-collapse-body\">\n    <div class=\"ax-collapse-body-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n}\n", styles: ["ax-collapse-group ax-collapse.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}.dark ax-collapse-group ax-collapse.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-darkest-surface)}ax-collapse-group ax-collapse.ax-fill{--ax-comp-collapse-bg-color: var(--ax-sys-color-surface)}ax-collapse-group ax-collapse.ax-flat{--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}ax-collapse-group ax-collapse.ax-outline{--ax-comp-collapse-border-color: var(--ax-sys-color-border-surface);--ax-comp-collapse-border-width: 1px}ax-collapse-group ax-collapse{--ax-comp-collapse-margin: .5rem}ax-collapse,ax-collapse-group{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:1500px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:1500px}to{opacity:0;max-height:0}}ax-collapse .ax-fade-slide-in,ax-collapse-group .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-collapse .ax-fade-slide-out,ax-collapse-group .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-collapse-group ax-collapse{margin-bottom:var(--ax-comp-collapse-margin)}ax-collapse-group ax-collapse.ax-solid{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse-group ax-collapse.ax-solid .ax-collapse-header{background-color:rgba(var(--ax-comp-collapse-bg-color))}ax-collapse-group ax-collapse.ax-fill .ax-collapse-header{border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-comp-collapse-bg-color))}ax-collapse-group ax-collapse.ax-outline{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse-group ax-collapse.ax-outline .ax-collapse-header{background-color:transparent}ax-collapse-group ax-collapse.ax-flat{border-bottom-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse-group ax-collapse.ax-flat .ax-collapse-header{background-color:transparent}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-sys-color-on-surface-high))!important}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow{transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);display:block}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body .ax-collapse-body-content{padding:1rem;padding-inline-end:1rem;padding-inline-start:1.25rem}\n"] }]
-        }], propDecorators: { onClick: [{
-                type: Output
-            }], isCollapsedChange: [{
-                type: Output
-            }], isCollapsed: [{
-                type: Input
-            }], showHeader: [{
-                type: Input
-            }], caption: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], isLoading: [{
-                type: Input
-            }], headerTemplate: [{
-                type: Input
-            }], __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-/**
- * @deprecated Use `accordion` instead.
- * This component deprecated and no longer support.
- */
-class AXCollapseGroupComponent extends classes(MXBaseComponent, MXLookComponent) {
-    constructor() {
-        super(...arguments);
-        /**
-         * Emitted when the accordion state changes.
-         *
-         * @event
-         */
-        this.accordionChange = new EventEmitter();
-        /**
-         *  @ignore
-         */
-        this._accordion = false;
-        /**
-         * Emits when the active index changes.
-         * @event
-         */
-        this.activeIndexChange = new EventEmitter();
-        /**
-         *  @ignore
-         */
-        this._activeIndex = 0;
-        /**
-         *  @ignore
-         */
-        this._subs = [];
-    }
-    /**
-     *  Enables accordion behavior, allowing only one collapsible item to be expanded at a time
-     */
-    get accordion() {
-        return this._accordion;
-    }
-    set accordion(value) {
-        this.setOption({
-            name: 'accordion',
-            value,
-            afterCallback: (oldValue, newValue) => {
-                if (newValue) {
-                    this.applyAccordion();
-                }
-                else {
-                    this.removeAccordion();
-                }
-            },
-        });
-    }
-    /**
-     *  Index of the currently active item within the group
-     */
-    get activeIndex() {
-        return this._activeIndex;
-    }
-    set activeIndex(value) {
-        this.setOption({
-            name: 'activeIndex',
-            value,
-            beforeCallback: (oldValue, newValue) => {
-                const len = this._items?.length || 0;
-                if (newValue < 0)
-                    newValue = 0;
-                if (len > 0 && newValue >= len) {
-                    newValue = len - 1;
-                }
-                return newValue;
-            },
-            afterCallback: () => {
-                this.applyAccordion();
-            },
-        });
-    }
-    /**
-     *  @ignore
-     */
-    ngAfterViewInit() {
-        if (this.accordion) {
-            this.applyAccordion();
-        }
-    }
-    /**
-     *  @ignore
-     */
-    applyAccordion() {
-        if (!this.look)
-            return;
-        if (this._items && this._items.length > 1) {
-            const activeIndex = this._items.get(this.activeIndex) || this._items.get(0);
-            this._items.forEach((c) => (c.isCollapsed = true));
-            if (activeIndex)
-                activeIndex.isCollapsed = false;
-            this._items.forEach((c1) => {
-                const list = this._items.toArray();
-                this._subs.push(
-                // TODO: add and use a new event for status changes
-                c1.onClick.subscribe((e) => {
-                    if (!e.handled) {
-                        this._activeIndex = list.indexOf(c1);
-                        list.filter((c2) => c2 != c1).forEach((c) => (c.isCollapsed = true));
-                    }
-                }));
-            });
-        }
-    }
-    /**
-     *  @ignore
-     */
-    removeAccordion() {
-        this._subs.forEach((s) => s.unsubscribe());
-        this._subs = [];
-    }
-    /**
-     *  @ignore
-     */
-    ngOnDestroy() {
-        this.removeAccordion();
-    }
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        return ['ax-collapse-group', `${this.look}`];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXCollapseGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: AXCollapseGroupComponent, isStandalone: true, selector: "ax-collapse-group", inputs: { look: "look", accordion: "accordion", activeIndex: "activeIndex" }, outputs: { accordionChange: "accordionChange", activeIndexChange: "activeIndexChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
-            {
-                provide: MXLookableComponent,
-                useExisting: AXCollapseGroupComponent,
-            },
-            { provide: AXComponent, useExisting: AXCollapseGroupComponent },
-        ], queries: [{ propertyName: "_items", predicate: AXCollapseComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-collapse"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXCollapseGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-collapse-group',
-                    inputs: ['look'],
-                    template: `<ng-content select="ax-collapse"></ng-content>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [
-                        {
-                            provide: MXLookableComponent,
-                            useExisting: AXCollapseGroupComponent,
-                        },
-                        { provide: AXComponent, useExisting: AXCollapseGroupComponent },
-                    ],
-                }]
-        }], propDecorators: { accordionChange: [{
-                type: Output
-            }], accordion: [{
-                type: Input
-            }], activeIndexChange: [{
-                type: Output
-            }], activeIndex: [{
-                type: Input
-            }], _items: [{
-                type: ContentChildren,
-                args: [AXCollapseComponent]
-            }], __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class AXCollapseModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AXCollapseModule, imports: [AXCollapseComponent, AXCollapseGroupComponent], exports: [AXCollapseComponent, AXCollapseGroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXCollapseModule, imports: [AXCollapseComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXCollapseModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [AXCollapseComponent, AXCollapseGroupComponent],
-                    exports: [AXCollapseComponent, AXCollapseGroupComponent],
-                }]
-        }] });
-
-/**
- * @deprecated Use `range slider` instead.
- * This component deprecated and no longer support.
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXCollapseClickEvent, AXCollapseComponent, AXCollapseGroupComponent, AXCollapseModule };
-//# sourceMappingURL=acorex-components-collapse.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-collapse.mjs","sources":["../../../../packages/components/collapse/src/lib/collapse.component.ts","../../../../packages/components/collapse/src/lib/collapse.component.html","../../../../packages/components/collapse/src/lib/collapse-group.component.ts","../../../../packages/components/collapse/src/lib/collapse.module.ts","../../../../packages/components/collapse/src/index.ts","../../../../packages/components/collapse/src/acorex-components-collapse.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXComponent,\n  MXInteractiveComponent,\n  MXLookComponent,\n  MXLookableComponent,\n} from '@acorex/cdk/common';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output,\n  TemplateRef,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\nexport class AXCollapseClickEvent extends AXClickEvent {\n  handled = false;\n}\n\n/**\n * @deprecated Use `accordion` instead.\n * This component deprecated and no longer support.\n */\n@Component({\n  selector: 'ax-collapse',\n  templateUrl: './collapse.component.html',\n  inputs: ['disabled', 'look'],\n  styleUrls: ['./collapse.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgTemplateOutlet, AXLoadingComponent, NgClass],\n  providers: [{ provide: AXComponent, useExisting: AXCollapseComponent }],\n})\nexport class AXCollapseComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n  private parent = inject(MXLookableComponent, { optional: true, host: true });\n\n  /**\n   *  Fires each time the user clicks the panel header.\n   *  @event\n   */\n  @Output()\n  onClick: EventEmitter<AXCollapseClickEvent> = new EventEmitter<AXCollapseClickEvent>();\n\n  /**\n   * Fires an event when the collapse state changes.\n   *\n   * @event\n   */\n  @Output()\n  isCollapsedChange: EventEmitter<any> = new EventEmitter<any>();\n\n  /**\n   *  @ignore\n   */\n  private _isCollapsed = false;\n\n  /**\n   *  Providing a boolean value for its collapse state\n   */\n  @Input()\n  public get isCollapsed(): boolean {\n    return this._isCollapsed;\n  }\n  public set isCollapsed(v: boolean) {\n    this.setOption({\n      name: 'isCollapsed',\n      value: v,\n      afterCallback: () => {\n        this.cdr.detectChanges();\n      },\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _showHeader = true;\n\n  /**\n   *  Providing a boolean value for show or hide header\n   */\n  @Input()\n  public get showHeader(): boolean {\n    return this._showHeader;\n  }\n  public set showHeader(v: boolean) {\n    this.setOption({\n      name: 'showHeader',\n      value: v,\n      afterCallback: () => {\n        this.cdr.detectChanges();\n      },\n    });\n  }\n\n  /**\n   * Sets the caption for the collapse component.\n   *\n   * @defaultValue ''\n   */\n  @Input()\n  caption = '';\n\n  /**\n   * Specifies the icon to display in the collapse component.\n   *\n   * @defaultValue ''\n   */\n  @Input()\n  icon = '';\n\n  /**\n   *  @ignore\n   */\n  private _isLoading = false;\n\n  /**\n   *  Providing a boolean value for its collapse state\n   */\n  @Input()\n  public get isLoading(): boolean {\n    return this._isLoading;\n  }\n  public set isLoading(v: boolean) {\n    this.setOption({\n      name: 'isLoading',\n      value: v,\n      afterCallback: () => {\n        this.cdr.detectChanges();\n      },\n    });\n  }\n\n  /**\n   * Template used for the collapse component's header.\n   */\n  @Input()\n  headerTemplate: TemplateRef<any>;\n\n  /**\n   * Handles header clicks, emitting a click event and toggling collapse state if not handled.\n   *\n   * @param e - The native mouse event.\n   */\n  handleHeaderClick(e: MouseEvent) {\n    if (this.disabled || this.isLoading) return;\n    const event = {\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n      handled: false,\n    };\n    this.onClick.emit(event);\n    if (!event.handled) {\n      this.toggle();\n    }\n  }\n\n  /**\n   * Expands the collapse component.\n   *\n   * @returns void - No return value. Sets `isCollapsed` to false and expands the body.\n   */\n  open(): void {\n    this.isCollapsed = false;\n  }\n\n  /**\n   * Collapses the collapse component.\n   *\n   * @returns void - No return value. Sets `isCollapsed` to true and hides the body.\n   */\n  close(): void {\n    this.isCollapsed = true;\n  }\n\n  /**\n   * Toggles the collapse state between expanded and collapsed.\n   *\n   * @returns void - No return value. Flips the `isCollapsed` state.\n   */\n  toggle(): void {\n    this.isCollapsed = !this.isCollapsed;\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    return [`${this.disabled ? 'ax-state-disabled' : ''}`, `${this.look ?? this.parent?.look}`];\n  }\n}\n","@if (showHeader) {\n  <div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n    @if (headerTemplate) {\n      <div class=\"ax-collapse-custom-header-container\">\n        <ng-container\n          [ngTemplateOutlet]=\"headerTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n        ></ng-container>\n      </div>\n    } @else {\n      <div class=\"ax-collapse-header-container\">\n        <div class=\"ax-collapse-header-start\">\n          <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n          <span>\n            {{ caption }}\n          </span>\n        </div>\n        <div class=\"ax-collapse-header-end\">\n          @if (isLoading) {\n            <ax-loading></ax-loading>\n          } @else {\n            <span\n              class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n              [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n@if (!isCollapsed) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\" class=\"ax-collapse-body\">\n    <div class=\"ax-collapse-body-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n}\n","import { AXComponent, MXBaseComponent, MXLookComponent, MXLookableComponent } from '@acorex/cdk/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { Subscription } from 'rxjs';\nimport { AXCollapseComponent } from './collapse.component';\n\n/**\n * @deprecated Use `accordion` instead.\n * This component deprecated and no longer support.\n */\n@Component({\n  selector: 'ax-collapse-group',\n  inputs: ['look'],\n  template: `<ng-content select=\"ax-collapse\"></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: MXLookableComponent,\n      useExisting: AXCollapseGroupComponent,\n    },\n    { provide: AXComponent, useExisting: AXCollapseGroupComponent },\n  ],\n})\nexport class AXCollapseGroupComponent\n  extends classes(MXBaseComponent, MXLookComponent)\n  implements AfterViewInit, OnDestroy\n{\n  /**\n   * Emitted when the accordion state changes.\n   *\n   * @event\n   */\n  @Output()\n  accordionChange: EventEmitter<boolean> = new EventEmitter();\n\n  /**\n   *  @ignore\n   */\n  private _accordion?: boolean = false;\n\n  /**\n   *  Enables accordion behavior, allowing only one collapsible item to be expanded at a time\n   */\n  @Input()\n  get accordion(): boolean | undefined {\n    return this._accordion;\n  }\n  set accordion(value: boolean) {\n    this.setOption({\n      name: 'accordion',\n      value,\n      afterCallback: (oldValue, newValue) => {\n        if (newValue) {\n          this.applyAccordion();\n        } else {\n          this.removeAccordion();\n        }\n      },\n    });\n  }\n\n  /**\n   * Emits when the active index changes.\n   * @event\n   */\n  @Output()\n  activeIndexChange: EventEmitter<number> = new EventEmitter<number>();\n\n  /**\n   *  @ignore\n   */\n  private _activeIndex = 0;\n\n  /**\n   *  Index of the currently active item within the group\n   */\n  @Input()\n  get activeIndex(): number {\n    return this._activeIndex;\n  }\n  set activeIndex(value: number) {\n    this.setOption({\n      name: 'activeIndex',\n      value,\n      beforeCallback: (oldValue, newValue) => {\n        const len = this._items?.length || 0;\n        if (newValue < 0) newValue = 0;\n        if (len > 0 && newValue >= len) {\n          newValue = len - 1;\n        }\n        return newValue;\n      },\n      afterCallback: () => {\n        this.applyAccordion();\n      },\n    });\n  }\n\n  @ContentChildren(AXCollapseComponent)\n  private _items: QueryList<AXCollapseComponent>;\n\n  /**\n   *  @ignore\n   */\n  private _subs: Subscription[] = [];\n\n  /**\n   *  @ignore\n   */\n  ngAfterViewInit(): void {\n    if (this.accordion) {\n      this.applyAccordion();\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private applyAccordion() {\n    if (!this.look) return;\n    if (this._items && this._items.length > 1) {\n      const activeIndex = this._items.get(this.activeIndex) || this._items.get(0);\n      this._items.forEach((c) => (c.isCollapsed = true));\n      if (activeIndex) activeIndex.isCollapsed = false;\n\n      this._items.forEach((c1: AXCollapseComponent) => {\n        const list = this._items.toArray();\n\n        this._subs.push(\n          // TODO: add and use a new event for status changes\n          c1.onClick.subscribe((e) => {\n            if (!e.handled) {\n              this._activeIndex = list.indexOf(c1);\n              list.filter((c2) => c2 != c1).forEach((c) => (c.isCollapsed = true));\n            }\n          }),\n        );\n      });\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private removeAccordion() {\n    this._subs.forEach((s) => s.unsubscribe());\n    this._subs = [];\n  }\n\n  /**\n   *  @ignore\n   */\n  ngOnDestroy(): void {\n    this.removeAccordion();\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return ['ax-collapse-group', `${this.look}`];\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { AXCollapseGroupComponent } from './collapse-group.component';\nimport { AXCollapseComponent } from './collapse.component';\n\n@NgModule({\n  imports: [AXCollapseComponent, AXCollapseGroupComponent],\n  exports: [AXCollapseComponent, AXCollapseGroupComponent],\n})\nexport class AXCollapseModule {}\n","/**\n * @deprecated Use `range slider` instead.\n * This component deprecated and no longer support.\n */\nexport * from './lib/collapse-group.component';\n/**\n * @deprecated Use `range slider` instead.\n * This component deprecated and no longer support.\n */\nexport * from './lib/collapse.component';\n/**\n * @deprecated Use `range slider` instead.\n * This component deprecated and no longer support.\n */\nexport * from './lib/collapse.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAsBM,MAAO,oBAAqB,SAAQ,YAAY,CAAA;AAAtD,IAAA,WAAA,GAAA;;QACE,IAAA,CAAA,OAAO,GAAG,KAAK;IACjB;AAAC;AAED;;;AAGG;AAWG,MAAO,mBAAoB,SAAQ,OAAO,CAAC,sBAAsB,EAAE,eAAe,CAAC,CAAA;AAVzF,IAAA,WAAA,GAAA;;AAWU,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAE5E;;;AAGG;AAEH,QAAA,IAAA,CAAA,OAAO,GAAuC,IAAI,YAAY,EAAwB;AAEtF;;;;AAIG;AAEH,QAAA,IAAA,CAAA,iBAAiB,GAAsB,IAAI,YAAY,EAAO;AAE9D;;AAEG;QACK,IAAA,CAAA,YAAY,GAAG,KAAK;AAmB5B;;AAEG;QACK,IAAA,CAAA,WAAW,GAAG,IAAI;AAmB1B;;;;AAIG;QAEH,IAAA,CAAA,OAAO,GAAG,EAAE;AAEZ;;;;AAIG;QAEH,IAAA,CAAA,IAAI,GAAG,EAAE;AAET;;AAEG;QACK,IAAA,CAAA,UAAU,GAAG,KAAK;AA8E3B,IAAA;AAxIC;;AAEG;AACH,IAAA,IACW,WAAW,GAAA;QACpB,OAAO,IAAI,CAAC,YAAY;IAC1B;IACA,IAAW,WAAW,CAAC,CAAU,EAAA;QAC/B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,KAAK,EAAE,CAAC;YACR,aAAa,EAAE,MAAK;AAClB,gBAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;YAC1B,CAAC;AACF,SAAA,CAAC;IACJ;AAOA;;AAEG;AACH,IAAA,IACW,UAAU,GAAA;QACnB,OAAO,IAAI,CAAC,WAAW;IACzB;IACA,IAAW,UAAU,CAAC,CAAU,EAAA;QAC9B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,YAAY;AAClB,YAAA,KAAK,EAAE,CAAC;YACR,aAAa,EAAE,MAAK;AAClB,gBAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;YAC1B,CAAC;AACF,SAAA,CAAC;IACJ;AAuBA;;AAEG;AACH,IAAA,IACW,SAAS,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU;IACxB;IACA,IAAW,SAAS,CAAC,CAAU,EAAA;QAC7B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,KAAK,EAAE,CAAC;YACR,aAAa,EAAE,MAAK;AAClB,gBAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;YAC1B,CAAC;AACF,SAAA,CAAC;IACJ;AAQA;;;;AAIG;AACH,IAAA,iBAAiB,CAAC,CAAa,EAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS;YAAE;AACrC,QAAA,MAAM,KAAK,GAAG;AACZ,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE;AAClC,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,OAAO,EAAE,KAAK;SACf;AACD,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAClB,IAAI,CAAC,MAAM,EAAE;QACf;IACF;AAEA;;;;AAIG;IACH,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;IAC1B;AAEA;;;;AAIG;IACH,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;IACzB;AAEA;;;;AAIG;IACH,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW;IACtC;AAEA;;AAEG;AACH,IAAA,IACI,WAAW,GAAA;QACb,OAAO,CAAC,CAAA,EAAG,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,EAAE,CAAA,CAAE,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,CAAA,CAAE,CAAC;IAC7F;8GA9JW,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,4XAFnB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,iDCtCzE,mzCAsCA,EAAA,MAAA,EAAA,CAAA,g9HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,2HAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAG5C,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAV/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,MAAA,EAEf,CAAC,UAAU,EAAE,MAAM,CAAC,EAAA,eAAA,EAEX,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,OAAO,CAAC,aAC7C,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,mBAAqB,EAAE,CAAC,EAAA,QAAA,EAAA,mzCAAA,EAAA,MAAA,EAAA,CAAA,g9HAAA,CAAA,EAAA;;sBAStE;;sBAQA;;sBAWA;;sBAsBA;;sBAmBA;;sBAQA;;sBAWA;;sBAiBA;;sBAoDA,WAAW;uBAAC,OAAO;;;AEjLtB;;;AAGG;AAeG,MAAO,wBACX,SAAQ,OAAO,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAfnD,IAAA,WAAA,GAAA;;AAkBE;;;;AAIG;AAEH,QAAA,IAAA,CAAA,eAAe,GAA0B,IAAI,YAAY,EAAE;AAE3D;;AAEG;QACK,IAAA,CAAA,UAAU,GAAa,KAAK;AAuBpC;;;AAGG;AAEH,QAAA,IAAA,CAAA,iBAAiB,GAAyB,IAAI,YAAY,EAAU;AAEpE;;AAEG;QACK,IAAA,CAAA,YAAY,GAAG,CAAC;AA8BxB;;AAEG;QACK,IAAA,CAAA,KAAK,GAAmB,EAAE;AA2DnC,IAAA;AA3HC;;AAEG;AACH,IAAA,IACI,SAAS,GAAA;QACX,OAAO,IAAI,CAAC,UAAU;IACxB;IACA,IAAI,SAAS,CAAC,KAAc,EAAA;QAC1B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,WAAW;YACjB,KAAK;AACL,YAAA,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAI;gBACpC,IAAI,QAAQ,EAAE;oBACZ,IAAI,CAAC,cAAc,EAAE;gBACvB;qBAAO;oBACL,IAAI,CAAC,eAAe,EAAE;gBACxB;YACF,CAAC;AACF,SAAA,CAAC;IACJ;AAcA;;AAEG;AACH,IAAA,IACI,WAAW,GAAA;QACb,OAAO,IAAI,CAAC,YAAY;IAC1B;IACA,IAAI,WAAW,CAAC,KAAa,EAAA;QAC3B,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,aAAa;YACnB,KAAK;AACL,YAAA,cAAc,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAI;gBACrC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;gBACpC,IAAI,QAAQ,GAAG,CAAC;oBAAE,QAAQ,GAAG,CAAC;gBAC9B,IAAI,GAAG,GAAG,CAAC,IAAI,QAAQ,IAAI,GAAG,EAAE;AAC9B,oBAAA,QAAQ,GAAG,GAAG,GAAG,CAAC;gBACpB;AACA,gBAAA,OAAO,QAAQ;YACjB,CAAC;YACD,aAAa,EAAE,MAAK;gBAClB,IAAI,CAAC,cAAc,EAAE;YACvB,CAAC;AACF,SAAA,CAAC;IACJ;AAUA;;AAEG;IACH,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,cAAc,EAAE;QACvB;IACF;AAEA;;AAEG;IACK,cAAc,GAAA;QACpB,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE;AAChB,QAAA,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YACzC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC3E,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;AAClD,YAAA,IAAI,WAAW;AAAE,gBAAA,WAAW,CAAC,WAAW,GAAG,KAAK;YAEhD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAuB,KAAI;gBAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;gBAElC,IAAI,CAAC,KAAK,CAAC,IAAI;;gBAEb,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI;AACzB,oBAAA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;wBACd,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;AACpC,wBAAA,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;oBACtE;gBACF,CAAC,CAAC,CACH;AACH,YAAA,CAAC,CAAC;QACJ;IACF;AAEA;;AAEG;IACK,eAAe,GAAA;AACrB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AAC1C,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;IACjB;AAEA;;AAEG;IACH,WAAW,GAAA;QACT,IAAI,CAAC,eAAe,EAAE;IACxB;AAEA;;AAEG;AACH,IAAA,IACY,WAAW,GAAA;QACrB,OAAO,CAAC,mBAAmB,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,CAAE,CAAC;IAC9C;8GA3IW,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EARxB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,mBAAmB;AAC5B,gBAAA,WAAW,EAAE,wBAAwB;AACtC,aAAA;AACD,YAAA,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,wBAAwB,EAAE;SAChE,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,SAAA,EA6EgB,mBAAmB,oDAtF1B,CAAA,8CAAA,CAAgD,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAW/C,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAdpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,MAAM,EAAE,CAAC,MAAM,CAAC;AAChB,oBAAA,QAAQ,EAAE,CAAA,8CAAA,CAAgD;oBAC1D,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,mBAAmB;AAC5B,4BAAA,WAAW,EAAA,wBAA0B;AACtC,yBAAA;AACD,wBAAA,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,0BAA0B,EAAE;AAChE,qBAAA;AACF,iBAAA;;sBAUE;;sBAWA;;sBAsBA;;sBAWA;;sBAsBA,eAAe;uBAAC,mBAAmB;;sBA6DnC,WAAW;uBAAC,OAAO;;;MCpKT,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAHjB,mBAAmB,EAAE,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAC7C,mBAAmB,EAAE,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAE5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAHjB,mBAAmB,CAAA,EAAA,CAAA,CAAA;;2FAGlB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,mBAAmB,EAAE,wBAAwB,CAAC;AACxD,oBAAA,OAAO,EAAE,CAAC,mBAAmB,EAAE,wBAAwB,CAAC;AACzD,iBAAA;;;ACPD;;;AAGG;;ACHH;;AAEG;;;;"}