@acorex/modules 19.2.15 → 19.2.17-next.0

package/fesm2022/acorex-modules-document-management-create-folder-dialog.component-BnRaCq_Q.mjs

@@ -0,0 +1,92 @@
+import * as i2$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i8 from '@acorex/components/color-box';
+import { AXColorBoxModule } from '@acorex/components/color-box';
+import * as i5 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i7 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i5$1 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i10 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i4 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i9 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, model, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import './acorex-modules-document-management-index--I8MGeDs.mjs';
+import { AXAutoFocusDirective } from '@acorex/components/common';
+import { A as AXMDocumentManagerService } from './acorex-modules-document-management-acorex-modules-document-management-C9ZCejjs.mjs';
+
+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\" [axAutoFocus]=\"true\">\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>", 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: i5$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"] }, { kind: "directive", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }] }); }
+}
+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,
+                        AXAutoFocusDirective
+                    ], 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\" [axAutoFocus]=\"true\">\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>" }]
+        }] });
+
+export { AXMCreateFolderDialog };
+//# sourceMappingURL=acorex-modules-document-management-create-folder-dialog.component-BnRaCq_Q.mjs.map

package/fesm2022/acorex-modules-document-management-create-folder-dialog.component-BnRaCq_Q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-document-management-create-folder-dialog.component-BnRaCq_Q.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/components/create-folder-dialog/create-folder-dialog.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/components/create-folder-dialog/create-folder-dialog.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXColorBoxModule } from '@acorex/components/color-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { Component, inject, model } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXMDocumentManagerService } from '../../../shared';\nimport { AXAutoFocusDirective } from '@acorex/components/common';\n\n@Component({\n  selector: 'ax-create-folder-dialog',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    //\n    AXDecoratorModule,\n    AXTextBoxModule,\n    AXLabelModule,\n    AXButtonModule,\n    AXFormModule,\n    AXColorBoxModule,\n    AXTranslationModule,\n    AXLoadingModule,\n    AXAutoFocusDirective\n  ],\n  templateUrl: './create-folder-dialog.component.html',\n})\nexport class AXMCreateFolderDialog extends AXBasePageComponent {\n  private driveService = inject(AXMDocumentManagerService);\n\n  parentId?: string;\n\n  protected name = model<string>('');\n  protected color = model<string>('#FFFFFF');\n  protected description = model<string>('');\n\n  async handleSubmitButton(form: AXFormComponent) {\n    this.isLoading = true;\n    const validated = await form.validate();\n    if (validated.result) {\n      try {\n        const folder = await this.driveService.createFolder({\n          name: this.name(),\n          color: this.color(),\n          parentId: this.parentId,\n          description: this.description(),\n        });\n        this.close({\n          result: true,\n          folder,\n        });\n      } catch (error) {\n        console.error('Error creating folder:', error);\n      } finally {\n        this.isLoading = false;\n      }\n    } else {\n      this.isLoading = false;\n    }\n  }\n\n  onCancel() {\n    this.close({\n      result: false,\n    });\n  }\n}\n","<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\" [axAutoFocus]=\"true\">\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>"],"names":["i3","i6"],"mappings":"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"}

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

@@ -0,0 +1,165 @@
+import { AXBadgeModule } from '@acorex/components/badge';
+import * as i6 from '@acorex/components/breadcrumbs';
+import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
+import * as i2 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 from '@acorex/components/dropdown';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXMenuModule } from '@acorex/components/menu';
+import * as i9 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPSimplePageLayout } from '@acorex/platform/themes/default';
+import * as i7 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$1 from '@acorex/core/format';
+import { AXFormatModule } from '@acorex/core/format';
+import { AXPSessionService } from '@acorex/platform/auth';
+import { AXPFileTypeProviderService } 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, signal, viewChild, computed, effect, untracked, Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
+import { Router, ActivatedRoute, RouterModule } from '@angular/router';
+import { R as RootConfig, A as AXMDocumentManagerService, a as AXPDocumentExplorerViewModel, b as AXMDocumentExplorerComponent, c as AXMDriveScope } from './acorex-modules-document-management-acorex-modules-document-management-C9ZCejjs.mjs';
+import './acorex-modules-document-management-index--I8MGeDs.mjs';
+
+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 handleSearchChange(event) {
+        console.log(event);
+        const result = await this.driveService.searchNodes(event.value, AXMDriveScope.Platform);
+        console.log(result);
+    }
+    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              >\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\n          (onValueChanged)=\"handleSearchChange($event)\"\n          class=\"ax-w-72\"\n          [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    <axm-document-explorer></axm-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.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.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.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.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.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$1.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: "axm-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              >\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\n          (onValueChanged)=\"handleSearchChange($event)\"\n          class=\"ax-w-72\"\n          [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    <axm-document-explorer></axm-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-Sz198sA6.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-document-management-drive.component-Sz198sA6.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/drive/drive.component.ts","../../../../libs/modules/document-management/src/lib/features/drive/drive.component.html"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXButtonGroupModule } from '@acorex/components/button-group';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXMenuModule } from '@acorex/components/menu';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPSimplePageLayout } from '@acorex/platform/themes/default';\n\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXFileModule } from '@acorex/core/file';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXPSessionService } from '@acorex/platform/auth';\nimport { AXPFileTypeProviderService } from '@acorex/platform/common';\nimport {\n  AXPLayoutThemeService,\n  AXPThemeLayoutActionsComponent,\n  AXPThemeLayoutBlockComponent,\n  AXPThemeLayoutFooterComponent,\n  AXPThemeLayoutHeaderTemplateComponent,\n  AXPThemeLayoutPagePrimaryActionsComponent,\n  AXPThemeLayoutPageSecondaryActionsComponent,\n  AXPThemeLayoutToolbarComponent,\n} from '@acorex/platform/themes/shared';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  OnInit,\n  signal,\n  untracked,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router';\nimport { RootConfig } from '../../const';\nimport { AXMDocumentExplorerComponent, AXPDocumentExplorerViewModel } from '../document-explorer';\nimport { AXMDocumentManagerService } from '../shared';\nimport { AXMDriveScope } from '../shared/document-manager.types';\n\n@Component({\n  selector: 'axp-document-drive',\n  templateUrl: './drive.component.html',\n  styleUrls: ['./drive.component.scss'],\n  standalone: true,\n  imports: [\n    CommonModule,\n    RouterModule,\n    AXMenuModule,\n    AXButtonModule,\n    AXButtonGroupModule,\n    AXDropdownButtonModule,\n    AXDropdownModule,\n    AXTranslationModule,\n    AXDecoratorModule,\n    AXLoadingModule,\n    AXBreadcrumbsModule,\n    AXBadgeModule,\n    AXSearchBoxModule,\n    AXFormatModule,\n    AXFileModule,\n    AXPSimplePageLayout,\n    AXPThemeLayoutBlockComponent,\n    AXPThemeLayoutHeaderTemplateComponent,\n    AXPThemeLayoutActionsComponent,\n    AXPThemeLayoutPagePrimaryActionsComponent,\n    AXPThemeLayoutPageSecondaryActionsComponent,\n    AXPThemeLayoutToolbarComponent,\n    AXPThemeLayoutFooterComponent,\n    AXDateTimeModule,\n    AXMDocumentExplorerComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXPDocumentExplorerViewModel],\n})\nexport class AXMDocumentDriveComponent implements OnInit {\n  protected readonly layout = inject(AXPLayoutThemeService);\n  protected readonly rootConfig = RootConfig;\n  private readonly fileTypeService = inject(AXPFileTypeProviderService);\n  private readonly driveService = inject(AXMDocumentManagerService);\n  protected readonly vm = inject(AXPDocumentExplorerViewModel);\n  protected readonly router = inject(Router);\n  protected readonly activatedRoute = inject(ActivatedRoute);\n  protected readonly sessionService = inject(AXPSessionService);\n\n  protected readonly filterItems = signal<Array<{ key: string; textKey: string; icon: string }>>([]);\n  public selectedFilter = signal<string>('all');\n\n  protected readonly sortItems = signal([\n    { key: 'name', textKey: 'actions.sort-by-name', icon: 'fa-light fa-font' },\n    { key: 'modified', textKey: 'actions.sort-by-date', icon: 'fa-light fa-calendar' },\n    { key: 'size', textKey: 'actions.sort-by-size', icon: 'fa-light fa-weight-hanging' },\n  ]);\n\n  protected documentExplorer = viewChild(AXMDocumentExplorerComponent);\n\n  protected readonly selectedSort = computed(() => {\n    const items = this.sortItems();\n    return items.find((item) => item.key === this.vm.sortField()) || items[0];\n  });\n\n  #navigateEffect = effect(() => {\n    const navigatingFolderId = this.vm.navigatingFolderId();\n    if (navigatingFolderId) {\n      this.handleNavigateToFolder(navigatingFolderId);\n    }\n  });\n\n  #loadingEffect = effect(() => {\n    const isLoading = this.vm.isLoading();\n    untracked(() => {\n      this.layout.setNavigationLoading(isLoading);\n    });\n  });\n\n  async handleSearchChange(event: any) {\n    console.log(event);\n\n    const result = await this.driveService.searchNodes(event.value, AXMDriveScope.Platform);\n    console.log(result);\n  }\n\n  async ngOnInit() {\n    await this.loadFilterItems();\n    await this.vm.initialize();\n    // Subscribe to route changes\n    this.activatedRoute.paramMap.subscribe(async (params) => {\n      this.loadDrive();\n    });\n  }\n\n  private async loadDrive() {\n    const folderId = this.activatedRoute.snapshot.paramMap.get('id');\n    if (folderId) {\n      await this.vm.loadFolderContents(folderId);\n    } else {\n      const root = await this.driveService.getRoot(AXMDriveScope.Platform);\n      if (root.result) {\n        await this.router.navigate([`${this.sessionService.application?.name}/drive/my/${root.result.id}`], {\n          replaceUrl: true,\n        });\n      }\n    }\n  }\n\n  async loadFilterItems() {\n    const types = await this.fileTypeService.items();\n    const items = [\n      { key: 'all', textKey: 'file-types.all', icon: 'fa-light fa-folder-closed' },\n      ...types.map((type) => ({\n        key: type.name,\n        textKey: `file-types.${type.name}`,\n        icon: type.icon || 'fa-light fa-file',\n      })),\n    ];\n    this.filterItems.set(items);\n  }\n\n  protected setFilter(key: string): void {\n    this.selectedFilter.set(key);\n  }\n\n  protected getFilterIcon(): string {\n    if (this.selectedFilter() === 'all') {\n      return 'fa-light fa-folder-closed';\n    }\n    const item = this.filterItems().find((item) => item.key === this.selectedFilter());\n    return item?.icon || 'fa-light fa-file';\n  }\n\n  protected getFilterText(): string {\n    if (this.selectedFilter() === 'all') {\n      return 'file-types.all';\n    }\n    const item = this.filterItems().find((item) => item.key === this.selectedFilter());\n    return item?.textKey || 'file-types.all';\n  }\n\n  protected handleNavigateToFolder(folderId: string) {\n    this.router.navigate([`${this.sessionService.application?.name}/drive/my/${folderId}`]);\n  }\n}\n","<!-- 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              >\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\n          (onValueChanged)=\"handleSearchChange($event)\"\n          class=\"ax-w-72\"\n          [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    <axm-document-explorer></axm-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"],"names":["i4","i8"],"mappings":"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"}

package/fesm2022/acorex-modules-document-management-index--I8MGeDs.mjs

@@ -0,0 +1,2 @@
+import './acorex-modules-document-management-acorex-modules-document-management-C9ZCejjs.mjs';
+//# sourceMappingURL=acorex-modules-document-management-index--I8MGeDs.mjs.map

package/fesm2022/acorex-modules-document-management-index--I8MGeDs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-document-management-index--I8MGeDs.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/fesm2022/acorex-modules-document-management-rename-node-dialog.component-EBf1XqU8.mjs

@@ -0,0 +1,101 @@
+import * as i2$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXColorBoxModule } from '@acorex/components/color-box';
+import { AXAutoFocusDirective } from '@acorex/components/common';
+import * as i5 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i7 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i5$1 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i10 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i4 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i9 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, model, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { A as AXMDocumentManagerService } from './acorex-modules-document-management-acorex-modules-document-management-C9ZCejjs.mjs';
+
+class AXMRenameNodeDialog extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.driveService = inject(AXMDocumentManagerService);
+        this.name = model('');
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.name.set(this.node.name);
+    }
+    async handleSubmitButton(form) {
+        this.isLoading = true;
+        const validated = await form.validate();
+        if (validated.result) {
+            try {
+                debugger;
+                if (this.node.type == 'folder') {
+                    const folder = await this.driveService.updateFolder(this.node.id, {
+                        name: this.name(),
+                    });
+                    this.close({
+                        result: true,
+                        folder,
+                    });
+                }
+                else {
+                    const file = await this.driveService.updateFile(this.node.id, {
+                        name: this.name(),
+                    });
+                    this.close({
+                        result: true,
+                        file,
+                    });
+                }
+            }
+            catch (error) {
+                console.error('Error updating node:', 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: AXMRenameNodeDialog, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMRenameNodeDialog, isStandalone: true, selector: "ax-rename-node-dialog", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { name: "nameChange" }, 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\" [axAutoFocus]=\"true\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-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>", 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: i5$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: "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"] }, { kind: "directive", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMRenameNodeDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-rename-node-dialog', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        //
+                        AXDecoratorModule,
+                        AXTextBoxModule,
+                        AXLabelModule,
+                        AXButtonModule,
+                        AXFormModule,
+                        AXColorBoxModule,
+                        AXTranslationModule,
+                        AXLoadingModule,
+                        AXAutoFocusDirective,
+                    ], 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\" [axAutoFocus]=\"true\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-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>" }]
+        }] });
+
+export { AXMRenameNodeDialog };
+//# sourceMappingURL=acorex-modules-document-management-rename-node-dialog.component-EBf1XqU8.mjs.map

package/fesm2022/acorex-modules-document-management-rename-node-dialog.component-EBf1XqU8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-document-management-rename-node-dialog.component-EBf1XqU8.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/components/rename-node-dialog/rename-node-dialog.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/components/rename-node-dialog/rename-node-dialog.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXColorBoxModule } from '@acorex/components/color-box';\nimport { AXAutoFocusDirective } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { Component, inject, model } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXMDocumentManagerService } from '../../../shared/document-manager.service';\nimport { AXMDocumentExplorerNode } from '../../../shared/document-manager.types';\n@Component({\n  selector: 'ax-rename-node-dialog',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    //\n    AXDecoratorModule,\n    AXTextBoxModule,\n    AXLabelModule,\n    AXButtonModule,\n    AXFormModule,\n    AXColorBoxModule,\n    AXTranslationModule,\n    AXLoadingModule,\n    AXAutoFocusDirective,\n  ],\n  templateUrl: './rename-node-dialog.component.html',\n})\nexport class AXMRenameNodeDialog extends AXBasePageComponent {\n  private driveService = inject(AXMDocumentManagerService);\n\n  node: AXMDocumentExplorerNode;\n\n  protected name = model<string>('');\n\n  protected override ngOnInit(): void {\n    super.ngOnInit();\n    this.name.set(this.node.name);\n  }\n\n  async handleSubmitButton(form: AXFormComponent) {\n    this.isLoading = true;\n    const validated = await form.validate();\n    if (validated.result) {\n      try {\n        debugger;\n        if (this.node.type == 'folder') {\n          const folder = await this.driveService.updateFolder(this.node.id, {\n            name: this.name(),\n          });\n          this.close({\n            result: true,\n            folder,\n          });\n        } else {\n          const file = await this.driveService.updateFile(this.node.id, {\n            name: this.name(),\n          });\n          this.close({\n            result: true,\n            file,\n          });\n        }\n      } catch (error) {\n        console.error('Error updating node:', error);\n      } finally {\n        this.isLoading = false;\n      }\n    } else {\n      this.isLoading = false;\n    }\n  }\n\n  onCancel() {\n    this.close({\n      result: false,\n    });\n  }\n}\n","<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\" [axAutoFocus]=\"true\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-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>"],"names":["i3","i6","i8"],"mappings":"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"}