@acorex/modules 19.2.15 → 19.2.17-next.0

package/fesm2022/acorex-modules-document-management-drive.component-bjnFFaLS.mjs

@@ -1,951 +0,0 @@
-import { AXBadgeModule } from '@acorex/components/badge';
-import * as i6 from '@acorex/components/breadcrumbs';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import * as i2$1 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXButtonGroupModule } from '@acorex/components/button-group';
-import * as i5 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i3$1 from '@acorex/components/dropdown';
-import { AXDropdownModule } from '@acorex/components/dropdown';
-import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import * as i10 from '@acorex/components/loading';
-import { AXLoadingModule } from '@acorex/components/loading';
-import * as i4$2 from '@acorex/components/menu';
-import { AXMenuModule } from '@acorex/components/menu';
-import * as i9 from '@acorex/core/translation';
-import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
-import { AXPSimplePageLayout } from '@acorex/platform/themes/default';
-import * as i7$1 from '@acorex/components/search-box';
-import { AXSearchBoxModule } from '@acorex/components/search-box';
-import { AXDateTimeModule } from '@acorex/core/date-time';
-import { AXFileModule } from '@acorex/core/file';
-import * as i3 from '@acorex/core/format';
-import { AXFormatModule } from '@acorex/core/format';
-import { AXPSettingScope, AXPFileTypeProviderService, AXPSettingService } from '@acorex/platform/common';
-import { AXPLayoutThemeService, AXPThemeLayoutBlockComponent, AXPThemeLayoutHeaderTemplateComponent, AXPThemeLayoutActionsComponent, AXPThemeLayoutPagePrimaryActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutToolbarComponent, AXPThemeLayoutFooterComponent } from '@acorex/platform/themes/shared';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, model, Component, Injectable, computed, viewChild, effect, signal, untracked, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
-import { RouterModule, Router, ActivatedRoute } from '@angular/router';
-import { AXMFolderService, AXMDocumentService, RootConfig } from './acorex-modules-document-management.mjs';
-import { AXPopupService } from '@acorex/components/popup';
-import { AXPSessionService } from '@acorex/platform/auth';
-import { AXPDataGenerator, AXPElementDataDirective } from '@acorex/platform/core';
-import * as i8 from '@acorex/components/color-box';
-import { AXColorBoxModule } from '@acorex/components/color-box';
-import * as i7 from '@acorex/components/form';
-import { AXFormModule } from '@acorex/components/form';
-import * as i4$1 from '@acorex/components/label';
-import { AXLabelModule } from '@acorex/components/label';
-import { AXBasePageComponent } from '@acorex/components/page';
-import * as i4 from '@acorex/components/text-box';
-import { AXTextBoxModule } from '@acorex/components/text-box';
-import * as i2 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
-import { get } from 'lodash-es';
-
-class AXMCreateFolderDialog extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        this.driveService = inject(AXMDocumentManagerService);
-        this.name = model('');
-        this.color = model('#FFFFFF');
-        this.description = model('');
-    }
-    async handleSubmitButton(form) {
-        this.isLoading = true;
-        const validated = await form.validate();
-        if (validated.result) {
-            try {
-                const folder = await this.driveService.createFolder({
-                    name: this.name(),
-                    color: this.color(),
-                    parentId: this.parentId,
-                    description: this.description(),
-                });
-                this.close({
-                    result: true,
-                    folder,
-                });
-            }
-            catch (error) {
-                console.error('Error creating folder:', error);
-            }
-            finally {
-                this.isLoading = false;
-            }
-        }
-        else {
-            this.isLoading = false;
-        }
-    }
-    onCancel() {
-        this.close({
-            result: false,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCreateFolderDialog, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMCreateFolderDialog, isStandalone: true, selector: "ax-create-folder-dialog", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { name: "nameChange", color: "colorChange", description: "descriptionChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-p-4\">\n  <ax-form #form>\n    <div class=\"ax-flex ax-flex-col ax-gap-4\">\n      <ax-form-field>\n        <ax-label>\n          {{ 'name' | translate | async }}\n        </ax-label>\n        <ax-text-box [(ngModel)]=\"name\" class=\"ax-input ax-w-full\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'description' | translate | async }}\n        </ax-label>\n        <ax-text-box [(ngModel)]=\"description\" class=\"ax-input ax-w-full\"> </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'color' | translate | async }}\n        </ax-label>\n        <ax-color-box [(ngModel)]=\"color\" class=\"ax-w-full\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-color-box>\n      </ax-form-field>\n      <div class=\"ax-flex ax-justify-end ax-gap-2\"></div>\n    </div>\n  </ax-form>\n</div>\n<ax-footer>\n  <ax-suffix>\n    <ax-button (onClick)=\"onCancel()\" [text]=\"'cancel' | translate | async\"></ax-button>\n    <ax-button look=\"solid\" color=\"primary\" (onClick)=\"handleSubmitButton(form)\" [text]=\"'save' | translate | async\">\n      @if(isLoading) {\n      <ax-loading> </ax-loading>\n      }\n    </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
-                //
-                AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i7.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i7.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i7.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXColorBoxModule }, { kind: "component", type: i8.AXColorBoxComponent, selector: "ax-color-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "showBadge", "showValue", "showClearButton", "showIcon"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i9.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i10.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCreateFolderDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-create-folder-dialog', standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        //
-                        AXDecoratorModule,
-                        AXTextBoxModule,
-                        AXLabelModule,
-                        AXButtonModule,
-                        AXFormModule,
-                        AXColorBoxModule,
-                        AXTranslationModule,
-                        AXLoadingModule,
-                    ], template: "<div class=\"ax-p-4\">\n  <ax-form #form>\n    <div class=\"ax-flex ax-flex-col ax-gap-4\">\n      <ax-form-field>\n        <ax-label>\n          {{ 'name' | translate | async }}\n        </ax-label>\n        <ax-text-box [(ngModel)]=\"name\" class=\"ax-input ax-w-full\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'description' | translate | async }}\n        </ax-label>\n        <ax-text-box [(ngModel)]=\"description\" class=\"ax-input ax-w-full\"> </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'color' | translate | async }}\n        </ax-label>\n        <ax-color-box [(ngModel)]=\"color\" class=\"ax-w-full\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-color-box>\n      </ax-form-field>\n      <div class=\"ax-flex ax-justify-end ax-gap-2\"></div>\n    </div>\n  </ax-form>\n</div>\n<ax-footer>\n  <ax-suffix>\n    <ax-button (onClick)=\"onCancel()\" [text]=\"'cancel' | translate | async\"></ax-button>\n    <ax-button look=\"solid\" color=\"primary\" (onClick)=\"handleSubmitButton(form)\" [text]=\"'save' | translate | async\">\n      @if(isLoading) {\n      <ax-loading> </ax-loading>\n      }\n    </ax-button>\n  </ax-suffix>\n</ax-footer>\n" }]
-        }] });
-
-var AXMDriveScope;
-(function (AXMDriveScope) {
-    AXMDriveScope["Platform"] = "P";
-    AXMDriveScope["Tenant"] = "T";
-    AXMDriveScope["User"] = "U";
-})(AXMDriveScope || (AXMDriveScope = {}));
-
-/**
- * Service for handling document drive operations
- */
-class AXMDocumentManagerService {
-    constructor() {
-        this.folderService = inject(AXMFolderService);
-        this.sessionService = inject(AXPSessionService);
-        this.documentService = inject(AXMDocumentService);
-        this.popupService = inject(AXPopupService);
-        this.scopedDriveCache = new Map();
-    }
-    scope(scope, options) {
-        const cacheKey = this.getScopeCacheKey(scope, options);
-        if (!this.scopedDriveCache.has(cacheKey)) {
-            this.scopedDriveCache.set(cacheKey, new ScopedDriveService(this, scope, options));
-        }
-        return this.scopedDriveCache.get(cacheKey);
-    }
-    getScopeCacheKey(scope, options) {
-        // در آینده می‌توان این را برای کش کردن بر اساس ترکیب scope و options گسترش داد
-        return scope;
-    }
-    /**
-     * Gets the platform root folder (top-level folder)
-     * @returns Root folder for the platform
-     */
-    async getPlatformRootFolder() {
-        const result = await this.folderService.query({
-            skip: 0,
-            take: 1,
-            filter: {
-                operator: null,
-                logic: 'and',
-                filters: [
-                    { field: 'parentId', operator: { type: 'isNull' } },
-                    { field: 'tenantId', operator: { type: 'isNull' } },
-                    { field: 'userId', operator: { type: 'isNull' } },
-                ],
-            },
-        });
-        if (result.items.length === 0) {
-            throw new Error('Platform root folder not found');
-        }
-        return result.items[0];
-    }
-    /**
-     * Gets the tenant root folder
-     * @param rootFolderId The platform root folder ID
-     * @param tenantId The tenant ID
-     * @returns Tenant root folder
-     */
-    async getTenantRootFolder(rootFolderId, tenantId) {
-        if (!tenantId) {
-            throw new Error('Tenant ID is required');
-        }
-        const result = await this.folderService.query({
-            skip: 0,
-            take: 1,
-            filter: {
-                operator: null,
-                logic: 'and',
-                filters: [
-                    { field: 'parentId', operator: { type: 'equal' }, value: rootFolderId },
-                    { field: 'tenantId', operator: { type: 'equal' }, value: tenantId },
-                    { field: 'userId', operator: { type: 'isNull' } },
-                ],
-            },
-        });
-        if (result.items.length === 0) {
-            throw new Error('Tenant root folder not found');
-        }
-        return result.items[0];
-    }
-    /**
-     * Gets the user root folder
-     * @param tenantFolderId The tenant folder ID
-     * @param tenantId The tenant ID
-     * @param userId The user ID
-     * @returns User root folder
-     */
-    async getUserRootFolder(tenantFolderId, tenantId, userId) {
-        if (!tenantId || !userId) {
-            throw new Error('Both Tenant ID and User ID are required');
-        }
-        const result = await this.folderService.query({
-            skip: 0,
-            take: 1,
-            filter: {
-                operator: null,
-                logic: 'and',
-                filters: [
-                    { field: 'parentId', operator: { type: 'equal' }, value: tenantFolderId },
-                    { field: 'tenantId', operator: { type: 'equal' }, value: tenantId },
-                    { field: 'userId', operator: { type: 'equal' }, value: userId },
-                ],
-            },
-        });
-        if (result.items.length === 0) {
-            throw new Error('User root folder not found');
-        }
-        return result.items[0];
-    }
-    mapFolderDtoToFolderNode(folder) {
-        return {
-            id: folder.id,
-            name: folder.name,
-            type: 'folder',
-            parentId: folder.parentId || null,
-            lastModified: folder.updatedAt,
-            children: [
-                ...(folder.folders?.map((child) => ({
-                    id: child.id,
-                    name: child.name,
-                    type: 'folder',
-                    parentId: child.parentId || null,
-                    lastModified: child.updatedAt,
-                    size: AXPDataGenerator.number(50, 9000000),
-                })) || []),
-                ...(folder.documents?.map((doc) => ({
-                    id: doc.id,
-                    name: doc.name,
-                    type: 'file',
-                    parentId: doc.parentId,
-                    lastModified: AXPDataGenerator.date(),
-                    size: AXPDataGenerator.number(50, 9000000),
-                })) || []),
-            ],
-        };
-    }
-    async buildPath(node) {
-        if (node.type === 'file') {
-            return (await this.documentService.getPath(node.id)).map(this.mapFolderDtoToFolderNode);
-        }
-        return (await this.folderService.getPath(node.id)).map(this.mapFolderDtoToFolderNode);
-    }
-    async findNodeById(id) {
-        const findNode = (nodes) => {
-            for (const node of nodes) {
-                if (node.id === id) {
-                    return node;
-                }
-                if (node.children) {
-                    const found = findNode(node.children);
-                    if (found)
-                        return found;
-                }
-            }
-            return null;
-        };
-        return findNode([(await this.getRoot(AXMDriveScope.Platform)).result]);
-    }
-    /**
-     * Gets the root folder based on the specified scope
-     * @param scope The drive scope (Platform, Tenant, User)
-     * @param options Optional parameters for tenant and user IDs
-     * @returns Root folder for the specified scope
-     */
-    async getRoot(scope, options) {
-        const rootFolder = await this.getPlatformRootFolder();
-        let result;
-        switch (scope) {
-            case AXMDriveScope.Platform:
-                result = this.mapFolderDtoToFolderNode(rootFolder);
-                break;
-            case AXMDriveScope.Tenant: {
-                if (!options?.tenantId) {
-                    throw new Error('Tenant ID is required for tenant scope');
-                }
-                const tenantRoot = await this.getTenantRootFolder(rootFolder.id, options.tenantId);
-                result = this.mapFolderDtoToFolderNode(tenantRoot);
-                break;
-            }
-            case AXMDriveScope.User: {
-                if (!options?.tenantId || !options?.userId) {
-                    throw new Error('Both Tenant ID and User ID are required for user scope');
-                }
-                const tenantFolder = await this.getTenantRootFolder(rootFolder.id, options.tenantId);
-                const userRoot = await this.getUserRootFolder(tenantFolder.id, options.tenantId, options.userId);
-                result = this.mapFolderDtoToFolderNode(userRoot);
-                break;
-            }
-            default:
-                throw new Error(`Invalid scope: ${scope}`);
-        }
-        const path = await this.buildPath(result);
-        return { path, result };
-    }
-    /**
-     * Gets a specific folder by ID
-     * @param folderId The folder ID to retrieve
-     * @returns The requested folder
-     */
-    async getFolder(folderId) {
-        if (!folderId) {
-            throw new Error('Folder ID is required');
-        }
-        const folder = await this.folderService.getOne(folderId);
-        if (!folder) {
-            throw new Error('Folder not found');
-        }
-        const result = this.mapFolderDtoToFolderNode(folder);
-        const path = await this.buildPath(result);
-        return { path, result };
-    }
-    async createFolder(data) {
-        const now = new Date();
-        const currentUser = this.sessionService.user;
-        const folderToCreate = {
-            ...data,
-            createdAt: now,
-            updatedAt: now,
-            createdBy: currentUser?.id?.toString() ?? 'system',
-            updatedBy: currentUser?.id?.toString() ?? 'system',
-            isSystem: false,
-            isHidden: false,
-            isDeleted: false,
-        };
-        const createdFolder = await this.folderService.insertOne(folderToCreate);
-        const folder = await this.folderService.getOne(createdFolder);
-        return this.mapFolderDtoToFolderNode(folder);
-    }
-    async updateFolder(folderId, data) {
-        const currentUser = this.sessionService.user;
-        const updateData = {
-            ...data,
-            updatedBy: currentUser?.id?.toString() ?? 'system',
-            updatedAt: new Date(),
-        };
-        await this.folderService.updateOne(folderId, updateData);
-        const updatedFolder = await this.folderService.getOne(folderId);
-        return this.mapFolderDtoToFolderNode(updatedFolder);
-    }
-    async deleteFolder(folderId) {
-        await this.folderService.deleteOne(folderId);
-    }
-    async getAvailableSpace() {
-        // For now, return a fixed value of 100GB (56 * 1024 * 1024 * 1024 bytes)
-        // This should be replaced with actual storage quota logic when implemented
-        return 56 * 1024 * 1024 * 1024;
-    }
-    mapFileToNode(file) {
-        return {
-            id: file.id,
-            name: file.name,
-            type: 'file',
-            parentId: file.parentId,
-            lastModified: new Date(),
-        };
-    }
-    async createFile(data) {
-        const fileId = await this.documentService.insertOne(data);
-        const file = await this.documentService.getOne(fileId);
-        return this.mapFileToNode(file);
-    }
-    async updateFile(fileId, data) {
-        const updatedFile = await this.documentService.updateOne(fileId, data);
-        return this.mapFileToNode(updatedFile);
-    }
-    async deleteFile(fileId) {
-        await this.documentService.deleteOne(fileId);
-    }
-    async deleteNodes(nodeIds) {
-        for (const nodeId of nodeIds) {
-            try {
-                await this.deleteFolder(nodeId);
-            }
-            catch {
-                try {
-                    await this.deleteFile(nodeId);
-                }
-                catch (error) {
-                    console.error(`Failed to delete node with id ${nodeId}:`, error);
-                }
-            }
-        }
-    }
-    async showCreateFolderDialog(parentId) {
-        const popup = await this.popupService.open(AXMCreateFolderDialog, {
-            title: 't("actions.create-folder")',
-            data: {
-                parentId,
-            },
-        });
-        return popup.data?.folder;
-    }
-    async rename(node) { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentManagerService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentManagerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-class ScopedDriveService {
-    constructor(parent, scope, options) {
-        this.parent = parent;
-        this.scope = scope;
-        this.options = options;
-        this.validateScopeOptions();
-    }
-    validateScopeOptions() {
-        switch (this.scope) {
-            case AXMDriveScope.Tenant:
-                if (!this.options?.tenantId) {
-                    throw new Error('Tenant ID is required for tenant scope');
-                }
-                break;
-            case AXMDriveScope.User:
-                if (!this.options?.tenantId || !this.options?.userId) {
-                    throw new Error('Both Tenant ID and User ID are required for user scope');
-                }
-                break;
-        }
-    }
-    async getRoot() {
-        return this.parent.getRoot(this.scope, this.options);
-    }
-    async getFolder(folderId) {
-        return this.parent.getFolder(folderId);
-    }
-    async createFolder(data) {
-        const folderData = {
-            ...data,
-            tenantId: this.options?.tenantId,
-            userId: this.options?.userId,
-        };
-        return this.parent.createFolder(folderData);
-    }
-    async updateFolder(folderId, data) {
-        return this.parent.updateFolder(folderId, data);
-    }
-    async deleteFolder(folderId) {
-        return this.parent.deleteFolder(folderId);
-    }
-    async getAvailableSpace() {
-        return this.parent.getAvailableSpace();
-    }
-}
-
-var AXPDocumentExplorerSettings;
-(function (AXPDocumentExplorerSettings) {
-    AXPDocumentExplorerSettings["ViewMode"] = "document-explorer:layout:view-mode";
-    AXPDocumentExplorerSettings["SortField"] = "document-explorer:layout:sort-field";
-    AXPDocumentExplorerSettings["SortDirection"] = "document-explorer:layout:sort-direction";
-})(AXPDocumentExplorerSettings || (AXPDocumentExplorerSettings = {}));
-
-const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withState(() => ({
-    // View State
-    viewMode: 'grid',
-    isLoading: false,
-    // Navigation State
-    currentPath: [],
-    currentNode: null,
-    loadingFolderId: null,
-    navigatingFolderId: null,
-    // Sort State
-    sortField: 'name',
-    sortDirection: 'asc',
-    // Content State
-    folders: [],
-    files: [],
-    itemsCount: 0,
-    availableSpace: 0,
-    // Drive State
-    currentDrive: null,
-    // File Type State
-    fileTypes: [],
-})), withComputed((store) => ({
-    isRoot: computed(() => {
-        const node = store.currentNode();
-        return node?.id === 'root' || !node?.parentId;
-    }),
-    breadcrumb: computed(() => store.currentPath()),
-    currentFolder: computed(() => store.currentNode()),
-    currentFolderContents: computed(() => ({
-        folders: store.folders(),
-        files: store.files(),
-    })),
-    parentFolder: computed(() => {
-        const currentNode = store.currentNode();
-        return currentNode?.parentId ? store.folders().find(folder => folder.id === currentNode.parentId) : null;
-    }),
-    isGridView: computed(() => store.viewMode() === 'grid'),
-    isListView: computed(() => store.viewMode() === 'list'),
-})), withMethods((store, fileTypeService = inject(AXPFileTypeProviderService), driveService = inject(AXMDocumentManagerService), settingService = inject(AXPSettingService)) => ({
-    async initialize(path = 'root') {
-        // Load file types
-        const fileTypes = await fileTypeService.items();
-        patchState(store, { fileTypes });
-        // Load initial settings
-        const viewMode = await settingService.get(AXPDocumentExplorerSettings.ViewMode);
-        const sortField = await settingService.get(AXPDocumentExplorerSettings.SortField);
-        const sortDirection = await settingService.get(AXPDocumentExplorerSettings.SortDirection);
-        patchState(store, {
-            viewMode: viewMode || 'grid',
-            sortField: sortField || 'name',
-            sortDirection: sortDirection || 'asc'
-        });
-    },
-    _load: async (folderId) => {
-        patchState(store, { loadingFolderId: folderId, isLoading: true });
-        await new Promise(resolve => setTimeout(resolve, 100));
-        try {
-            const node = await driveService.getFolder(folderId);
-            patchState(store, {
-                currentNode: node.result,
-                currentPath: node.path,
-                folders: node.result.children?.filter((item) => item.type === 'folder') || [],
-                files: node.result.children?.filter((item) => item.type === 'file') || [],
-                itemsCount: node.result.children?.length || 0,
-                availableSpace: await driveService.getAvailableSpace(),
-                loadingFolderId: null,
-                isLoading: false,
-                navigatingFolderId: null
-            });
-        }
-        catch (error) {
-            patchState(store, {
-                loadingFolderId: null,
-                isLoading: false
-            });
-            throw error;
-        }
-    },
-    navigateToFolder(folderId) {
-        patchState(store, { navigatingFolderId: folderId });
-    },
-    async loadFolderContents(folderId) {
-        await this._load(folderId);
-    },
-    setViewMode(mode) {
-        patchState(store, { viewMode: mode });
-        settingService.scope(AXPSettingScope.User).set(AXPDocumentExplorerSettings.ViewMode, mode);
-    },
-    setSortField(field) {
-        patchState(store, { sortField: field });
-        settingService.scope(AXPSettingScope.User).set(AXPDocumentExplorerSettings.SortField, field);
-    },
-    setSortDirection(direction) {
-        patchState(store, { sortDirection: direction });
-        settingService.scope(AXPSettingScope.User).set(AXPDocumentExplorerSettings.SortDirection, direction);
-    },
-    setDrive(scope) {
-        patchState(store, { currentDrive: scope });
-    },
-    isLoadingFolder(folderId) {
-        return store.loadingFolderId() === folderId;
-    },
-    getFileInfo(fileName) {
-        const fileTypes = store.fileTypes();
-        const extension = fileName.split('.').pop()?.toLowerCase() || '';
-        const extensions = fileTypes.flatMap(type => type.extensions);
-        const fileType = extensions.find(e => e.name === extension);
-        return {
-            icon: fileType?.icon || 'fa-light fa-file',
-            type: fileType?.name || 'Unknown'
-        };
-    },
-    sortItems(items) {
-        const field = store.sortField();
-        const direction = store.sortDirection();
-        return [...items].sort((a, b) => {
-            let comparison = 0;
-            switch (field) {
-                case 'name':
-                    comparison = a.name.localeCompare(b.name);
-                    break;
-                case 'modified':
-                    const aDate = a.lastModified ? new Date(a.lastModified) : new Date(0);
-                    const bDate = b.lastModified ? new Date(b.lastModified) : new Date(0);
-                    comparison = aDate.getTime() - bDate.getTime();
-                    break;
-                case 'size':
-                    comparison = (a.size || 0) - (b.size || 0);
-                    break;
-            }
-            return direction === 'asc' ? comparison : -comparison;
-        });
-    },
-    async refresh() {
-        const currentFolder = store.currentNode();
-        if (currentFolder) {
-            await this._load(currentFolder.id);
-        }
-    }
-})));
-
-class AXMDocumentExplorerComponent {
-    constructor() {
-        this.vm = inject(AXPDocumentExplorerViewModel);
-        this.contextMenu = viewChild('itemsContextMenu');
-        this.rootContextMenu = viewChild('rootContextMenu');
-        this.driveService = inject(AXMDocumentManagerService);
-        this.translateService = inject(AXTranslationService);
-        this.#effect = effect(() => {
-            const navigatingFolderId = this.vm.loadingFolderId();
-            if (!navigatingFolderId) {
-                setTimeout(() => {
-                    this.contextMenu()?.refresh();
-                    this.rootContextMenu()?.refresh();
-                }, 100);
-            }
-        });
-    }
-    #effect;
-    handleNavigateToFolder(folderId) {
-        this.vm.navigateToFolder(folderId);
-    }
-    // Context Menu Handlers
-    async handleContextMenuOnOpening(e) {
-        const node = get(e.targetElement, '__data__');
-        if (!node) {
-            return;
-        }
-        const allowedAddItems = node.type === 'folder';
-        const allowDelete = true;
-        const isPasteAvailable = true;
-        const allowPaste = false;
-        const open = node.type == 'file' ? [
-            {
-                name: 'open-file',
-                text: 'Open',
-                icon: this.vm.getFileInfo(node.name).icon,
-                data: node,
-            },
-            {
-                name: 'download',
-                text: 'Download',
-                icon: 'fa-light fa-download',
-                data: node,
-            },
-        ] : [
-            {
-                name: 'open-folder',
-                text: 'Open',
-                icon: 'fa-light fa-folder-open',
-                data: node,
-            },
-            {
-                name: 'upload-file',
-                text: 'Upload File',
-                icon: 'fa-light fa-file-arrow-up',
-                break: true,
-                data: this.vm.currentFolder(),
-            },
-        ];
-        const info = {
-            name: node.type == 'file' ? 'file-info' : 'folder-info',
-            text: 'Information',
-            icon: 'fa-light fa-circle-info',
-            items: [
-                {
-                    name: 'rename',
-                    text: 'Rename',
-                    icon: 'fa-light fa-pencil',
-                    data: node,
-                },
-                {
-                    name: 'properties',
-                    text: 'Properties',
-                    icon: 'fa-light fa-memo-circle-info',
-                    break: true,
-                    data: node,
-                },
-                {
-                    name: 'lock ',
-                    text: 'Lock',
-                    icon: 'fa-light fa-lock',
-                    data: node,
-                }
-            ],
-            break: true,
-        };
-        e.items = [
-            ...open,
-            {
-                name: 'share',
-                text: 'Share',
-                icon: 'fa-light fa-share-nodes',
-                items: [
-                    {
-                        name: 'share',
-                        text: 'Share',
-                        icon: 'fa-light fa-users',
-                    },
-                    {
-                        name: 'share-with-email',
-                        text: 'Share with email',
-                        icon: 'fa-light fa-envelope',
-                    },
-                    {
-                        name: 'link',
-                        text: 'Link',
-                        icon: 'fa-light fa-link',
-                    }
-                ],
-                break: true,
-            },
-            info,
-            {
-                name: 'copy',
-                text: 'Make a copy',
-                icon: 'fa-light fa-copy',
-                data: node,
-            },
-            {
-                name: 'copy-to',
-                text: 'Copy to',
-                icon: 'fa-light fa-copy',
-                data: node,
-            },
-            {
-                name: 'move-to',
-                text: 'Move to',
-                icon: 'fa-light fa-arrow-right-arrow-left',
-                break: true,
-                data: node,
-            },
-            {
-                name: 'delete',
-                text: 'Delete',
-                color: 'danger',
-                icon: 'fa-light fa-trash',
-                data: node,
-            }
-        ];
-    }
-    handleContextMenuRootOnOpening(e) {
-        //TODO: check async translate method in acorex
-        const scope = RootConfig.config.i18n;
-        e.items = [
-            {
-                name: 'new-folder',
-                text: this.translateService.translateSync('actions.create-folder', { scope }),
-                icon: 'fa-light fa-folder-plus',
-            },
-            {
-                name: 'upload-file',
-                text: this.translateService.translateSync('actions.upload-file', { scope }),
-                icon: 'fa-light fa-file-arrow-up',
-                break: true,
-            },
-            {
-                name: 'refresh',
-                text: 'Refresh',
-                icon: 'fa-light fa-rotate-right',
-                break: true,
-            },
-            {
-                name: 'delete',
-                text: 'Delete',
-                color: 'danger',
-                icon: 'fa-light fa-trash',
-            },
-        ];
-    }
-    async handleContextMenuItemClick(e) {
-        const node = e.item.data;
-        switch (e.item.name) {
-            case 'open-folder':
-                this.handleNavigateToFolder(node.id);
-                break;
-            case 'new-folder':
-                await this.createFolder(node);
-                // Handle new folder creation
-                break;
-            case 'upload-file':
-                await this.uploadFile(node);
-                break;
-            case 'paste':
-                // Handle paste operation
-                break;
-            case 'delete':
-                // Handle delete operation
-                break;
-            case 'refresh':
-                this.vm.refresh();
-                break;
-        }
-    }
-    async createFolder(node) {
-        const folderId = node?.id ?? this.vm.currentFolder()?.id;
-        if (folderId) {
-            const result = await this.driveService.showCreateFolderDialog(this.vm.currentFolder()?.id);
-            if (result) {
-                await this.vm.refresh();
-            }
-        }
-    }
-    async uploadFile(node) {
-        const folderId = node?.id ?? this.vm.currentFolder()?.id;
-        if (folderId) {
-            // const result = await this.driveService.showCreateFolderDialog(this.vm.currentFolder()?.id);
-            // if (result) {
-            //   await this.vm.refresh();
-            // }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentExplorerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMDocumentExplorerComponent, isStandalone: true, selector: "axp-document-explorer", viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["itemsContextMenu"], descendants: true, isSignal: true }, { propertyName: "rootContextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Content -->\n<div class=\"content\">\n  <!-- Empty State -->\n  @if (vm.folders().length === 0 && vm.files().length === 0) {\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-16 ax-h-full\">\n    <ax-icon icon=\"fa-light fa-folder-open\" class=\"ax-text-6xl ax-mb-4\"></ax-icon>\n    <h3 class=\"ax-text-xl ax-font-medium ax-mb-2\">No Items Found</h3>\n    <p class=\"\">This folder is empty. Add some files or folders to get started.</p>\n  </div>\n  } @else {\n  <!-- Grid View -->\n  @if (vm.isGridView()) {\n  <!-- Folders Section -->\n  @if (vm.folders().length > 0) {\n  <div class=\"section\">\n    <h3 class=\"section-title\">Folders</h3>\n    <div class=\"items-grid\">\n      @for (folder of vm.folders(); track folder.id) {\n      <ng-container [ngTemplateOutlet]=\"gridFolderTemplate\" [ngTemplateOutletContext]=\"{ $implicit: folder }\">\n      </ng-container>\n      }\n    </div>\n  </div>\n  }\n\n  <!-- Files Section -->\n  @if (vm.files().length > 0) {\n  <div class=\"section\">\n    <h3 class=\"section-title\">Files</h3>\n    <div class=\"items-grid\">\n      @for (file of vm.files(); track file.id) {\n      <ng-container [ngTemplateOutlet]=\"gridFileTemplate\" [ngTemplateOutletContext]=\"{ $implicit: file }\">\n      </ng-container>\n      }\n    </div>\n  </div>\n  }\n  <!-- Grid View End -->\n  }\n\n  <!-- List View -->\n  @if (vm.isListView()) {\n  <div class=\"list-view\">\n    <table class=\"items-table\">\n      <thead>\n        <tr>\n          <th class=\"name-column\">Name</th>\n          <th class=\"type-column\">Type</th>\n          <th class=\"size-column\">Size</th>\n          <th class=\"date-column\">Last Modified</th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (folder of vm.folders(); track folder.id) {\n        <ng-container [ngTemplateOutlet]=\"listFolderTemplate\" [ngTemplateOutletContext]=\"{ $implicit: folder }\">\n        </ng-container>\n        } @for (file of vm.files(); track file.id) {\n        <ng-container [ngTemplateOutlet]=\"listFileTemplate\" [ngTemplateOutletContext]=\"{ $implicit: file }\">\n        </ng-container>\n        }\n      </tbody>\n    </table>\n  </div>\n  } }\n</div>\n\n<!-- Grid View Templates -->\n<ng-template #gridFolderTemplate let-folder>\n  <div\n    class=\"ax-group ax-cursor-pointer axp-explorer-item\"\n    [axp-data]=\"folder\"\n    (dblclick)=\"handleNavigateToFolder(folder.id)\"\n  >\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-rounded-lg ax-border ax-lighter-surface\">\n      <div class=\"ax-text-yellow-400 ax-mb-2\" style=\"--fa-animation-duration: 2s\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <ng-container [ngTemplateOutlet]=\"folderLoading\"> </ng-container>\n        } @else {\n        <ax-icon icon=\"fa-light fa-folder-closed\" class=\"ax-text-3xl\"></ax-icon>\n        }\n      </div>\n      <span class=\"ax-text-sm ax-truncate ax-w-full ax-text-center\">{{ folder.name }}</span>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #gridFileTemplate let-file>\n  <div class=\"ax-group ax-cursor-pointer axp-explorer-item\" [axp-data]=\"file\">\n    <div\n      class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-rounded-lg ax-border ax-border-gray-200 group-hover:ax-bg-gray-50\"\n    >\n      <div class=\"file-icon\">\n        @let fileInfo = vm.getFileInfo(file.name);\n        <i class=\"fa-fw  {{ fileInfo.icon }}\"></i>\n        <span>{{ fileInfo.type }}</span>\n      </div>\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-1 ax-mt-2\">\n        <span class=\"ax-text-xs\">{{ file.size | format : 'filesize' | async }} </span>\n        <span class=\"ax-text-xs\">{{ file.lastModified | format : 'datetime' : { format: 'datetime' } | async }}</span>\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<!-- List View Templates -->\n<ng-template #listFolderTemplate let-folder>\n  <tr class=\"folder-row\" (dblclick)=\"handleNavigateToFolder(folder.id)\">\n    <td class=\"name-column axp-explorer-item\" [axp-data]=\"folder\">\n      <div class=\"item-name\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <ng-container [ngTemplateOutlet]=\"folderLoading\"> </ng-container>\n        } @else {\n        <i class=\"fas fa-folder-closed\"></i>\n        }\n        <span>{{ folder.name }}</span>\n      </div>\n    </td>\n    <td class=\"type-column axp-explorer-item\" [axp-data]=\"folder\">Folder</td>\n    <td class=\"size-column axp-explorer-item\" [axp-data]=\"folder\">{{ folder.size | format : 'filesize' | async }}</td>\n    <td class=\"date-column axp-explorer-item\" [axp-data]=\"folder\">\n      {{ folder.lastModified | format : 'datetime' : { format: 'datetime' } | async }}\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #listFileTemplate let-file>\n  <tr class=\"file-row\">\n    @let fileInfo = vm.getFileInfo(file.name);\n    <td class=\"name-column axp-explorer-item\" [axp-data]=\"file\">\n      <div class=\"item-name\">\n        <i class=\"fa-fw {{ fileInfo.icon }}\"></i>\n        <span>{{ file.name }}</span>\n      </div>\n    </td>\n    <td class=\"type-column axp-explorer-item\" [axp-data]=\"file\">{{ fileInfo.type }}</td>\n    <td class=\"size-column axp-explorer-item\" [axp-data]=\"file\">{{ file.size | format : 'filesize' | async }}</td>\n    <td class=\"date-column axp-explorer-item\" [axp-data]=\"file\">\n      {{ file.lastModified | format : 'datetime' : { format: 'datetime' } | async }}\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #folderLoading>\n  <i class=\"fa-light fa-spinner fa-spin-pulse ax-text-2xl\"></i>\n</ng-template>\n\n<!-- Context Menu-->\n<ax-context-menu\n  #itemsContextMenu\n  [target]=\"'.axp-explorer-item'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n>\n</ax-context-menu>\n\n<ax-context-menu\n  #rootContextMenu\n  [target]=\"'axp-document-explorer'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuRootOnOpening($event)\"\n>\n</ax-context-menu>\n", styles: [":host{display:flex;height:100%;flex:1 1 0%;flex-direction:column;gap:1rem}:host .content{flex:1 1 0%;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;overflow-y:auto}:host .content .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}:host .content .loading-state i{font-size:1.5rem;line-height:2rem}:host .content .section{margin-bottom:2rem}:host .content .section:last-child{margin-bottom:0}:host .content .section .section-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}:host .content .section .items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}:host .content .list-view .items-table{width:100%;border-collapse:collapse}:host .content .list-view .items-table th{border-bottom-width:1px;padding:.75rem;text-align:start;font-weight:500;background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host .content .list-view .items-table th.name-column{width:50%}:host .content .list-view .items-table th.type-column{width:20%}:host .content .list-view .items-table th.size-column{width:15%}:host .content .list-view .items-table th.date-column{width:15%}:host .content .list-view .items-table td{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:.75rem}:host .content .list-view .items-table td.name-column .item-name{display:flex;align-items:center;gap:.5rem}:host .content .list-view .items-table td.name-column .item-name i{font-size:1.25rem;line-height:1.75rem}:host .content .list-view .items-table tr{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .content .list-view .items-table tr:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}:host .content .list-view .items-table tr.folder-row td .item-name i{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i3.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i4$2.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening"] }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentExplorerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-document-explorer', standalone: true, imports: [CommonModule, RouterModule, AXDecoratorModule, AXLoadingModule, AXFormatModule, AXDateTimeModule, AXMenuModule, AXPElementDataDirective], template: "<!-- Content -->\n<div class=\"content\">\n  <!-- Empty State -->\n  @if (vm.folders().length === 0 && vm.files().length === 0) {\n  <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-py-16 ax-h-full\">\n    <ax-icon icon=\"fa-light fa-folder-open\" class=\"ax-text-6xl ax-mb-4\"></ax-icon>\n    <h3 class=\"ax-text-xl ax-font-medium ax-mb-2\">No Items Found</h3>\n    <p class=\"\">This folder is empty. Add some files or folders to get started.</p>\n  </div>\n  } @else {\n  <!-- Grid View -->\n  @if (vm.isGridView()) {\n  <!-- Folders Section -->\n  @if (vm.folders().length > 0) {\n  <div class=\"section\">\n    <h3 class=\"section-title\">Folders</h3>\n    <div class=\"items-grid\">\n      @for (folder of vm.folders(); track folder.id) {\n      <ng-container [ngTemplateOutlet]=\"gridFolderTemplate\" [ngTemplateOutletContext]=\"{ $implicit: folder }\">\n      </ng-container>\n      }\n    </div>\n  </div>\n  }\n\n  <!-- Files Section -->\n  @if (vm.files().length > 0) {\n  <div class=\"section\">\n    <h3 class=\"section-title\">Files</h3>\n    <div class=\"items-grid\">\n      @for (file of vm.files(); track file.id) {\n      <ng-container [ngTemplateOutlet]=\"gridFileTemplate\" [ngTemplateOutletContext]=\"{ $implicit: file }\">\n      </ng-container>\n      }\n    </div>\n  </div>\n  }\n  <!-- Grid View End -->\n  }\n\n  <!-- List View -->\n  @if (vm.isListView()) {\n  <div class=\"list-view\">\n    <table class=\"items-table\">\n      <thead>\n        <tr>\n          <th class=\"name-column\">Name</th>\n          <th class=\"type-column\">Type</th>\n          <th class=\"size-column\">Size</th>\n          <th class=\"date-column\">Last Modified</th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (folder of vm.folders(); track folder.id) {\n        <ng-container [ngTemplateOutlet]=\"listFolderTemplate\" [ngTemplateOutletContext]=\"{ $implicit: folder }\">\n        </ng-container>\n        } @for (file of vm.files(); track file.id) {\n        <ng-container [ngTemplateOutlet]=\"listFileTemplate\" [ngTemplateOutletContext]=\"{ $implicit: file }\">\n        </ng-container>\n        }\n      </tbody>\n    </table>\n  </div>\n  } }\n</div>\n\n<!-- Grid View Templates -->\n<ng-template #gridFolderTemplate let-folder>\n  <div\n    class=\"ax-group ax-cursor-pointer axp-explorer-item\"\n    [axp-data]=\"folder\"\n    (dblclick)=\"handleNavigateToFolder(folder.id)\"\n  >\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-rounded-lg ax-border ax-lighter-surface\">\n      <div class=\"ax-text-yellow-400 ax-mb-2\" style=\"--fa-animation-duration: 2s\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <ng-container [ngTemplateOutlet]=\"folderLoading\"> </ng-container>\n        } @else {\n        <ax-icon icon=\"fa-light fa-folder-closed\" class=\"ax-text-3xl\"></ax-icon>\n        }\n      </div>\n      <span class=\"ax-text-sm ax-truncate ax-w-full ax-text-center\">{{ folder.name }}</span>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #gridFileTemplate let-file>\n  <div class=\"ax-group ax-cursor-pointer axp-explorer-item\" [axp-data]=\"file\">\n    <div\n      class=\"ax-flex ax-flex-col ax-items-center ax-p-4 ax-rounded-lg ax-border ax-border-gray-200 group-hover:ax-bg-gray-50\"\n    >\n      <div class=\"file-icon\">\n        @let fileInfo = vm.getFileInfo(file.name);\n        <i class=\"fa-fw  {{ fileInfo.icon }}\"></i>\n        <span>{{ fileInfo.type }}</span>\n      </div>\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-1 ax-mt-2\">\n        <span class=\"ax-text-xs\">{{ file.size | format : 'filesize' | async }} </span>\n        <span class=\"ax-text-xs\">{{ file.lastModified | format : 'datetime' : { format: 'datetime' } | async }}</span>\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<!-- List View Templates -->\n<ng-template #listFolderTemplate let-folder>\n  <tr class=\"folder-row\" (dblclick)=\"handleNavigateToFolder(folder.id)\">\n    <td class=\"name-column axp-explorer-item\" [axp-data]=\"folder\">\n      <div class=\"item-name\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <ng-container [ngTemplateOutlet]=\"folderLoading\"> </ng-container>\n        } @else {\n        <i class=\"fas fa-folder-closed\"></i>\n        }\n        <span>{{ folder.name }}</span>\n      </div>\n    </td>\n    <td class=\"type-column axp-explorer-item\" [axp-data]=\"folder\">Folder</td>\n    <td class=\"size-column axp-explorer-item\" [axp-data]=\"folder\">{{ folder.size | format : 'filesize' | async }}</td>\n    <td class=\"date-column axp-explorer-item\" [axp-data]=\"folder\">\n      {{ folder.lastModified | format : 'datetime' : { format: 'datetime' } | async }}\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #listFileTemplate let-file>\n  <tr class=\"file-row\">\n    @let fileInfo = vm.getFileInfo(file.name);\n    <td class=\"name-column axp-explorer-item\" [axp-data]=\"file\">\n      <div class=\"item-name\">\n        <i class=\"fa-fw {{ fileInfo.icon }}\"></i>\n        <span>{{ file.name }}</span>\n      </div>\n    </td>\n    <td class=\"type-column axp-explorer-item\" [axp-data]=\"file\">{{ fileInfo.type }}</td>\n    <td class=\"size-column axp-explorer-item\" [axp-data]=\"file\">{{ file.size | format : 'filesize' | async }}</td>\n    <td class=\"date-column axp-explorer-item\" [axp-data]=\"file\">\n      {{ file.lastModified | format : 'datetime' : { format: 'datetime' } | async }}\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #folderLoading>\n  <i class=\"fa-light fa-spinner fa-spin-pulse ax-text-2xl\"></i>\n</ng-template>\n\n<!-- Context Menu-->\n<ax-context-menu\n  #itemsContextMenu\n  [target]=\"'.axp-explorer-item'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuOnOpening($event)\"\n>\n</ax-context-menu>\n\n<ax-context-menu\n  #rootContextMenu\n  [target]=\"'axp-document-explorer'\"\n  [orientation]=\"'vertical'\"\n  [closeOn]=\"'leave'\"\n  (onItemClick)=\"handleContextMenuItemClick($event)\"\n  (onOpening)=\"handleContextMenuRootOnOpening($event)\"\n>\n</ax-context-menu>\n", styles: [":host{display:flex;height:100%;flex:1 1 0%;flex-direction:column;gap:1rem}:host .content{flex:1 1 0%;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;overflow-y:auto}:host .content .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}:host .content .loading-state i{font-size:1.5rem;line-height:2rem}:host .content .section{margin-bottom:2rem}:host .content .section:last-child{margin-bottom:0}:host .content .section .section-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}:host .content .section .items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}:host .content .list-view .items-table{width:100%;border-collapse:collapse}:host .content .list-view .items-table th{border-bottom-width:1px;padding:.75rem;text-align:start;font-weight:500;background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host .content .list-view .items-table th.name-column{width:50%}:host .content .list-view .items-table th.type-column{width:20%}:host .content .list-view .items-table th.size-column{width:15%}:host .content .list-view .items-table th.date-column{width:15%}:host .content .list-view .items-table td{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:.75rem}:host .content .list-view .items-table td.name-column .item-name{display:flex;align-items:center;gap:.5rem}:host .content .list-view .items-table td.name-column .item-name i{font-size:1.25rem;line-height:1.75rem}:host .content .list-view .items-table tr{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .content .list-view .items-table tr:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}:host .content .list-view .items-table tr.folder-row td .item-name i{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}\n"] }]
-        }] });
-
-class AXMDocumentDriveComponent {
-    constructor() {
-        this.layout = inject(AXPLayoutThemeService);
-        this.rootConfig = RootConfig;
-        this.fileTypeService = inject(AXPFileTypeProviderService);
-        this.driveService = inject(AXMDocumentManagerService);
-        this.vm = inject(AXPDocumentExplorerViewModel);
-        this.router = inject(Router);
-        this.activatedRoute = inject(ActivatedRoute);
-        this.sessionService = inject(AXPSessionService);
-        this.filterItems = signal([]);
-        this.selectedFilter = signal('all');
-        this.sortItems = signal([
-            { key: 'name', textKey: 'actions.sort-by-name', icon: 'fa-light fa-font' },
-            { key: 'modified', textKey: 'actions.sort-by-date', icon: 'fa-light fa-calendar' },
-            { key: 'size', textKey: 'actions.sort-by-size', icon: 'fa-light fa-weight-hanging' },
-        ]);
-        this.documentExplorer = viewChild(AXMDocumentExplorerComponent);
-        this.selectedSort = computed(() => {
-            const items = this.sortItems();
-            return items.find((item) => item.key === this.vm.sortField()) || items[0];
-        });
-        this.#navigateEffect = effect(() => {
-            const navigatingFolderId = this.vm.navigatingFolderId();
-            if (navigatingFolderId) {
-                this.handleNavigateToFolder(navigatingFolderId);
-            }
-        });
-        this.#loadingEffect = effect(() => {
-            const isLoading = this.vm.isLoading();
-            untracked(() => {
-                this.layout.setNavigationLoading(isLoading);
-            });
-        });
-    }
-    #navigateEffect;
-    #loadingEffect;
-    async ngOnInit() {
-        await this.loadFilterItems();
-        await this.vm.initialize();
-        // Subscribe to route changes
-        this.activatedRoute.paramMap.subscribe(async (params) => {
-            this.loadDrive();
-        });
-    }
-    async loadDrive() {
-        const folderId = this.activatedRoute.snapshot.paramMap.get('id');
-        if (folderId) {
-            await this.vm.loadFolderContents(folderId);
-        }
-        else {
-            const root = await this.driveService.getRoot(AXMDriveScope.Platform);
-            if (root.result) {
-                await this.router.navigate([`${this.sessionService.application?.name}/drive/my/${root.result.id}`], { replaceUrl: true });
-            }
-        }
-    }
-    async loadFilterItems() {
-        const types = await this.fileTypeService.items();
-        const items = [
-            { key: 'all', textKey: 'file-types.all', icon: 'fa-light fa-folder-closed' },
-            ...types.map((type) => ({
-                key: type.name,
-                textKey: `file-types.${type.name}`,
-                icon: type.icon || 'fa-light fa-file',
-            })),
-        ];
-        this.filterItems.set(items);
-    }
-    setFilter(key) {
-        this.selectedFilter.set(key);
-    }
-    getFilterIcon() {
-        if (this.selectedFilter() === 'all') {
-            return 'fa-light fa-folder-closed';
-        }
-        const item = this.filterItems().find((item) => item.key === this.selectedFilter());
-        return item?.icon || 'fa-light fa-file';
-    }
-    getFilterText() {
-        if (this.selectedFilter() === 'all') {
-            return 'file-types.all';
-        }
-        const item = this.filterItems().find((item) => item.key === this.selectedFilter());
-        return item?.textKey || 'file-types.all';
-    }
-    handleNavigateToFolder(folderId) {
-        this.router.navigate([`${this.sessionService.application?.name}/drive/my/${folderId}`]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentDriveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMDocumentDriveComponent, isStandalone: true, selector: "axp-document-drive", providers: [AXPDocumentExplorerViewModel], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Main Layout -->\n<axp-layout-simple-page *translate=\"let t\">\n  <!-- Header Section -->\n  <axp-layout-header>\n    <!-- Title Section -->\n    <axp-layout-title>\n      @if(vm.isRoot()) {\n      {{ t('my-drive.title', { scope: rootConfig.config.i18n }) | async }}\n      }@else {\n      {{ vm.currentFolder()?.name }}\n      }\n    </axp-layout-title>\n\n    <!-- Description Section -->\n    <axp-layout-description>\n      {{\n        t('my-drive.description', {\n          scope: rootConfig.config.i18n,\n          params: {\n            count: vm.itemsCount(),\n            size: vm.availableSpace() | format : 'filesize' | async\n          }\n        }) | async\n      }}\n    </axp-layout-description>\n\n    <!-- Actions Section -->\n    <axp-layout-actions>\n      <!-- Primary Actions -->\n      <axp-layout-actions-primary>\n        <!-- Upload Dropdown -->\n        <ax-button [text]=\"t('actions.add-item', { scope: rootConfig.config.i18n }) | async\" [color]=\"'primary'\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light  fa-plus\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <ax-button-item\n                (onClick)=\"documentExplorer()?.createFolder()\"\n                [text]=\"(t('actions.create-folder', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-folder-plus\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-divider></ax-divider>\n              <ax-button-item \n              (onClick)=\"documentExplorer()?.uploadFile()\"\n              [text]=\"(t('actions.upload-file', { scope: rootConfig.config.i18n }) | async)!\">\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n      </axp-layout-actions-primary>\n\n      <!-- Secondary Actions -->\n      <axp-layout-actions-secondary>\n        <ax-button-item [text]=\"(t('actions.fa-share', { scope: rootConfig.config.i18n }) | async)!\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-share-nodes\"></ax-icon>\n          </ax-prefix>\n        </ax-button-item>\n      </axp-layout-actions-secondary>\n    </axp-layout-actions>\n\n    <!-- Breadcrumbs Section -->\n    <axp-layout-breadcrumbs>\n      <ax-breadcrumbs [class.ax-hidden]=\"layout.isSmall()\">\n        <ng-template #divider>\n          <i class=\"fa-regular fa-slash-forward\"></i>\n        </ng-template>\n        <ax-breadcrumbs-item> {{ t('home') | async }} </ax-breadcrumbs-item>\n        <ax-breadcrumbs-item> {{ t('profile.title', { scope: 'auth' }) | async }} </ax-breadcrumbs-item>\n      </ax-breadcrumbs>\n    </axp-layout-breadcrumbs>\n\n    <!-- Toolbar Section -->\n    <axp-layout-toolbar>\n      <!-- Left Side Toolbar -->\n      <axp-layout-prefix>\n        <!-- Filter Dropdown -->\n        <ax-button [text]=\"t(getFilterText(), { scope: rootConfig.config.i18n }) | async\">\n          <ax-prefix>\n            <ax-icon [icon]=\"getFilterIcon()\"></ax-icon>\n          </ax-prefix>\n\n          <ax-dropdown-panel>\n            <ax-button-item-list class=\"ax-p-2\">\n              @for(item of filterItems(); track item.key) {\n              <ax-button-item\n                (onClick)=\"setFilter(item.key)\"\n                [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon [icon]=\"item.icon\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        <!-- Search Box -->\n        <ax-search-box class=\"ax-w-72\" [placeholder]=\"t('actions.search', { scope: rootConfig.config.i18n }) | async\"\n          ><ax-clear-button></ax-clear-button\n        ></ax-search-box>\n      </axp-layout-prefix>\n\n      <!-- Right Side Toolbar -->\n      <axp-layout-suffix>\n        <!-- Sort Dropdown -->\n        <ax-button>\n          <ax-icon\n            [icon]=\"'fa-light fa-arrow-' + (vm.sortDirection() === 'asc' ? 'up' : 'down') + '-wide-short'\"\n          ></ax-icon>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <!-- Sort By Options -->\n              @for(item of sortItems(); track item.key) {\n              <ax-button-item\n                [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n                (onClick)=\"vm.setSortField(item.key)\"\n                [selected]=\"vm.sortField() === item.key\"\n              >\n                <ax-prefix>\n                  <ax-icon [icon]=\"item.icon\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n              <ax-divider></ax-divider>\n              <!-- Sort Direction Options -->\n              <ax-button-item\n                [text]=\"(t('actions.sort-ascending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'asc'\"\n                (onClick)=\"vm.setSortDirection('asc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-up-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                [text]=\"(t('actions.sort-descending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'desc'\"\n                (onClick)=\"vm.setSortDirection('desc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-down-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        <!-- View Mode Toggle -->\n        <ax-button>\n          @if(vm.isGridView()) {\n          <ax-icon icon=\"fa-light fa-grid-2\"></ax-icon>\n          }@else {\n          <ax-icon icon=\"fa-light fa-list\"></ax-icon>\n          }\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <ax-button-item\n                [text]=\"(t('actions.grid-view', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.isGridView()\"\n                (onClick)=\"vm.setViewMode('grid')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-grid-2\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                [text]=\"(t('actions.list-view', { scope: rootConfig.config.i18n }) | async)!\"\n                (onClick)=\"vm.setViewMode('list')\"\n                [selected]=\"vm.isListView()\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-list\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n      </axp-layout-suffix>\n    </axp-layout-toolbar>\n  </axp-layout-header>\n\n  <!-- Content Section -->\n  <axp-layout-content class=\"ax-overflow-hidden ax-flex ax-flex-col ax-flex-1\">\n    <axp-document-explorer></axp-document-explorer>\n  </axp-layout-content>\n\n  <!-- Footer Section -->\n  <axp-layout-footer>\n    <axp-layout-prefix>\n      <div class=\"breadcrumb ax-xs\">\n        @for (item of vm.currentPath(); track item.id; let i = $index;let last = $last) {\n        <!-- Navigation Button -->\n        <ax-button look=\"blank\" (onClick)=\"handleNavigateToFolder(item.id)\" [text]=\"item.name\" [disabled]=\"last\">\n          @if(i === 0) {\n          <ax-icon icon=\"fa-light fa-cloud\"></ax-icon>\n          }@else {\n          <ax-icon icon=\"fa-light fa-folder-closed\"></ax-icon>\n          }\n        </ax-button>\n        <!-- Separator -->\n        @if(!last) {\n        <i class=\"fa-regular fa-chevron-right fa-fw fa-xs\"></i>\n        } }\n      </div>\n    </axp-layout-prefix>\n\n    <axp-layout-suffix> </axp-layout-suffix>\n  </axp-layout-footer>\n</axp-layout-simple-page>\n", styles: [".breadcrumb{display:flex;flex-direction:row;align-items:center;gap:.25rem}.breadcrumb .ax-state-disabled button,.breadcrumb .ax-state-loading button{cursor:default!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i9.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i5.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: i6.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i6.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i7$1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i3.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXFileModule }, { kind: "component", type: AXPSimplePageLayout, selector: "axp-layout-simple-page" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-layout-content,     axp-layout-header-container,    axp-layout-side-container,    axp-layout-sections,    axp-layout-section-container,    axp-layout-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title,     axp-layout-nav-button,     axp-layout-description,     axp-layout-title-bar,    axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutHeaderTemplateComponent, selector: "axp-layout-header" }, { kind: "component", type: AXPThemeLayoutActionsComponent, selector: "axp-layout-actions" }, { kind: "component", type: AXPThemeLayoutPagePrimaryActionsComponent, selector: "axp-layout-actions-primary" }, { kind: "component", type: AXPThemeLayoutPageSecondaryActionsComponent, selector: "axp-layout-actions-secondary" }, { kind: "component", type: AXPThemeLayoutToolbarComponent, selector: "axp-layout-toolbar" }, { kind: "component", type: AXPThemeLayoutFooterComponent, selector: "axp-layout-footer" }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axp-document-explorer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentDriveComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-document-drive', standalone: true, imports: [
-                        CommonModule,
-                        RouterModule,
-                        AXMenuModule,
-                        AXButtonModule,
-                        AXButtonGroupModule,
-                        AXDropdownButtonModule,
-                        AXDropdownModule,
-                        AXTranslationModule,
-                        AXDecoratorModule,
-                        AXLoadingModule,
-                        AXBreadcrumbsModule,
-                        AXBadgeModule,
-                        AXSearchBoxModule,
-                        AXFormatModule,
-                        AXFileModule,
-                        AXPSimplePageLayout,
-                        AXPThemeLayoutBlockComponent,
-                        AXPThemeLayoutHeaderTemplateComponent,
-                        AXPThemeLayoutActionsComponent,
-                        AXPThemeLayoutPagePrimaryActionsComponent,
-                        AXPThemeLayoutPageSecondaryActionsComponent,
-                        AXPThemeLayoutToolbarComponent,
-                        AXPThemeLayoutFooterComponent,
-                        AXDateTimeModule,
-                        AXMDocumentExplorerComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [AXPDocumentExplorerViewModel], template: "<!-- Main Layout -->\n<axp-layout-simple-page *translate=\"let t\">\n  <!-- Header Section -->\n  <axp-layout-header>\n    <!-- Title Section -->\n    <axp-layout-title>\n      @if(vm.isRoot()) {\n      {{ t('my-drive.title', { scope: rootConfig.config.i18n }) | async }}\n      }@else {\n      {{ vm.currentFolder()?.name }}\n      }\n    </axp-layout-title>\n\n    <!-- Description Section -->\n    <axp-layout-description>\n      {{\n        t('my-drive.description', {\n          scope: rootConfig.config.i18n,\n          params: {\n            count: vm.itemsCount(),\n            size: vm.availableSpace() | format : 'filesize' | async\n          }\n        }) | async\n      }}\n    </axp-layout-description>\n\n    <!-- Actions Section -->\n    <axp-layout-actions>\n      <!-- Primary Actions -->\n      <axp-layout-actions-primary>\n        <!-- Upload Dropdown -->\n        <ax-button [text]=\"t('actions.add-item', { scope: rootConfig.config.i18n }) | async\" [color]=\"'primary'\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light  fa-plus\"></ax-icon>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <ax-button-item\n                (onClick)=\"documentExplorer()?.createFolder()\"\n                [text]=\"(t('actions.create-folder', { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-folder-plus\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-divider></ax-divider>\n              <ax-button-item \n              (onClick)=\"documentExplorer()?.uploadFile()\"\n              [text]=\"(t('actions.upload-file', { scope: rootConfig.config.i18n }) | async)!\">\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-file-arrow-up\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n      </axp-layout-actions-primary>\n\n      <!-- Secondary Actions -->\n      <axp-layout-actions-secondary>\n        <ax-button-item [text]=\"(t('actions.fa-share', { scope: rootConfig.config.i18n }) | async)!\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-share-nodes\"></ax-icon>\n          </ax-prefix>\n        </ax-button-item>\n      </axp-layout-actions-secondary>\n    </axp-layout-actions>\n\n    <!-- Breadcrumbs Section -->\n    <axp-layout-breadcrumbs>\n      <ax-breadcrumbs [class.ax-hidden]=\"layout.isSmall()\">\n        <ng-template #divider>\n          <i class=\"fa-regular fa-slash-forward\"></i>\n        </ng-template>\n        <ax-breadcrumbs-item> {{ t('home') | async }} </ax-breadcrumbs-item>\n        <ax-breadcrumbs-item> {{ t('profile.title', { scope: 'auth' }) | async }} </ax-breadcrumbs-item>\n      </ax-breadcrumbs>\n    </axp-layout-breadcrumbs>\n\n    <!-- Toolbar Section -->\n    <axp-layout-toolbar>\n      <!-- Left Side Toolbar -->\n      <axp-layout-prefix>\n        <!-- Filter Dropdown -->\n        <ax-button [text]=\"t(getFilterText(), { scope: rootConfig.config.i18n }) | async\">\n          <ax-prefix>\n            <ax-icon [icon]=\"getFilterIcon()\"></ax-icon>\n          </ax-prefix>\n\n          <ax-dropdown-panel>\n            <ax-button-item-list class=\"ax-p-2\">\n              @for(item of filterItems(); track item.key) {\n              <ax-button-item\n                (onClick)=\"setFilter(item.key)\"\n                [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n              >\n                <ax-prefix>\n                  <ax-icon [icon]=\"item.icon\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        <!-- Search Box -->\n        <ax-search-box class=\"ax-w-72\" [placeholder]=\"t('actions.search', { scope: rootConfig.config.i18n }) | async\"\n          ><ax-clear-button></ax-clear-button\n        ></ax-search-box>\n      </axp-layout-prefix>\n\n      <!-- Right Side Toolbar -->\n      <axp-layout-suffix>\n        <!-- Sort Dropdown -->\n        <ax-button>\n          <ax-icon\n            [icon]=\"'fa-light fa-arrow-' + (vm.sortDirection() === 'asc' ? 'up' : 'down') + '-wide-short'\"\n          ></ax-icon>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <!-- Sort By Options -->\n              @for(item of sortItems(); track item.key) {\n              <ax-button-item\n                [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n                (onClick)=\"vm.setSortField(item.key)\"\n                [selected]=\"vm.sortField() === item.key\"\n              >\n                <ax-prefix>\n                  <ax-icon [icon]=\"item.icon\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              }\n              <ax-divider></ax-divider>\n              <!-- Sort Direction Options -->\n              <ax-button-item\n                [text]=\"(t('actions.sort-ascending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'asc'\"\n                (onClick)=\"vm.setSortDirection('asc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-up-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                [text]=\"(t('actions.sort-descending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'desc'\"\n                (onClick)=\"vm.setSortDirection('desc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-down-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        <!-- View Mode Toggle -->\n        <ax-button>\n          @if(vm.isGridView()) {\n          <ax-icon icon=\"fa-light fa-grid-2\"></ax-icon>\n          }@else {\n          <ax-icon icon=\"fa-light fa-list\"></ax-icon>\n          }\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <ax-button-item\n                [text]=\"(t('actions.grid-view', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.isGridView()\"\n                (onClick)=\"vm.setViewMode('grid')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-grid-2\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                [text]=\"(t('actions.list-view', { scope: rootConfig.config.i18n }) | async)!\"\n                (onClick)=\"vm.setViewMode('list')\"\n                [selected]=\"vm.isListView()\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-list\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n      </axp-layout-suffix>\n    </axp-layout-toolbar>\n  </axp-layout-header>\n\n  <!-- Content Section -->\n  <axp-layout-content class=\"ax-overflow-hidden ax-flex ax-flex-col ax-flex-1\">\n    <axp-document-explorer></axp-document-explorer>\n  </axp-layout-content>\n\n  <!-- Footer Section -->\n  <axp-layout-footer>\n    <axp-layout-prefix>\n      <div class=\"breadcrumb ax-xs\">\n        @for (item of vm.currentPath(); track item.id; let i = $index;let last = $last) {\n        <!-- Navigation Button -->\n        <ax-button look=\"blank\" (onClick)=\"handleNavigateToFolder(item.id)\" [text]=\"item.name\" [disabled]=\"last\">\n          @if(i === 0) {\n          <ax-icon icon=\"fa-light fa-cloud\"></ax-icon>\n          }@else {\n          <ax-icon icon=\"fa-light fa-folder-closed\"></ax-icon>\n          }\n        </ax-button>\n        <!-- Separator -->\n        @if(!last) {\n        <i class=\"fa-regular fa-chevron-right fa-fw fa-xs\"></i>\n        } }\n      </div>\n    </axp-layout-prefix>\n\n    <axp-layout-suffix> </axp-layout-suffix>\n  </axp-layout-footer>\n</axp-layout-simple-page>\n", styles: [".breadcrumb{display:flex;flex-direction:row;align-items:center;gap:.25rem}.breadcrumb .ax-state-disabled button,.breadcrumb .ax-state-loading button{cursor:default!important}\n"] }]
-        }] });
-
-export { AXMDocumentDriveComponent };
-//# sourceMappingURL=acorex-modules-document-management-drive.component-bjnFFaLS.mjs.map