@acorex/components 19.8.0-next.10 → 19.8.0-next.11

package/picker/lib/picker-title/picker-title.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class AXPickerTitleComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPickerTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPickerTitleComponent, "ax-picker-title", never, {}, {}, never, ["*"], false, never>;
+}

package/picker/lib/picker.module.d.ts

@@ -1,9 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./picker.component";
-import * as i2 from "./picker-column.directive";
-import * as i3 from "@angular/common";
+import * as i1 from "./picker-container/picker-container.component";
+import * as i2 from "./picker-items/picker-items.component";
+import * as i3 from "./picker-title/picker-title.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@acorex/cdk/carousel";
 export declare class AXPickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPickerModule, [typeof i1.AXPickerComponent, typeof i2.AXPickerColumnDirective], [typeof i3.CommonModule], [typeof i1.AXPickerComponent, typeof i2.AXPickerColumnDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPickerModule, [typeof i1.AXPickerContainerComponent, typeof i2.AXPickerItemsComponent, typeof i3.AXPickerTitleComponent], [typeof i4.CommonModule, typeof i5.AXCarouselDirective], [typeof i1.AXPickerContainerComponent, typeof i2.AXPickerItemsComponent, typeof i3.AXPickerTitleComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPickerModule>;
 }

package/progress-bar/lib/progress-bar.component.d.ts

@@ -11,41 +11,41 @@ export declare class AXProgressBarComponent extends MXColorComponent {
     /** @ignore */
     circle: ElementRef;
     /**
-   * @event
-   * Emits when the slider value changes.
-   */
+     * @event
+     * Emits when the slider value changes.
+     */
     ValueChange: EventEmitter<number>;
     /** @ignore */
     private _progress;
     /**
-   * Specifies the progress indicator mode.
-   */
+     * Specifies the progress indicator mode.
+     */
     mode: AXProgressMode;
     /**
-   * Gets or sets the progress value (0-100).
-   */
+     * Gets or sets the progress value (0-100).
+     */
     get progress(): number;
     /**
-   * Sets the progress value (0-100).
-   * @param {number} v
-   */
+     * Sets the progress value (0-100).
+     * @param {number} v
+     */
     set progress(v: number);
     /**
-   * Emitted when the size changes.
-   * @event
-   */
+     * Emitted when the size changes.
+     * @event
+     */
     sizeChange: EventEmitter<number>;
     /** @ignore */
     private _height;
     /**
-   * Gets or sets the height of the component.
-   * @param {number} v
-   */
+     * Gets or sets the height of the component.
+     * @param {number} v
+     */
     get height(): number;
     /**
-   * Sets the height of the component.
-   * @param {number} v
-   */
+     * Sets the height of the component.
+     * @param {number} v
+     */
     set height(v: number);
     /** @ignore */
     private get __hostClass();

package/range-slider/lib/range-slider.component.d.ts

@@ -27,7 +27,7 @@ export declare class AXRangeSliderComponent extends AXRangeSliderComponent_base
      * Color theme for the slider, affecting highlight, tooltip, and handler.
      * @default 'primary'
      */
-    color: import("@angular/core").InputSignal<"success" | "primary" | "warning" | "danger" | "neutral">;
+    color: import("@angular/core").InputSignal<"success" | "primary" | "secondary" | "warning" | "danger">;
     /**
      * @description
      * The value(s) of the slider. Can be a single number for single mode or an array of two numbers for dual mode.

package/scheduler/lib/scheduler-month-view.component.d.ts

@@ -25,16 +25,16 @@ export declare class AXSchedulerMonthViewComponent extends MXBaseComponent {
      */
     get date(): AXDateTime;
     /**
-   * Sets the date for the scheduler view and triggers the generation of time slots.
-   * @param {AXDateTime} v
-   */
+     * Sets the date for the scheduler view and triggers the generation of time slots.
+     * @param {AXDateTime} v
+     */
     set date(v: AXDateTime);
     /** @ignore */
     ngOnInit(): void;
     /**
-   * Generates slots for the scheduler, including CSS classes for days outside the current month
-   * and a flag for the current day.
-   */
+     * Generates slots for the scheduler, including CSS classes for days outside the current month
+     * and a flag for the current day.
+     */
     generateSlots(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerMonthViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerMonthViewComponent, "ax-scheduler-month-view", never, { "date": { "alias": "date"; "required": false; }; }, {}, never, never, false, never>;

package/search-box/lib/search-box.component.d.ts

@@ -16,6 +16,10 @@ export declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
     constructor(
     /** @ignore */
     _parent: AXSearchableComponent);
+    /**
+     * Defines custom CSS classes to apply to the component.
+     */
+    classNames: string;
     /**
      * The delay time for search actions, specified in milliseconds.
      * @defaultValue 500
@@ -30,6 +34,6 @@ export declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
     /** @ignore */
     get __hostClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-icon", "ax-clear-button", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix"], false, never>;
 }
 export {};

package/side-menu/lib/side-menu-item/side-menu-item.component.d.ts

@@ -1,12 +1,11 @@
-import { AXClickEvent, MXColorComponent, MXInteractiveComponent } from '@acorex/components/common';
+import { AXClickEvent, MXInteractiveComponent } from '@acorex/components/common';
 import { ElementRef } from '@angular/core';
 import { IsActiveMatchOptions, UrlTree } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare class AXSideMenuItemClickEvent extends AXClickEvent {
     handled: boolean;
 }
-declare const AXSideMenuItemComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
-export declare class AXSideMenuItemComponent extends AXSideMenuItemComponent_base {
+export declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     private elem;
     text: import("@angular/core").ModelSignal<string>;
     active: import("@angular/core").ModelSignal<boolean>;
@@ -26,8 +25,6 @@ export declare class AXSideMenuItemComponent extends AXSideMenuItemComponent_bas
     toggle(): void;
     open(): void;
     close(): void;
-    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, never, ["ax-title", "ax-side-menu-item, ng-container", "ax-divider", "ax-prefix", "*", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, never, ["ax-title", "ax-side-menu-item, ng-container", "ax-divider", "ax-prefix", "*", "ax-suffix"], false, never>;
 }
-export {};

package/side-menu/lib/side-menu.component.d.ts

@@ -1,4 +1,4 @@
-import { AXStyleColorType, NXComponent } from '@acorex/components/common';
+import { NXComponent } from '@acorex/components/common';
 import { IsActiveMatchOptions, UrlTree } from '@angular/router';
 import { AXSideMenuItemComponent } from './side-menu-item/side-menu-item.component';
 import * as i0 from "@angular/core";
@@ -14,7 +14,6 @@ export type AXSideMenuItem = {
     href?: string;
     target?: '_blank' | '_self' | '_parent' | '_top';
     text: string;
-    color?: AXStyleColorType;
     active?: boolean;
     disabled?: boolean;
     isLoading?: boolean;

package/tabs/lib/tabs.class.d.ts

@@ -4,5 +4,5 @@ export declare class AXTabStripChangedEvent extends AXEvent {
     tab: AXTabItemComponent;
     index: number;
 }
-export type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'with-line-color' | 'classic' | 'custom';
+export type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'with-line-color' | 'classic';
 export type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';

package/text-area/lib/text-area.component.d.ts

@@ -29,9 +29,13 @@ export declare class AXTextAreaComponent extends AXTextAreaComponent_base {
      * Specifies the maximum number of characters allowed in the input field.
      */
     maxLength: number;
+    /**
+     * CSS classes to apply to the component.
+     */
+    classNames: string;
     /** @ignore */
     protected _handleModelChange(value: string | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "look": { "alias": "look"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "allowResize": { "alias": "allowResize"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "look": { "alias": "look"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "allowResize": { "alias": "allowResize"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-validation-rule"], false, never>;
 }
 export {};

package/time-line/lib/time-line.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export type AXTimeLineMode = 'icon' | 'bulet';
+export type AXTimeLineMode = 'icon' | 'bullet';
 export declare class AXTimeLineComponent {
     #private;
     mode: import("@angular/core").InputSignal<AXTimeLineMode>;

package/toast/lib/toast.service.d.ts

@@ -14,7 +14,7 @@ export declare class AXToastService {
     scrollStrategy: ScrollStrategy;
     constructor(scrollStrategyOptions: ScrollStrategyOptions);
     primary(content: string): void;
-    neutral(content: string): void;
+    secondary(content: string): void;
     success(content: string): void;
     warning(content: string): void;
     danger(content: string): void;

package/toolbar/lib/toolbar.component.d.ts

@@ -2,13 +2,11 @@ import * as i0 from "@angular/core";
 export declare class AXToolBarComponent {
     #private;
     private buttons;
-    private textBox;
-    dividerState: import("@angular/core").InputSignal<boolean>;
     private decorators;
     protected prefixState: import("@angular/core").WritableSignal<boolean>;
     protected suffixState: import("@angular/core").WritableSignal<boolean>;
     protected contentState: import("@angular/core").WritableSignal<boolean>;
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXToolBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolBarComponent, "ax-toolbar", never, { "dividerState": { "alias": "dividerState"; "required": false; "isSignal": true; }; }, {}, ["buttons", "textBox", "decorators"], ["ax-prefix", "ax-content", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolBarComponent, "ax-toolbar", never, {}, {}, ["buttons", "decorators"], ["ax-prefix", "ax-content", "ax-suffix"], false, never>;
 }

package/tree-view/lib/tree-view.class.d.ts

@@ -14,7 +14,6 @@ export interface AXTreeViewSchema {
     visible?: boolean;
     tooltip?: string;
     exteraData?: any;
-    extension?: string;
 }
 export declare class AXTreeItemClickBaseEvent extends AXClickEvent {
     nativeElement: any;

package/tree-view/lib/tree-view.component.d.ts

@@ -3,9 +3,13 @@ import { AXTreeItemClickBaseEvent, AXTreeViewSchema, SelectionBehaviorType } fro
 import * as i0 from "@angular/core";
 export declare class AXTreeViewComponent extends NXComponent {
     #private;
+    constructor();
     private itemsSignal;
     private itemsPromise;
-    items: import("@angular/core").InputSignal<AXTreeViewSchema[] | ((selectedItemId?: string | number) => AXTreeViewSchema[] | Promise<AXTreeViewSchema[]>)>;
+    private cdr;
+    items: import("@angular/core").InputSignal<AXTreeViewSchema[] | ((options?: {
+        parentId: string | number;
+    }) => AXTreeViewSchema[] | Promise<AXTreeViewSchema[]>)>;
     protected get resolvedItems(): AXTreeViewSchema[];
     selectable: import("@angular/core").InputSignal<boolean>;
     selectionMode: import("@angular/core").InputSignal<"single" | "multiple">;
@@ -74,6 +78,8 @@ export declare class AXTreeViewComponent extends NXComponent {
     private loadingState;
     protected isNodeLoading(nodeId: string | number): boolean;
     private setNodeLoading;
+    setActiveNodeByValueField(valueField: number | string, value: boolean): void;
+    setExpandNodeByValueField(valueField: number | string, value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "showActiveNode": { "alias": "showActiveNode"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "visibleField": { "alias": "visibleField"; "required": false; "isSignal": true; }; "disableField": { "alias": "disableField"; "required": false; "isSignal": true; }; "hasChildField": { "alias": "hasChildField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; "expandBehavior": { "alias": "expandBehavior"; "required": false; "isSignal": true; }; }, { "onSelectionChange": "onSelectionChange"; "onItemClick": "onItemClick"; "onNodeClick": "onNodeClick"; "onNodeExpandClick": "onNodeExpandClick"; }, never, never, false, never>;
 }

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

@@ -18,9 +18,9 @@ export declare class AXWysiwygContainerComponent extends AXWysiwygContainerCompo
     /** @ignore */
     private zone;
     /** @ignore */
-    protected quillChangeTriggred: import("@angular/core").WritableSignal<boolean>;
+    protected quillChangeTriggered: import("@angular/core").WritableSignal<boolean>;
     /** @ignore */
-    protected ngModleChangeTriggred: import("@angular/core").WritableSignal<boolean>;
+    protected ngModelChangeTriggered: import("@angular/core").WritableSignal<boolean>;
     /**
      * Specifies the placeholder text.
      *

package/fesm2022/acorex-components-file-explorer.mjs

@@ -1,231 +0,0 @@
-import * as i3 from '@acorex/components/drawer';
-import { AXDrawerComponent, AXDrawerModule } from '@acorex/components/drawer';
-import * as i0 from '@angular/core';
-import { signal, Injectable, inject, viewChild, effect, Component, ViewEncapsulation, input, output, ChangeDetectionStrategy, afterNextRender, NgModule } from '@angular/core';
-import * as i1 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { MXBaseComponent } from '@acorex/components/common';
-import * as i6 from '@acorex/components/menu';
-import { AXContextMenuComponent, AXMenuModule } from '@acorex/components/menu';
-import * as i2$1 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i3$1 from '@acorex/components/breadcrumbs';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import * as i5 from '@acorex/components/toolbar';
-import { AXToolBarModule } from '@acorex/components/toolbar';
-
-class AXFileExplorerService {
-    constructor() {
-        this.treeViewState = signal(false);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerService, decorators: [{
-            type: Injectable
-        }] });
-
-class AXFileExplorerContainerComponent {
-    constructor() {
-        this.service = inject(AXFileExplorerService);
-        this.drawer = viewChild(AXDrawerComponent);
-        this.#effect = effect(() => {
-            if (this.service.treeViewState()) {
-                this.drawer().open();
-            }
-            else {
-                this.drawer().close();
-            }
-        });
-    }
-    #effect;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXFileExplorerContainerComponent, isStandalone: false, selector: "ax-file-explorer-container", providers: [AXFileExplorerService], viewQueries: [{ propertyName: "drawer", first: true, predicate: AXDrawerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-drawer-container [ngStyle]=\"this.service.treeViewState() ? { width: 'fit-content' } : { width: 0 }\">\n  <ax-drawer location=\"start\" mode=\"push\">\n    <ax-content>\n      <ng-content select=\"ax-tree-view\"></ng-content>\n    </ax-content>\n  </ax-drawer>\n</ax-drawer-container>\n\n<ax-divider></ax-divider>\n\n<ng-content select=\"ax-file-explorer-view\"></ng-content>\n", styles: ["ax-file-explorer-container{border:1px solid rgb(var(--ax-color-input-border));border-radius:var(--ax-rounded-border-default);display:flex;min-width:30vw;max-height:40vh;overflow:hidden;background-color:rgba(var(--ax-color-input-surface))}ax-file-explorer-container ax-divider{display:block;width:1px;background-color:rgba(var(--ax-color-border-default))}ax-file-explorer-container ax-drawer-container{height:auto}ax-file-explorer-container ax-drawer-container ax-drawer{background-color:rgba(var(--ax-color-input-surface));max-width:100%}ax-file-explorer-container ax-drawer-container ax-drawer ax-content{padding:.5rem}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "closeOthers", "collapsed"], outputs: ["locationChange", "modeChange", "collapsedChange"] }, { kind: "component", type: i3.AXDrawerContainerComponent, selector: "ax-drawer-container" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-file-explorer-container', standalone: false, encapsulation: ViewEncapsulation.None, providers: [AXFileExplorerService], template: "<ax-drawer-container [ngStyle]=\"this.service.treeViewState() ? { width: 'fit-content' } : { width: 0 }\">\n  <ax-drawer location=\"start\" mode=\"push\">\n    <ax-content>\n      <ng-content select=\"ax-tree-view\"></ng-content>\n    </ax-content>\n  </ax-drawer>\n</ax-drawer-container>\n\n<ax-divider></ax-divider>\n\n<ng-content select=\"ax-file-explorer-view\"></ng-content>\n", styles: ["ax-file-explorer-container{border:1px solid rgb(var(--ax-color-input-border));border-radius:var(--ax-rounded-border-default);display:flex;min-width:30vw;max-height:40vh;overflow:hidden;background-color:rgba(var(--ax-color-input-surface))}ax-file-explorer-container ax-divider{display:block;width:1px;background-color:rgba(var(--ax-color-border-default))}ax-file-explorer-container ax-drawer-container{height:auto}ax-file-explorer-container ax-drawer-container ax-drawer{background-color:rgba(var(--ax-color-input-surface));max-width:100%}ax-file-explorer-container ax-drawer-container ax-drawer ax-content{padding:.5rem}\n"] }]
-        }] });
-
-class AXFileExplorerItemComponent extends MXBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.data = input();
-        this.dbClick = output();
-        this.viewMode = input();
-    }
-    dbClickHandler() {
-        this.dbClick.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXFileExplorerItemComponent, isStandalone: false, selector: "ax-file-explorer-item", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dbClick: "dbClick" }, usesInheritance: true, ngImport: i0, template: "@if (viewMode() === 'ax-list-icon') {\n  <div class=\"ax-list-icon\" (dblclick)=\"dbClickHandler()\">\n    <div class=\"ax-thumb-file\">\n      <ax-icon [icon]=\"data().icon\"></ax-icon>\n      <ax-text>{{ data().text }}</ax-text>\n    </div>\n\n    @if (data().extension) {\n      <ax-text>\n        {{ data().size }}\n      </ax-text>\n    }\n\n    <ax-text>\n      {{ data().description }}\n    </ax-text>\n\n    <ax-text>\n      {{ data().lastModify }}\n    </ax-text>\n  </div>\n} @else {\n  <div [ngClass]=\"viewMode()\" (dblclick)=\"dbClickHandler()\">\n    <ax-icon [icon]=\"data().icon\"></ax-icon>\n    <ax-text>{{ data().text }}</ax-text>\n  </div>\n}\n", styles: ["ax-file-explorer-item{-webkit-user-select:none;user-select:none;cursor:pointer}ax-file-explorer-item .ax-large-icon,ax-file-explorer-item .ax-small-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}ax-file-explorer-item .ax-small-icon ax-icon{font-size:.9rem}ax-file-explorer-item .ax-small-icon ax-text{font-size:.7rem}ax-file-explorer-item .ax-large-icon ax-icon{font-size:3rem}ax-file-explorer-item .ax-large-icon ax-text{font-size:.8rem}ax-file-explorer-item .ax-list-icon{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.1rem;align-items:center;padding:.3rem;border-bottom:1px solid rgb(var(--ax-color-input-border));margin-bottom:.5rem}ax-file-explorer-item .ax-list-icon ax-icon{font-size:1.2rem;margin-inline-end:.5rem}ax-file-explorer-item .ax-list-icon ax-text{font-size:.8rem}ax-file-explorer-item .ax-list-icon .ax-thumb-file{display:flex}ax-file-explorer-item .ax-list-icon .ax-thumb-file ax-text{max-width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-file-explorer-item .ax-list-icon>ax-text{color:rgb(var(--ax-color-neutral-500));max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-file-explorer-item', standalone: false, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (viewMode() === 'ax-list-icon') {\n  <div class=\"ax-list-icon\" (dblclick)=\"dbClickHandler()\">\n    <div class=\"ax-thumb-file\">\n      <ax-icon [icon]=\"data().icon\"></ax-icon>\n      <ax-text>{{ data().text }}</ax-text>\n    </div>\n\n    @if (data().extension) {\n      <ax-text>\n        {{ data().size }}\n      </ax-text>\n    }\n\n    <ax-text>\n      {{ data().description }}\n    </ax-text>\n\n    <ax-text>\n      {{ data().lastModify }}\n    </ax-text>\n  </div>\n} @else {\n  <div [ngClass]=\"viewMode()\" (dblclick)=\"dbClickHandler()\">\n    <ax-icon [icon]=\"data().icon\"></ax-icon>\n    <ax-text>{{ data().text }}</ax-text>\n  </div>\n}\n", styles: ["ax-file-explorer-item{-webkit-user-select:none;user-select:none;cursor:pointer}ax-file-explorer-item .ax-large-icon,ax-file-explorer-item .ax-small-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}ax-file-explorer-item .ax-small-icon ax-icon{font-size:.9rem}ax-file-explorer-item .ax-small-icon ax-text{font-size:.7rem}ax-file-explorer-item .ax-large-icon ax-icon{font-size:3rem}ax-file-explorer-item .ax-large-icon ax-text{font-size:.8rem}ax-file-explorer-item .ax-list-icon{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.1rem;align-items:center;padding:.3rem;border-bottom:1px solid rgb(var(--ax-color-input-border));margin-bottom:.5rem}ax-file-explorer-item .ax-list-icon ax-icon{font-size:1.2rem;margin-inline-end:.5rem}ax-file-explorer-item .ax-list-icon ax-text{font-size:.8rem}ax-file-explorer-item .ax-list-icon .ax-thumb-file{display:flex}ax-file-explorer-item .ax-list-icon .ax-thumb-file ax-text{max-width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-file-explorer-item .ax-list-icon>ax-text{color:rgb(var(--ax-color-neutral-500));max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:center}\n"] }]
-        }] });
-
-class AXFileExplorerViewComponent {
-    constructor() {
-        this.dataCallBack = input();
-        this.allData = signal([]);
-        this.showData = signal([]);
-        this.activeFolderId = signal(null);
-        this.clickedItems = new Set();
-        this.breadcrumbsData = signal(['root']);
-        this.contextMenu = viewChild(AXContextMenuComponent);
-        this.viewMode = signal('ax-large-icon');
-        this.service = inject(AXFileExplorerService);
-        this.#effect = afterNextRender(() => {
-            this.setInitialAllData();
-        });
-        this.#effect2 = effect(() => {
-            if (this.activeFolderId()) {
-                const result = this.findItemInNestedArray(this.allData(), (item) => item.id === this.activeFolderId());
-                this.showData.set(result.childrens);
-            }
-            else {
-                this.showData.set(this.allData());
-            }
-            setTimeout(() => {
-                this.contextMenu().refresh();
-            });
-        });
-    }
-    #effect;
-    #effect2;
-    async setInitialAllData() {
-        const rootData = await this.dataCallBack()();
-        this.allData.set(rootData);
-    }
-    async dbclickHandler(item) {
-        if (item.extension)
-            return;
-        if (!item?.id)
-            return;
-        this.activeFolderId.set(item.id);
-        const clickedItem = this.findItemInNestedArray(this.allData(), (e) => e.id === item.id);
-        this.breadcrumbsData.update((prev) => [...prev, clickedItem.text]);
-        let canPass = true;
-        this.clickedItems.forEach((e) => {
-            if (e === item.id)
-                canPass = false;
-        });
-        this.clickedItems.add(item.id);
-        if (!canPass)
-            return;
-        const newChild = await this.dataCallBack()(item.id);
-        this.allData.update((prev) => {
-            const copy = [...prev];
-            const find = this.findItemInNestedArray(copy, (e) => e.id === item.id);
-            find.childrens = newChild;
-            return copy;
-        });
-    }
-    findItemInNestedArray(array, predicate) {
-        for (const item of array) {
-            if (predicate(item)) {
-                return item;
-            }
-            if (item.childrens) {
-                const found = this.findItemInNestedArray(item.childrens, predicate);
-                if (found)
-                    return found;
-            }
-        }
-        return null;
-    }
-    backButtonHandler() {
-        this.breadcrumbsData.update((prev) => {
-            const copy = [...prev];
-            if (copy.length !== 1)
-                copy.pop();
-            return copy;
-        });
-        const parentId = this.showData()[0].parentId;
-        const parent = this.findItemInNestedArray(this.allData(), (item) => item.id === parentId);
-        if (parent?.parentId) {
-            this.activeFolderId.set(parent.parentId);
-        }
-        else {
-            this.activeFolderId.set(null);
-        }
-    }
-    handleContextMenuOpening(e) {
-        const target = e.targetElement['__axContext__'];
-        const items = [{ text: 'open', data: target }];
-        e.items.push(...items);
-        // if (items.length) {
-        //   e.items.push(...items);
-        // } else {
-        //   e.canceled = true;
-        // }
-    }
-    handleContextMenuItemClick(e) {
-        console.log(e);
-        this.dbclickHandler(e.item.data.data());
-    }
-    changeViewHandler(v) {
-        this.viewMode.set(v);
-    }
-    async sortItemHandler(sort) {
-        const newChild = await this.dataCallBack()(this.activeFolderId(), sort);
-    }
-    menuToggleHandler() {
-        this.service.treeViewState.update((prev) => !prev);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXFileExplorerViewComponent, isStandalone: false, selector: "ax-file-explorer-view", inputs: { dataCallBack: { classPropertyName: "dataCallBack", publicName: "dataCallBack", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: AXContextMenuComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-toolbar [dividerState]=\"false\">\n  <ax-prefix>\n    <ax-button (onClick)=\"menuToggleHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-menu\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-button (onClick)=\"backButtonHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-up-folder\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-breadcrumbs>\n      <ng-template *ngIf=\"false\" #divider> '|' </ng-template>\n      @for (item of breadcrumbsData(); track item; let idx = $last) {\n        <ax-breadcrumbs-item [active]=\"idx\">\n          <p>{{ item }}</p>\n        </ax-breadcrumbs-item>\n      }\n    </ax-breadcrumbs>\n  </ax-prefix>\n\n  <ax-suffix>\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-text>View</ax-text>\n\n        <ax-menu-item (onClick)=\"changeViewHandler('ax-large-icon')\">\n          <ax-text>Large</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"changeViewHandler('ax-small-icon')\">\n          <ax-text>Small</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"changeViewHandler('ax-list-icon')\">\n          <ax-text>List</ax-text>\n        </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n\n    <ax-divider></ax-divider>\n\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-prefix>\n          <ax-icon class=\"ax-icon ax-icon-sort\"></ax-icon>\n        </ax-prefix>\n        <ax-menu-item (onClick)=\"sortItemHandler('name')\"> <ax-text>Name</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"sortItemHandler('date')\"> <ax-text>Date</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"sortItemHandler('type')\"> <ax-text>Type</ax-text> </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n  </ax-suffix>\n</ax-toolbar>\n\n<div [ngClass]=\"viewMode()\" class=\"ax-file-container\">\n  @for (item of showData(); track item.id) {\n    <ax-file-explorer-item\n      id=\"ax-file-explore-item-ref\"\n      (dbClick)=\"dbclickHandler(item)\"\n      [data]=\"item\"\n      [viewMode]=\"viewMode()\"\n    ></ax-file-explorer-item>\n  }\n</div>\n<ax-context-menu\n  target=\"#ax-file-explore-item-ref\"\n  orientation=\"vertical\"\n  (onOpening)=\"handleContextMenuOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n", styles: ["ax-file-explorer-view{flex-grow:1}ax-file-explorer-view .ax-file-container.ax-large-icon,ax-file-explorer-view .ax-file-container.ax-small-icon{display:flex;flex-wrap:wrap;padding:.5rem;overflow:auto;gap:.6rem}ax-file-explorer-view .ax-file-container.ax-list-icon{overflow:auto;height:100%;padding:.5rem}ax-file-explorer-view ax-toolbar{border-bottom:1px solid rgb(var(--ax-color-input-border));width:100%;justify-content:space-between}ax-file-explorer-view ax-toolbar ax-menu.ax-action-list-horizontal{min-width:fit-content}ax-file-explorer-view ax-toolbar ax-prefix{flex-wrap:nowrap}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i3$1.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i3$1.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.AXToolBarComponent, selector: "ax-toolbar", inputs: ["dividerState"] }, { kind: "component", type: i6.AXMenuItemComponent, selector: "ax-menu-item", inputs: ["name", "data", "disabled", "color"], outputs: ["onClick"] }, { kind: "component", type: i6.AXMenuComponent, selector: "ax-menu", inputs: ["orientation", "openOn", "closeOn", "items", "hasArrow"], outputs: ["onItemClick"] }, { kind: "component", type: i6.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "component", type: AXFileExplorerItemComponent, selector: "ax-file-explorer-item", inputs: ["data", "viewMode"], outputs: ["dbClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-file-explorer-view', standalone: false, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ax-toolbar [dividerState]=\"false\">\n  <ax-prefix>\n    <ax-button (onClick)=\"menuToggleHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-menu\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-button (onClick)=\"backButtonHandler()\" look=\"blank\">\n      <ax-icon class=\"ax-icon ax-icon-up-folder\"></ax-icon>\n    </ax-button>\n\n    <ax-divider></ax-divider>\n\n    <ax-breadcrumbs>\n      <ng-template *ngIf=\"false\" #divider> '|' </ng-template>\n      @for (item of breadcrumbsData(); track item; let idx = $last) {\n        <ax-breadcrumbs-item [active]=\"idx\">\n          <p>{{ item }}</p>\n        </ax-breadcrumbs-item>\n      }\n    </ax-breadcrumbs>\n  </ax-prefix>\n\n  <ax-suffix>\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-text>View</ax-text>\n\n        <ax-menu-item (onClick)=\"changeViewHandler('ax-large-icon')\">\n          <ax-text>Large</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"changeViewHandler('ax-small-icon')\">\n          <ax-text>Small</ax-text>\n        </ax-menu-item>\n\n        <ax-menu-item (onClick)=\"changeViewHandler('ax-list-icon')\">\n          <ax-text>List</ax-text>\n        </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n\n    <ax-divider></ax-divider>\n\n    <ax-menu openOn=\"click\" [hasArrow]=\"false\">\n      <ax-menu-item>\n        <ax-prefix>\n          <ax-icon class=\"ax-icon ax-icon-sort\"></ax-icon>\n        </ax-prefix>\n        <ax-menu-item (onClick)=\"sortItemHandler('name')\"> <ax-text>Name</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"sortItemHandler('date')\"> <ax-text>Date</ax-text> </ax-menu-item>\n        <ax-menu-item (onClick)=\"sortItemHandler('type')\"> <ax-text>Type</ax-text> </ax-menu-item>\n      </ax-menu-item>\n    </ax-menu>\n  </ax-suffix>\n</ax-toolbar>\n\n<div [ngClass]=\"viewMode()\" class=\"ax-file-container\">\n  @for (item of showData(); track item.id) {\n    <ax-file-explorer-item\n      id=\"ax-file-explore-item-ref\"\n      (dbClick)=\"dbclickHandler(item)\"\n      [data]=\"item\"\n      [viewMode]=\"viewMode()\"\n    ></ax-file-explorer-item>\n  }\n</div>\n<ax-context-menu\n  target=\"#ax-file-explore-item-ref\"\n  orientation=\"vertical\"\n  (onOpening)=\"handleContextMenuOpening($event)\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n>\n</ax-context-menu>\n", styles: ["ax-file-explorer-view{flex-grow:1}ax-file-explorer-view .ax-file-container.ax-large-icon,ax-file-explorer-view .ax-file-container.ax-small-icon{display:flex;flex-wrap:wrap;padding:.5rem;overflow:auto;gap:.6rem}ax-file-explorer-view .ax-file-container.ax-list-icon{overflow:auto;height:100%;padding:.5rem}ax-file-explorer-view ax-toolbar{border-bottom:1px solid rgb(var(--ax-color-input-border));width:100%;justify-content:space-between}ax-file-explorer-view ax-toolbar ax-menu.ax-action-list-horizontal{min-width:fit-content}ax-file-explorer-view ax-toolbar ax-prefix{flex-wrap:nowrap}\n"] }]
-        }] });
-
-const COMPONENT = [
-    AXFileExplorerContainerComponent,
-    AXFileExplorerViewComponent,
-    AXFileExplorerItemComponent,
-];
-const MODULES = [
-    AXDecoratorModule,
-    AXButtonModule,
-    AXBreadcrumbsModule,
-    CommonModule,
-    AXToolBarModule,
-    AXMenuModule,
-    AXDrawerModule,
-];
-class AXFileExplorerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerModule, declarations: [AXFileExplorerContainerComponent,
-            AXFileExplorerViewComponent,
-            AXFileExplorerItemComponent], imports: [AXDecoratorModule,
-            AXButtonModule,
-            AXBreadcrumbsModule,
-            CommonModule,
-            AXToolBarModule,
-            AXMenuModule,
-            AXDrawerModule], exports: [AXFileExplorerContainerComponent,
-            AXFileExplorerViewComponent,
-            AXFileExplorerItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerModule, imports: [MODULES] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXFileExplorerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXFileExplorerContainerComponent, AXFileExplorerItemComponent, AXFileExplorerModule, AXFileExplorerService, AXFileExplorerViewComponent };
-//# sourceMappingURL=acorex-components-file-explorer.mjs.map