@acorex-platform/module-document-management-client 0.0.21

package/fesm2022/acorex-platform-module-document-management-client-drive-choose.component-Deduhl99.mjs

@@ -0,0 +1,250 @@
+import { AXBadgeModule } from '@acorex/components/badge';
+import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXButtonGroupModule } from '@acorex/components/button-group';
+import * as i3$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import * as i4 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXMenuModule } from '@acorex/components/menu';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i6 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 { AXFormatModule } from '@acorex/core/format';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPSessionService } from '@acorex-platform/framework-client/auth';
+import { AXPFileTypeProviderService } from '@acorex-platform/framework-client/common';
+import { AXPLayoutThemeService } from '@acorex-platform/framework-client/themes/shared';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, viewChild, computed, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { RootConfig } from '@acorex-platform/module-document-management-client/contracts';
+import { c as AXMDocumentManagerService, A as AXPDocumentExplorerViewModel, f as AXMDocumentExplorerComponent, g as AXMFolderPathBreadcrumbsComponent } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-LQjccofO.mjs';
+
+class AXMDocumentDriveChooseComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        /** Assigned by popup `data` before `ngOnInit`. */
+        this.browseMode = 'file';
+        /** Assigned by popup `data` before `ngOnInit`. */
+        this.selectionMode = 'single';
+        /** When true, hides the in-dialog title row (popup chrome provides the title). */
+        this.hideHeader = false;
+        this.layout = inject(AXPLayoutThemeService);
+        this.rootConfig = RootConfig;
+        this.fileTypeService = inject(AXPFileTypeProviderService);
+        this.driveService = inject(AXMDocumentManagerService);
+        this.vm = inject(AXPDocumentExplorerViewModel);
+        this.sessionService = inject(AXPSessionService);
+        this.filterItems = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterItems" }] : /* istanbul ignore next */ []));
+        this.selectedFilter = signal('all', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedFilter" }] : /* istanbul ignore next */ []));
+        this.browseModeState = signal('file', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "browseModeState" }] : /* istanbul ignore next */ []));
+        this.selectionModeState = signal('single', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectionModeState" }] : /* istanbul ignore next */ []));
+        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' },
+        ], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sortItems" }] : /* istanbul ignore next */ []));
+        this.documentExplorer = viewChild(AXMDocumentExplorerComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "documentExplorer" }] : /* istanbul ignore next */ []));
+        this.selectedSort = computed(() => {
+            const items = this.sortItems();
+            return items.find((item) => item.key === this.vm.sortField()) || items[0];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedSort" }] : /* istanbul ignore next */ []));
+        this.selectText = computed(() => {
+            if (this.vm.browseMode() !== 'file') {
+                return 'actions.select-folder';
+            }
+            return this.selectionModeState() === 'multiple' ? 'actions.select-files' : 'actions.select-file';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectText" }] : /* istanbul ignore next */ []));
+        this.selectedFileCount = computed(() => this.vm.selectedNodes().filter((node) => node.type === 'file').length, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedFileCount" }] : /* istanbul ignore next */ []));
+        this.canSubmit = computed(() => {
+            if (this.browseModeState() === 'folder') {
+                return Boolean(this.vm.currentFolder()?.id);
+            }
+            const selectedFiles = this.vm.selectedNodes().filter((node) => node.type === 'file');
+            if (this.selectionModeState() === 'multiple') {
+                return selectedFiles.length > 0;
+            }
+            return selectedFiles.length === 1;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canSubmit" }] : /* istanbul ignore next */ []));
+        this.subtitleKey = computed(() => this.browseModeState() === 'folder' ? 'drive-choose.subtitle-folder' : 'drive-choose.subtitle', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "subtitleKey" }] : /* istanbul ignore next */ []));
+        this.searchQuery = '';
+        this.#navigateEffect = effect(() => {
+            const navigatingFolderId = this.vm.navigatingFolderId();
+            if (navigatingFolderId) {
+                this.loadDrive(navigatingFolderId);
+                // Clear search when navigating to a folder
+                setTimeout(() => {
+                    this.searchQuery = null;
+                }, 200);
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#navigateEffect" }] : /* istanbul ignore next */ []));
+        this.#loadingEffect = effect(() => {
+            const isLoading = this.vm.isLoading();
+            untracked(() => {
+                this.layout.setNavigationLoading(isLoading);
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#loadingEffect" }] : /* istanbul ignore next */ []));
+        this.#selectionSyncEffect = effect(() => {
+            if (this.documentExplorer()) {
+                this.vm.setSelectionMode(this.selectionModeState());
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#selectionSyncEffect" }] : /* istanbul ignore next */ []));
+    }
+    #navigateEffect;
+    #loadingEffect;
+    #selectionSyncEffect;
+    async handleSearchChange(event) {
+        if (event.value == null) {
+            return;
+        }
+        if (event.value?.length > 0) {
+            this.vm.setLoading(true);
+            try {
+                const searchRootId = this.vm.currentNode()?.id === 'virtual'
+                    ? this.vm.currentNode()?.parentId ?? undefined
+                    : this.vm.currentNode()?.id;
+                const result = await this.driveService.searchNodes(event.value, this.scope, {
+                    folderId: searchRootId !== 'virtual' ? searchRootId : undefined,
+                });
+                await this.vm.virtualFolder(result, {
+                    name: 'Search Result',
+                    parentId: searchRootId,
+                });
+            }
+            finally {
+                this.vm.setLoading(false);
+            }
+            return;
+        }
+        // Clearing search restores the folder that was searched — do not navigate to parent.
+        const restoreFolderId = this.vm.currentNode()?.id === 'virtual'
+            ? this.vm.currentNode()?.parentId ?? undefined
+            : this.vm.currentNode()?.id;
+        await this.loadDrive(restoreFolderId || undefined);
+    }
+    async ngOnInit() {
+        super.ngOnInit();
+        this.applyPopupOptions();
+        await this.loadFilterItems();
+        await this.vm.initialize({
+            browseMode: this.browseModeState(),
+            scope: this.scope,
+        });
+        this.vm.setSelectionMode(this.selectionModeState());
+        this.loadDrive();
+    }
+    applyPopupOptions() {
+        this.browseModeState.set(this.browseMode);
+        this.selectionModeState.set(this.selectionMode);
+    }
+    async loadDrive(folderId) {
+        if (folderId) {
+            await this.vm.loadFolderContents(folderId);
+        }
+        else {
+            // getRoot already returns the hydrated root (children + shortcuts + path):
+            // apply it directly instead of fetching the same folder a second time.
+            const root = await this.driveService.getRoot(this.scope);
+            if (root.result) {
+                await this.vm.applyLoadedFolder(root);
+            }
+        }
+    }
+    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.vm.navigateToFolder(folderId);
+    }
+    async handleSubmitButton() {
+        const items = this.vm.browseMode() === 'file'
+            ? this.vm.selectedNodes().filter((node) => node.type === 'file')
+            : [this.vm.currentFolder()].filter(Boolean);
+        this.close({
+            result: true,
+            items,
+        });
+    }
+    handleCancelClick() {
+        this.close({
+            result: false,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentDriveChooseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentDriveChooseComponent, isStandalone: true, selector: "ax-document-drive-choose", providers: [AXPDocumentExplorerViewModel], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"axm-drive-choose\" [class.__compact-header]=\"hideHeader\" *translate=\"let t\">\n  <header class=\"__header\">\n    @if (!hideHeader) {\n      <div class=\"__header-main\">\n        <span class=\"__header-icon primary-surface\">\n          <ax-icon icon=\"fa-light fa-hard-drive\"></ax-icon>\n        </span>\n        <div class=\"__header-text\">\n          <h2 class=\"__header-title\">\n            {{\n              '@document-management:actions.choose-from-drive' | translate | async\n            }}\n          </h2>\n          <p class=\"__header-subtitle\">\n            {{\n              t(subtitleKey(), { scope: rootConfig.config.i18n })\n                | async\n            }}\n          </p>\n        </div>\n      </div>\n    }\n\n    <div class=\"__toolbar\">\n      <axm-folder-path-breadcrumbs\n        class=\"__breadcrumbs\"\n      ></axm-folder-path-breadcrumbs>\n      <ax-search-box\n        [(value)]=\"searchQuery\"\n        (onValueChanged)=\"handleSearchChange($event)\"\n        class=\"__search\"\n        [placeholder]=\"\n          t('actions.search', { scope: rootConfig.config.i18n }) | async\n        \"\n      >\n        <ax-clear-button></ax-clear-button>\n      </ax-search-box>\n    </div>\n  </header>\n\n  <main class=\"__body\">\n    @if (vm.isLoading()) {\n      <div class=\"__loading\">\n        <ax-loading></ax-loading>\n        <span>{{\n          t('drive-choose.loading', { scope: rootConfig.config.i18n }) | async\n        }}</span>\n      </div>\n    } @else {\n      <axm-document-explorer\n        [browseMode]=\"browseModeState()\"\n        [selectionMode]=\"selectionModeState()\"\n        [viewMode]=\"'list'\"\n        [showContextMenu]=\"false\"\n      >\n      </axm-document-explorer>\n    }\n  </main>\n\n  <ax-footer class=\"__footer light-surface\">\n    <ax-prefix>\n      @if (selectionModeState() === 'multiple' && selectedFileCount() > 0) {\n        <span class=\"__selection-badge primary-surface\">\n          <ax-icon icon=\"fa-light fa-check\"></ax-icon>\n          {{\n            t('drive-choose.selected-count', {\n              scope: rootConfig.config.i18n,\n              params: { count: selectedFileCount() },\n            }) | async\n          }}\n        </span>\n      }\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button\n        (onClick)=\"handleCancelClick()\"\n        [text]=\"'@general:actions.cancel.title' | translate | async\"\n      ></ax-button>\n      <ax-button\n        look=\"solid\"\n        color=\"primary\"\n        [disabled]=\"!canSubmit()\"\n        (onClick)=\"handleSubmitButton()\"\n        [text]=\"t(selectText(), { scope: rootConfig.config.i18n }) | async\"\n      >\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-check\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n", styles: ["@layer properties;ax-document-drive-choose{display:block;width:100%;min-height:50vh}.axm-drive-choose{display:flex;width:100%;flex-direction:column;min-height:50vh;background:rgb(var(--ax-sys-color-lightest-surface))}.axm-drive-choose.__compact-header .__header{padding-top:calc(var(--spacing, .25rem) * 3)}.axm-drive-choose.__compact-header .__body{min-height:18rem}.axm-drive-choose .__header{display:flex;flex-direction:column;gap:var(--spacing, .25rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);border-bottom:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-drive-choose .__header-main{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3.5)}.axm-drive-choose .__header-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;font-size:1.125rem;color:rgb(var(--ax-sys-color-on-primary-surface))}.axm-drive-choose .__header-text{display:flex;min-width:0px;flex-direction:column;gap:.125rem}.axm-drive-choose .__header-title{margin:0;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:1.0625rem;color:rgb(var(--ax-sys-color-on-surface))}.axm-drive-choose .__header-subtitle{margin:0;font-size:.8125rem;line-height:1.4;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-drive-choose .__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.axm-drive-choose .__breadcrumbs{min-width:0px;flex:1}.axm-drive-choose .__search{max-width:100%;width:16rem}.axm-drive-choose .__body{min-height:0px;flex:1;overflow:auto;padding:.75rem 1rem 1rem}.axm-drive-choose .__loading{display:flex;min-height:calc(var(--spacing, .25rem) * 64);flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-xl, .75rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-drive-choose .__footer{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4);padding:.875rem 1.5rem;border-top:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-drive-choose .__selection-badge{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:calc(infinity * 1px);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);padding:.375rem .75rem;font-size:.8125rem;color:rgb(var(--ax-sys-color-on-primary-surface))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$1.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: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXFileModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXMFolderPathBreadcrumbsComponent, selector: "axm-folder-path-breadcrumbs" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentDriveChooseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-document-drive-choose', standalone: true, imports: [
+                        CommonModule,
+                        RouterModule,
+                        AXMenuModule,
+                        AXButtonModule,
+                        AXButtonGroupModule,
+                        AXDropdownButtonModule,
+                        AXDropdownModule,
+                        AXTranslationModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXBadgeModule,
+                        AXSearchBoxModule,
+                        AXFormatModule,
+                        AXFileModule,
+                        AXBreadcrumbsModule,
+                        AXDateTimeModule,
+                        AXMDocumentExplorerComponent,
+                        AXMFolderPathBreadcrumbsComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [AXPDocumentExplorerViewModel], template: "<div class=\"axm-drive-choose\" [class.__compact-header]=\"hideHeader\" *translate=\"let t\">\n  <header class=\"__header\">\n    @if (!hideHeader) {\n      <div class=\"__header-main\">\n        <span class=\"__header-icon primary-surface\">\n          <ax-icon icon=\"fa-light fa-hard-drive\"></ax-icon>\n        </span>\n        <div class=\"__header-text\">\n          <h2 class=\"__header-title\">\n            {{\n              '@document-management:actions.choose-from-drive' | translate | async\n            }}\n          </h2>\n          <p class=\"__header-subtitle\">\n            {{\n              t(subtitleKey(), { scope: rootConfig.config.i18n })\n                | async\n            }}\n          </p>\n        </div>\n      </div>\n    }\n\n    <div class=\"__toolbar\">\n      <axm-folder-path-breadcrumbs\n        class=\"__breadcrumbs\"\n      ></axm-folder-path-breadcrumbs>\n      <ax-search-box\n        [(value)]=\"searchQuery\"\n        (onValueChanged)=\"handleSearchChange($event)\"\n        class=\"__search\"\n        [placeholder]=\"\n          t('actions.search', { scope: rootConfig.config.i18n }) | async\n        \"\n      >\n        <ax-clear-button></ax-clear-button>\n      </ax-search-box>\n    </div>\n  </header>\n\n  <main class=\"__body\">\n    @if (vm.isLoading()) {\n      <div class=\"__loading\">\n        <ax-loading></ax-loading>\n        <span>{{\n          t('drive-choose.loading', { scope: rootConfig.config.i18n }) | async\n        }}</span>\n      </div>\n    } @else {\n      <axm-document-explorer\n        [browseMode]=\"browseModeState()\"\n        [selectionMode]=\"selectionModeState()\"\n        [viewMode]=\"'list'\"\n        [showContextMenu]=\"false\"\n      >\n      </axm-document-explorer>\n    }\n  </main>\n\n  <ax-footer class=\"__footer light-surface\">\n    <ax-prefix>\n      @if (selectionModeState() === 'multiple' && selectedFileCount() > 0) {\n        <span class=\"__selection-badge primary-surface\">\n          <ax-icon icon=\"fa-light fa-check\"></ax-icon>\n          {{\n            t('drive-choose.selected-count', {\n              scope: rootConfig.config.i18n,\n              params: { count: selectedFileCount() },\n            }) | async\n          }}\n        </span>\n      }\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button\n        (onClick)=\"handleCancelClick()\"\n        [text]=\"'@general:actions.cancel.title' | translate | async\"\n      ></ax-button>\n      <ax-button\n        look=\"solid\"\n        color=\"primary\"\n        [disabled]=\"!canSubmit()\"\n        (onClick)=\"handleSubmitButton()\"\n        [text]=\"t(selectText(), { scope: rootConfig.config.i18n }) | async\"\n      >\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-check\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n", styles: ["@layer properties;ax-document-drive-choose{display:block;width:100%;min-height:50vh}.axm-drive-choose{display:flex;width:100%;flex-direction:column;min-height:50vh;background:rgb(var(--ax-sys-color-lightest-surface))}.axm-drive-choose.__compact-header .__header{padding-top:calc(var(--spacing, .25rem) * 3)}.axm-drive-choose.__compact-header .__body{min-height:18rem}.axm-drive-choose .__header{display:flex;flex-direction:column;gap:var(--spacing, .25rem);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);border-bottom:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-drive-choose .__header-main{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3.5)}.axm-drive-choose .__header-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;font-size:1.125rem;color:rgb(var(--ax-sys-color-on-primary-surface))}.axm-drive-choose .__header-text{display:flex;min-width:0px;flex-direction:column;gap:.125rem}.axm-drive-choose .__header-title{margin:0;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:1.0625rem;color:rgb(var(--ax-sys-color-on-surface))}.axm-drive-choose .__header-subtitle{margin:0;font-size:.8125rem;line-height:1.4;color:rgb(var(--ax-sys-color-on-light-surface))}.axm-drive-choose .__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.axm-drive-choose .__breadcrumbs{min-width:0px;flex:1}.axm-drive-choose .__search{max-width:100%;width:16rem}.axm-drive-choose .__body{min-height:0px;flex:1;overflow:auto;padding:.75rem 1rem 1rem}.axm-drive-choose .__loading{display:flex;min-height:calc(var(--spacing, .25rem) * 64);flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-xl, .75rem);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-on-light-surface))}.axm-drive-choose .__footer{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4);padding:.875rem 1.5rem;border-top:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-drive-choose .__selection-badge{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:calc(infinity * 1px);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);padding:.375rem .75rem;font-size:.8125rem;color:rgb(var(--ax-sys-color-on-primary-surface))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { documentExplorer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXMDocumentExplorerComponent), { isSignal: true }] }] } });
+
+export { AXMDocumentDriveChooseComponent };
+//# sourceMappingURL=acorex-platform-module-document-management-client-drive-choose.component-Deduhl99.mjs.map

package/fesm2022/acorex-platform-module-document-management-client-drive-choose.component-Deduhl99.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-drive-choose.component-Deduhl99.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/drive-choose/drive-choose.component.ts","../../../../libs/modules/document-management/client/src/lib/features/drive-choose/drive-choose.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 { AXBasePageComponent } from '@acorex/components/page';\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 { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPSessionService } from '@acorex-platform/framework-client/auth';\nimport { AXPFileTypeProviderService } from '@acorex-platform/framework-client/common';\nimport { AXPPlatformScope } from '@acorex-platform/framework-shared/core';\nimport { AXPLayoutThemeService } from '@acorex-platform/framework-client/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 { RouterModule } from '@angular/router';\nimport { RootConfig } from '@acorex-platform/module-document-management-client/contracts';\nimport { AXMDocumentExplorerComponent, AXPDocumentExplorerViewModel } from '../document-explorer';\nimport { AXMDocumentManagerService, AXMFolderPathBreadcrumbsComponent } from '../shared';\nimport { AXMDocumentExplorerBrowseMode, AXMDocumentSelectionMode } from '../shared/document-manager.types';\nimport { AXValueChangedEvent } from '@acorex/cdk/common';\n@Component({\n  selector: 'ax-document-drive-choose',\n  templateUrl: './drive-choose.component.html',\n  styleUrls: ['./drive-choose.component.css'],\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    AXBadgeModule,\n    AXSearchBoxModule,\n    AXFormatModule,\n    AXFileModule,\n    AXBreadcrumbsModule,\n    AXDateTimeModule,\n    AXMDocumentExplorerComponent,\n    AXMFolderPathBreadcrumbsComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXPDocumentExplorerViewModel],\n})\nexport class AXMDocumentDriveChooseComponent extends AXBasePageComponent implements OnInit {\n  /** Assigned by popup `data` before `ngOnInit`. */\n  public scope!: AXPPlatformScope;\n  /** Assigned by popup `data` before `ngOnInit`. */\n  public browseMode: AXMDocumentExplorerBrowseMode = 'file';\n  /** Assigned by popup `data` before `ngOnInit`. */\n  public selectionMode: AXMDocumentSelectionMode = 'single';\n  /** When true, hides the in-dialog title row (popup chrome provides the title). */\n  public hideHeader = false;\n\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 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 browseModeState = signal<AXMDocumentExplorerBrowseMode>('file');\n  protected readonly selectionModeState = signal<AXMDocumentSelectionMode>('single');\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  protected readonly selectText = computed(() => {\n    if (this.vm.browseMode() !== 'file') {\n      return 'actions.select-folder';\n    }\n    return this.selectionModeState() === 'multiple' ? 'actions.select-files' : 'actions.select-file';\n  });\n\n  protected readonly selectedFileCount = computed(() =>\n    this.vm.selectedNodes().filter((node) => node.type === 'file').length,\n  );\n\n  protected readonly canSubmit = computed(() => {\n    if (this.browseModeState() === 'folder') {\n      return Boolean(this.vm.currentFolder()?.id);\n    }\n\n    const selectedFiles = this.vm.selectedNodes().filter((node) => node.type === 'file');\n    if (this.selectionModeState() === 'multiple') {\n      return selectedFiles.length > 0;\n    }\n    return selectedFiles.length === 1;\n  });\n\n  protected readonly subtitleKey = computed(() =>\n    this.browseModeState() === 'folder' ? 'drive-choose.subtitle-folder' : 'drive-choose.subtitle',\n  );\n\n  protected searchQuery: string | null = '';\n\n  #navigateEffect = effect(() => {\n    const navigatingFolderId = this.vm.navigatingFolderId();\n    if (navigatingFolderId) {\n      this.loadDrive(navigatingFolderId);\n      \n      // Clear search when navigating to a folder\n      setTimeout(() => {\n        this.searchQuery = null;\n      }, 200);\n    }\n  });\n\n  #loadingEffect = effect(() => {\n    const isLoading = this.vm.isLoading();\n    untracked(() => {\n      this.layout.setNavigationLoading(isLoading);\n    });\n  });\n\n  #selectionSyncEffect = effect(() => {\n    if (this.documentExplorer()) {\n      this.vm.setSelectionMode(this.selectionModeState());\n    }\n  });\n\n  async handleSearchChange(event: AXValueChangedEvent) {\n    if (event.value == null) {\n      return;\n    }\n\n    if (event.value?.length > 0) {\n      this.vm.setLoading(true);\n      try {\n        const searchRootId =\n          this.vm.currentNode()?.id === 'virtual'\n            ? this.vm.currentNode()?.parentId ?? undefined\n            : this.vm.currentNode()?.id;\n        const result = await this.driveService.searchNodes(event.value, this.scope, {\n          folderId: searchRootId !== 'virtual' ? searchRootId : undefined,\n        });\n        await this.vm.virtualFolder(result, {\n          name: 'Search Result',\n          parentId: searchRootId,\n        });\n      } finally {\n        this.vm.setLoading(false);\n      }\n      return;\n    }\n\n    // Clearing search restores the folder that was searched — do not navigate to parent.\n    const restoreFolderId =\n      this.vm.currentNode()?.id === 'virtual'\n        ? this.vm.currentNode()?.parentId ?? undefined\n        : this.vm.currentNode()?.id;\n    await this.loadDrive(restoreFolderId || undefined);\n  }\n\n  override async ngOnInit() {\n    super.ngOnInit();\n    this.applyPopupOptions();\n    await this.loadFilterItems();\n\n    await this.vm.initialize({\n      browseMode: this.browseModeState(),\n      scope: this.scope,\n    });\n    this.vm.setSelectionMode(this.selectionModeState());\n    this.loadDrive();\n  }\n\n  private applyPopupOptions(): void {\n    this.browseModeState.set(this.browseMode);\n    this.selectionModeState.set(this.selectionMode);\n  }\n\n  private async loadDrive(folderId?: string) {\n    if (folderId) {\n      await this.vm.loadFolderContents(folderId);\n    } else {\n      // getRoot already returns the hydrated root (children + shortcuts + path):\n      // apply it directly instead of fetching the same folder a second time.\n      const root = await this.driveService.getRoot(this.scope);\n      if (root.result) {\n        await this.vm.applyLoadedFolder(root);\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.vm.navigateToFolder(folderId);\n  }\n\n  protected async handleSubmitButton() {\n    const items =\n      this.vm.browseMode() === 'file'\n        ? this.vm.selectedNodes().filter((node) => node.type === 'file')\n        : [this.vm.currentFolder()].filter(Boolean);\n\n    this.close({\n      result: true,\n      items,\n    });\n  }\n\n  protected handleCancelClick() {\n    this.close({\n      result: false,\n    });\n  }\n}\n","<div class=\"axm-drive-choose\" [class.__compact-header]=\"hideHeader\" *translate=\"let t\">\n  <header class=\"__header\">\n    @if (!hideHeader) {\n      <div class=\"__header-main\">\n        <span class=\"__header-icon primary-surface\">\n          <ax-icon icon=\"fa-light fa-hard-drive\"></ax-icon>\n        </span>\n        <div class=\"__header-text\">\n          <h2 class=\"__header-title\">\n            {{\n              '@document-management:actions.choose-from-drive' | translate | async\n            }}\n          </h2>\n          <p class=\"__header-subtitle\">\n            {{\n              t(subtitleKey(), { scope: rootConfig.config.i18n })\n                | async\n            }}\n          </p>\n        </div>\n      </div>\n    }\n\n    <div class=\"__toolbar\">\n      <axm-folder-path-breadcrumbs\n        class=\"__breadcrumbs\"\n      ></axm-folder-path-breadcrumbs>\n      <ax-search-box\n        [(value)]=\"searchQuery\"\n        (onValueChanged)=\"handleSearchChange($event)\"\n        class=\"__search\"\n        [placeholder]=\"\n          t('actions.search', { scope: rootConfig.config.i18n }) | async\n        \"\n      >\n        <ax-clear-button></ax-clear-button>\n      </ax-search-box>\n    </div>\n  </header>\n\n  <main class=\"__body\">\n    @if (vm.isLoading()) {\n      <div class=\"__loading\">\n        <ax-loading></ax-loading>\n        <span>{{\n          t('drive-choose.loading', { scope: rootConfig.config.i18n }) | async\n        }}</span>\n      </div>\n    } @else {\n      <axm-document-explorer\n        [browseMode]=\"browseModeState()\"\n        [selectionMode]=\"selectionModeState()\"\n        [viewMode]=\"'list'\"\n        [showContextMenu]=\"false\"\n      >\n      </axm-document-explorer>\n    }\n  </main>\n\n  <ax-footer class=\"__footer light-surface\">\n    <ax-prefix>\n      @if (selectionModeState() === 'multiple' && selectedFileCount() > 0) {\n        <span class=\"__selection-badge primary-surface\">\n          <ax-icon icon=\"fa-light fa-check\"></ax-icon>\n          {{\n            t('drive-choose.selected-count', {\n              scope: rootConfig.config.i18n,\n              params: { count: selectedFileCount() },\n            }) | async\n          }}\n        </span>\n      }\n    </ax-prefix>\n    <ax-suffix>\n      <ax-button\n        (onClick)=\"handleCancelClick()\"\n        [text]=\"'@general:actions.cancel.title' | translate | async\"\n      ></ax-button>\n      <ax-button\n        look=\"solid\"\n        color=\"primary\"\n        [disabled]=\"!canSubmit()\"\n        (onClick)=\"handleSubmitButton()\"\n        [text]=\"t(selectText(), { scope: rootConfig.config.i18n }) | async\"\n      >\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-check\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n"],"names":["i3","i5","i6","i2"],"mappings":"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"}

package/fesm2022/acorex-platform-module-document-management-client-large-icons-view-skeleton.component-wZG913_E.mjs

@@ -0,0 +1,27 @@
+import * as i1 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { A as AXPDocumentExplorerViewModel } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-LQjccofO.mjs';
+
+class AXMDocumentExplorerLargeIconsViewSkeletonComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+        this.folderPlaceholders = [0, 1, 2];
+        this.filePlaceholders = [0, 1];
+        this.flatPlaceholders = [0, 1, 2, 3, 4];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerLargeIconsViewSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerLargeIconsViewSkeletonComponent, isStandalone: true, selector: "axm-document-explorer-large-icons-view-skeleton", ngImport: i0, template: "@if (vm.groupByType()) {\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of folderPlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  </div>\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of filePlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"__content\">\n    @for (item of flatPlaceholders; track item) {\n      <div class=\"__item\">\n        <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties;:host{display:block;width:100%}:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8);width:100%}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:calc(var(--spacing, .25rem) * 4)}:host .__item{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 4)}:host .__icon{height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);border-radius:.25rem}:host .__name{height:calc(var(--spacing, .25rem) * 4);width:100%;border-radius:.25rem}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerLargeIconsViewSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-document-explorer-large-icons-view-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXSkeletonModule, AXTranslationModule], template: "@if (vm.groupByType()) {\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of folderPlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  </div>\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of filePlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"__content\">\n    @for (item of flatPlaceholders; track item) {\n      <div class=\"__item\">\n        <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties;:host{display:block;width:100%}:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8);width:100%}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:calc(var(--spacing, .25rem) * 4)}:host .__item{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 4)}:host .__icon{height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);border-radius:.25rem}:host .__name{height:calc(var(--spacing, .25rem) * 4);width:100%;border-radius:.25rem}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+export { AXMDocumentExplorerLargeIconsViewSkeletonComponent };
+//# sourceMappingURL=acorex-platform-module-document-management-client-large-icons-view-skeleton.component-wZG913_E.mjs.map

package/fesm2022/acorex-platform-module-document-management-client-large-icons-view-skeleton.component-wZG913_E.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-large-icons-view-skeleton.component-wZG913_E.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/large-icons/large-icons-view-skeleton.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/large-icons/large-icons-view-skeleton.component.html"],"sourcesContent":["import { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\n\n@Component({\n  selector: 'axm-document-explorer-large-icons-view-skeleton',\n  templateUrl: './large-icons-view-skeleton.component.html',\n  styleUrl: './large-icons-view-skeleton.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXSkeletonModule, AXTranslationModule],\n})\nexport class AXMDocumentExplorerLargeIconsViewSkeletonComponent {\n  protected readonly vm = inject(AXPDocumentExplorerViewModel);\n\n  protected readonly folderPlaceholders = [0, 1, 2];\n  protected readonly filePlaceholders = [0, 1];\n  protected readonly flatPlaceholders = [0, 1, 2, 3, 4];\n}\n","@if (vm.groupByType()) {\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of folderPlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  </div>\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of filePlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"__content\">\n    @for (item of flatPlaceholders; track item) {\n      <div class=\"__item\">\n        <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n      </div>\n    }\n  </div>\n}\n"],"names":["i2"],"mappings":";;;;;;;;;;MAaa,kDAAkD,CAAA;AAP/D,IAAA,WAAA,GAAA;AAQqB,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;QAEzC,IAAA,CAAA,kBAAkB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACzB,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACtD,IAAA;8GANY,kDAAkD,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlD,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kDAAkD,2GCb/D,+xCAqCA,EAAA,MAAA,EAAA,CAAA,mvCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED1BY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,kIAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAElD,kDAAkD,EAAA,UAAA,EAAA,CAAA;kBAP9D,SAAS;+BACE,iDAAiD,EAAA,eAAA,EAG1C,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,+xCAAA,EAAA,MAAA,EAAA,CAAA,mvCAAA,CAAA,EAAA;;;;;"}

package/fesm2022/acorex-platform-module-document-management-client-large-icons-view.component-Bv5JFRtL.mjs

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex-platform/framework-client/core';
+import { A as AXPDocumentExplorerViewModel, a as AXMDocumentExpirationBadgeComponent, b as AXMFolderExpirationBadgesComponent } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-LQjccofO.mjs';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+
+class AXMDocumentExplorerLargeIconsViewComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerLargeIconsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerLargeIconsViewComponent, isStandalone: true, selector: "axm-document-explorer-large-icons-view", ngImport: i0, template: "@if (vm.groupByType()) {\n  @if (vm.filteredFolders().length > 0) {\n    <div class=\"__section\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n      </div>\n      <div class=\"__content fa-4x\">\n        @for (folder of vm.filteredFolders(); track folder.id) {\n          @let folderDisplay = vm.getNodeDisplayInfo(folder);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(folder)\"\n            [axp-data]=\"folder\"\n            (click)=\"vm.toggleSelect(folder)\"\n            (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n          >\n            <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n              @if (vm.isLoadingFolder(folder.id)) {\n                <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n              } @else {\n                <i class=\"fas fa-folder-closed\"></i>\n              }\n              @if (folderDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n            </div>\n            <div class=\"inline-flex max-w-full items-center justify-center gap-1\">\n              <div class=\"__name\">{{ folder.name }}</div>\n              <!-- ----- Expiration counts after folder name ----- -->\n              <axm-folder-expiration-badges [node]=\"folder\" />\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  @if (vm.filteredFiles().length > 0) {\n    <div class=\"__section\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n      </div>\n      <div class=\"__content fa-4x\">\n        @for (file of vm.filteredFiles(); track file.id) {\n          @let fileDisplay = vm.getNodeDisplayInfo(file);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(file)\"\n            [axp-data]=\"file\"\n            (click)=\"vm.toggleSelect(file)\"\n            (onDblClick)=\"vm.openFile(file)\"\n          >\n            <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n              <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n              @if (fileDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n              <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n            </div>\n            <div class=\"__name\">{{ file.name }}</div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n} @else {\n  <div class=\"__content fa-4x\">\n    @for (folder of vm.filteredFolders(); track folder.id) {\n      @let folderDisplay = vm.getNodeDisplayInfo(folder);\n      <div\n        class=\"__explorer-item\"\n        [class.--selected]=\"vm.isItemSelected(folder)\"\n        [axp-data]=\"folder\"\n        (click)=\"vm.toggleSelect(folder)\"\n        (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n      >\n        <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n          @if (vm.isLoadingFolder(folder.id)) {\n            <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n          } @else {\n            <i class=\"fas fa-folder-closed\"></i>\n          }\n          @if (folderDisplay.isShortcut) {\n            <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n          }\n        </div>\n        <div class=\"inline-flex max-w-full items-center justify-center gap-1\">\n          <div class=\"__name\">{{ folder.name }}</div>\n          <!-- ----- Expiration counts after folder name ----- -->\n          <axm-folder-expiration-badges [node]=\"folder\" />\n        </div>\n      </div>\n    }\n    @for (file of vm.filteredFiles(); track file.id) {\n      @let fileDisplay = vm.getNodeDisplayInfo(file);\n      <div\n        class=\"__explorer-item\"\n        [class.--selected]=\"vm.isItemSelected(file)\"\n        [axp-data]=\"file\"\n        (click)=\"vm.toggleSelect(file)\"\n        (onDblClick)=\"vm.openFile(file)\"\n      >\n        <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n          <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n          @if (fileDisplay.isShortcut) {\n            <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n          }\n          <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n        </div>\n        <div class=\"__name\">{{ file.name }}</div>\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties;:host{width:100%}:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8);width:100%}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:calc(var(--spacing, .25rem) * 4)}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-md, .375rem);padding:calc(var(--spacing, .25rem) * 4);text-align:center}:host .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__content .__explorer-item .__icon{position:relative;display:inline-flex;flex-shrink:0}:host .__content .__explorer-item .__icon .__expiration-badge{position:absolute;top:-.35rem;right:-.75rem;font-size:.75rem;z-index:1}:host .__content .__explorer-item .__name{width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}:host .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "directive", type: AXPDblClickDirective, selector: "[onDblClick]", outputs: ["onDblClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMDocumentExpirationBadgeComponent, selector: "axm-document-expiration-badge", inputs: ["node"] }, { kind: "component", type: AXMFolderExpirationBadgesComponent, selector: "axm-folder-expiration-badges", inputs: ["node"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerLargeIconsViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-document-explorer-large-icons-view', standalone: true, changeDetection: ChangeDetectionStrategy.Eager, imports: [
+                        CommonModule,
+                        AXPElementDataDirective,
+                        AXPDblClickDirective,
+                        AXTranslationModule,
+                        AXMDocumentExpirationBadgeComponent,
+                        AXMFolderExpirationBadgesComponent,
+                    ], template: "@if (vm.groupByType()) {\n  @if (vm.filteredFolders().length > 0) {\n    <div class=\"__section\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n      </div>\n      <div class=\"__content fa-4x\">\n        @for (folder of vm.filteredFolders(); track folder.id) {\n          @let folderDisplay = vm.getNodeDisplayInfo(folder);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(folder)\"\n            [axp-data]=\"folder\"\n            (click)=\"vm.toggleSelect(folder)\"\n            (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n          >\n            <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n              @if (vm.isLoadingFolder(folder.id)) {\n                <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n              } @else {\n                <i class=\"fas fa-folder-closed\"></i>\n              }\n              @if (folderDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n            </div>\n            <div class=\"inline-flex max-w-full items-center justify-center gap-1\">\n              <div class=\"__name\">{{ folder.name }}</div>\n              <!-- ----- Expiration counts after folder name ----- -->\n              <axm-folder-expiration-badges [node]=\"folder\" />\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  @if (vm.filteredFiles().length > 0) {\n    <div class=\"__section\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n      </div>\n      <div class=\"__content fa-4x\">\n        @for (file of vm.filteredFiles(); track file.id) {\n          @let fileDisplay = vm.getNodeDisplayInfo(file);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(file)\"\n            [axp-data]=\"file\"\n            (click)=\"vm.toggleSelect(file)\"\n            (onDblClick)=\"vm.openFile(file)\"\n          >\n            <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n              <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n              @if (fileDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n              <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n            </div>\n            <div class=\"__name\">{{ file.name }}</div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n} @else {\n  <div class=\"__content fa-4x\">\n    @for (folder of vm.filteredFolders(); track folder.id) {\n      @let folderDisplay = vm.getNodeDisplayInfo(folder);\n      <div\n        class=\"__explorer-item\"\n        [class.--selected]=\"vm.isItemSelected(folder)\"\n        [axp-data]=\"folder\"\n        (click)=\"vm.toggleSelect(folder)\"\n        (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n      >\n        <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n          @if (vm.isLoadingFolder(folder.id)) {\n            <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n          } @else {\n            <i class=\"fas fa-folder-closed\"></i>\n          }\n          @if (folderDisplay.isShortcut) {\n            <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n          }\n        </div>\n        <div class=\"inline-flex max-w-full items-center justify-center gap-1\">\n          <div class=\"__name\">{{ folder.name }}</div>\n          <!-- ----- Expiration counts after folder name ----- -->\n          <axm-folder-expiration-badges [node]=\"folder\" />\n        </div>\n      </div>\n    }\n    @for (file of vm.filteredFiles(); track file.id) {\n      @let fileDisplay = vm.getNodeDisplayInfo(file);\n      <div\n        class=\"__explorer-item\"\n        [class.--selected]=\"vm.isItemSelected(file)\"\n        [axp-data]=\"file\"\n        (click)=\"vm.toggleSelect(file)\"\n        (onDblClick)=\"vm.openFile(file)\"\n      >\n        <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n          <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n          @if (fileDisplay.isShortcut) {\n            <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n          }\n          <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n        </div>\n        <div class=\"__name\">{{ file.name }}</div>\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties;:host{width:100%}:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8);width:100%}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:calc(var(--spacing, .25rem) * 4)}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-md, .375rem);padding:calc(var(--spacing, .25rem) * 4);text-align:center}:host .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__content .__explorer-item .__icon{position:relative;display:inline-flex;flex-shrink:0}:host .__content .__explorer-item .__icon .__expiration-badge{position:absolute;top:-.35rem;right:-.75rem;font-size:.75rem;z-index:1}:host .__content .__explorer-item .__name{width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}:host .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+export { AXMDocumentExplorerLargeIconsViewComponent };
+//# sourceMappingURL=acorex-platform-module-document-management-client-large-icons-view.component-Bv5JFRtL.mjs.map

package/fesm2022/acorex-platform-module-document-management-client-large-icons-view.component-Bv5JFRtL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-large-icons-view.component-Bv5JFRtL.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/large-icons/large-icons-view.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/large-icons/large-icons-view.component.html"],"sourcesContent":["import { Component, inject, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AXPDblClickDirective, AXPElementDataDirective } from '@acorex-platform/framework-client/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\n\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXMDocumentExpirationBadgeComponent } from '../../../shared/components/document-expiration-badge/document-expiration-badge.component';\nimport { AXMFolderExpirationBadgesComponent } from '../../../shared/components/folder-expiration-badges/folder-expiration-badges.component';\n\n@Component({\n    selector: 'axm-document-explorer-large-icons-view',\n    templateUrl: './large-icons-view.component.html',\n    styleUrls: ['./large-icons-view.component.css'],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.Eager,\n    imports: [\n      CommonModule,\n      AXPElementDataDirective,\n      AXPDblClickDirective,\n      AXTranslationModule,\n      AXMDocumentExpirationBadgeComponent,\n      AXMFolderExpirationBadgesComponent,\n    ],\n})\nexport class AXMDocumentExplorerLargeIconsViewComponent {\n    protected vm = inject(AXPDocumentExplorerViewModel);\n} ","@if (vm.groupByType()) {\n  @if (vm.filteredFolders().length > 0) {\n    <div class=\"__section\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n      </div>\n      <div class=\"__content fa-4x\">\n        @for (folder of vm.filteredFolders(); track folder.id) {\n          @let folderDisplay = vm.getNodeDisplayInfo(folder);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(folder)\"\n            [axp-data]=\"folder\"\n            (click)=\"vm.toggleSelect(folder)\"\n            (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n          >\n            <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n              @if (vm.isLoadingFolder(folder.id)) {\n                <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n              } @else {\n                <i class=\"fas fa-folder-closed\"></i>\n              }\n              @if (folderDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n            </div>\n            <div class=\"inline-flex max-w-full items-center justify-center gap-1\">\n              <div class=\"__name\">{{ folder.name }}</div>\n              <!-- ----- Expiration counts after folder name ----- -->\n              <axm-folder-expiration-badges [node]=\"folder\" />\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  @if (vm.filteredFiles().length > 0) {\n    <div class=\"__section\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n      </div>\n      <div class=\"__content fa-4x\">\n        @for (file of vm.filteredFiles(); track file.id) {\n          @let fileDisplay = vm.getNodeDisplayInfo(file);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(file)\"\n            [axp-data]=\"file\"\n            (click)=\"vm.toggleSelect(file)\"\n            (onDblClick)=\"vm.openFile(file)\"\n          >\n            <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n              <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n              @if (fileDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n              <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n            </div>\n            <div class=\"__name\">{{ file.name }}</div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n} @else {\n  <div class=\"__content fa-4x\">\n    @for (folder of vm.filteredFolders(); track folder.id) {\n      @let folderDisplay = vm.getNodeDisplayInfo(folder);\n      <div\n        class=\"__explorer-item\"\n        [class.--selected]=\"vm.isItemSelected(folder)\"\n        [axp-data]=\"folder\"\n        (click)=\"vm.toggleSelect(folder)\"\n        (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n      >\n        <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n          @if (vm.isLoadingFolder(folder.id)) {\n            <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n          } @else {\n            <i class=\"fas fa-folder-closed\"></i>\n          }\n          @if (folderDisplay.isShortcut) {\n            <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n          }\n        </div>\n        <div class=\"inline-flex max-w-full items-center justify-center gap-1\">\n          <div class=\"__name\">{{ folder.name }}</div>\n          <!-- ----- Expiration counts after folder name ----- -->\n          <axm-folder-expiration-badges [node]=\"folder\" />\n        </div>\n      </div>\n    }\n    @for (file of vm.filteredFiles(); track file.id) {\n      @let fileDisplay = vm.getNodeDisplayInfo(file);\n      <div\n        class=\"__explorer-item\"\n        [class.--selected]=\"vm.isItemSelected(file)\"\n        [axp-data]=\"file\"\n        (click)=\"vm.toggleSelect(file)\"\n        (onDblClick)=\"vm.openFile(file)\"\n      >\n        <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n          <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n          @if (fileDisplay.isShortcut) {\n            <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n          }\n          <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n        </div>\n        <div class=\"__name\">{{ file.name }}</div>\n      </div>\n    }\n  </div>\n}\n"],"names":["i2"],"mappings":";;;;;;;;;MAyBa,0CAA0C,CAAA;AAfvD,IAAA,WAAA,GAAA;AAgBc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD,IAAA;8GAFY,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0CAA0C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBvD,2tJAkHA,EAAA,MAAA,EAAA,CAAA,spEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDjGM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACvB,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACpB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,mCAAmC,4FACnC,kCAAkC,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA,CAAA;;2FAG3B,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAftD,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wCAAwC,cAGtC,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,KAAK,EAAA,OAAA,EACrC;wBACP,YAAY;wBACZ,uBAAuB;wBACvB,oBAAoB;wBACpB,mBAAmB;wBACnB,mCAAmC;wBACnC,kCAAkC;AACnC,qBAAA,EAAA,QAAA,EAAA,2tJAAA,EAAA,MAAA,EAAA,CAAA,spEAAA,CAAA,EAAA;;;;;"}

package/fesm2022/acorex-platform-module-document-management-client-large-tiles-view.component-DTEIhPcT.mjs

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex-platform/framework-client/core';
+import { A as AXPDocumentExplorerViewModel, a as AXMDocumentExpirationBadgeComponent, b as AXMFolderExpirationBadgesComponent } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-LQjccofO.mjs';
+import * as i2 from '@acorex/core/format';
+import { AXFormatModule } from '@acorex/core/format';
+import { AXDateTimeModule } from '@acorex/core/date-time';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+
+class AXMDocumentExplorerLargeTilesViewComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerLargeTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerLargeTilesViewComponent, isStandalone: true, selector: "axm-document-explorer-large-tiles-view", ngImport: i0, template: "@if (vm.groupByType()) {\n  @if (vm.filteredFolders().length > 0) {\n    <div class=\"__section fa-3x\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n      </div>\n      <div class=\"__content\">\n        @for (folder of vm.filteredFolders(); track folder.id) {\n          @let folderDisplay = vm.getNodeDisplayInfo(folder);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(folder)\"\n            [axp-data]=\"folder\"\n            (click)=\"vm.toggleSelect(folder)\"\n            (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n          >\n            <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n              @if (vm.isLoadingFolder(folder.id)) {\n                <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n              } @else {\n                <i class=\"fas fa-folder-closed\"></i>\n              }\n              @if (folderDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n            </div>\n            <span class=\"__name\">{{ folder.name }}</span>\n            <div class=\"__info\">\n              <div class=\"inline-flex items-center gap-1\">\n                <span>{{ (folder.childrenCount ?? 0) + (folder.itemsCount ?? 0) }} items</span>\n                <!-- ----- Expiration counts after item count ----- -->\n                <axm-folder-expiration-badges [node]=\"folder\" />\n              </div>\n              <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  @if (vm.filteredFiles().length > 0) {\n    <div class=\"__section fa-3x\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n      </div>\n      <div class=\"__content\">\n        @for (file of vm.filteredFiles(); track file.id) {\n          @let fileDisplay = vm.getNodeDisplayInfo(file);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(file)\"\n            [axp-data]=\"file\"\n            (click)=\"vm.toggleSelect(file)\"\n            (dblclick)=\"vm.openFile(file)\"\n          >\n            <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n              <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n              @if (fileDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n            </div>\n            <div class=\"flex min-w-0 items-center gap-1.5\">\n              <span class=\"__name\">{{ file.name }}</span>\n              <axm-document-expiration-badge [node]=\"file\" />\n            </div>\n            <div class=\"__info\">\n              <span>{{ file.size | format : 'filesize' | async }}</span>\n              <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n} @else {\n  <div class=\"__section fa-3x\">\n    <div class=\"__content\">\n      @for (folder of vm.filteredFolders(); track folder.id) {\n        @let folderDisplay = vm.getNodeDisplayInfo(folder);\n        <div\n          class=\"__explorer-item\"\n          [class.--selected]=\"vm.isItemSelected(folder)\"\n          [axp-data]=\"folder\"\n          (click)=\"vm.toggleSelect(folder)\"\n          (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n        >\n          <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n            @if (vm.isLoadingFolder(folder.id)) {\n              <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n            } @else {\n              <i class=\"fas fa-folder-closed\"></i>\n            }\n            @if (folderDisplay.isShortcut) {\n              <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n            }\n          </div>\n          <span class=\"__name\">{{ folder.name }}</span>\n          <div class=\"__info\">\n            <div class=\"inline-flex items-center gap-1\">\n              <span>{{ (folder.childrenCount ?? 0) + (folder.itemsCount ?? 0) }} items</span>\n              <!-- ----- Expiration counts after item count ----- -->\n              <axm-folder-expiration-badges [node]=\"folder\" />\n            </div>\n            <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n          </div>\n        </div>\n      }\n      @for (file of vm.filteredFiles(); track file.id) {\n        @let fileDisplay = vm.getNodeDisplayInfo(file);\n        <div\n          class=\"__explorer-item\"\n          [class.--selected]=\"vm.isItemSelected(file)\"\n          [axp-data]=\"file\"\n          (click)=\"vm.toggleSelect(file)\"\n          (dblclick)=\"vm.openFile(file)\"\n        >\n          <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n            <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n            @if (fileDisplay.isShortcut) {\n              <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n            }\n          </div>\n          <div class=\"flex min-w-0 items-center gap-1.5\">\n            <span class=\"__name\">{{ file.name }}</span>\n            <axm-document-expiration-badge [node]=\"file\" />\n          </div>\n          <div class=\"__info\">\n            <span>{{ file.size | format : 'filesize' | async }}</span>\n            <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer properties;:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8)}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:calc(var(--spacing, .25rem) * 4)}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;gap:var(--spacing, .25rem);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);padding:calc(var(--spacing, .25rem) * 4)}:host .__section .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__section .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__section .__content .__explorer-item .__icon{position:relative;margin-bottom:calc(var(--spacing, .25rem) * 2);display:inline-flex}:host .__section .__content .__explorer-item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}:host .__section .__content .__explorer-item .__info{display:flex;width:100%;justify-content:space-between;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);opacity:65%}:host .__section .__content .__explorer-item .__info span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}:host .__section .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "directive", type: AXPDblClickDirective, selector: "[onDblClick]", outputs: ["onDblClick"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMDocumentExpirationBadgeComponent, selector: "axm-document-expiration-badge", inputs: ["node"] }, { kind: "component", type: AXMFolderExpirationBadgesComponent, selector: "axm-folder-expiration-badges", inputs: ["node"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerLargeTilesViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-document-explorer-large-tiles-view', standalone: true, changeDetection: ChangeDetectionStrategy.Eager, imports: [
+                        CommonModule,
+                        AXPElementDataDirective,
+                        AXPDblClickDirective,
+                        AXFormatModule,
+                        AXDateTimeModule,
+                        AXTranslationModule,
+                        AXMDocumentExpirationBadgeComponent,
+                        AXMFolderExpirationBadgesComponent,
+                    ], template: "@if (vm.groupByType()) {\n  @if (vm.filteredFolders().length > 0) {\n    <div class=\"__section fa-3x\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n      </div>\n      <div class=\"__content\">\n        @for (folder of vm.filteredFolders(); track folder.id) {\n          @let folderDisplay = vm.getNodeDisplayInfo(folder);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(folder)\"\n            [axp-data]=\"folder\"\n            (click)=\"vm.toggleSelect(folder)\"\n            (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n          >\n            <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n              @if (vm.isLoadingFolder(folder.id)) {\n                <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n              } @else {\n                <i class=\"fas fa-folder-closed\"></i>\n              }\n              @if (folderDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n            </div>\n            <span class=\"__name\">{{ folder.name }}</span>\n            <div class=\"__info\">\n              <div class=\"inline-flex items-center gap-1\">\n                <span>{{ (folder.childrenCount ?? 0) + (folder.itemsCount ?? 0) }} items</span>\n                <!-- ----- Expiration counts after item count ----- -->\n                <axm-folder-expiration-badges [node]=\"folder\" />\n              </div>\n              <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  @if (vm.filteredFiles().length > 0) {\n    <div class=\"__section fa-3x\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n      </div>\n      <div class=\"__content\">\n        @for (file of vm.filteredFiles(); track file.id) {\n          @let fileDisplay = vm.getNodeDisplayInfo(file);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(file)\"\n            [axp-data]=\"file\"\n            (click)=\"vm.toggleSelect(file)\"\n            (dblclick)=\"vm.openFile(file)\"\n          >\n            <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n              <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n              @if (fileDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n            </div>\n            <div class=\"flex min-w-0 items-center gap-1.5\">\n              <span class=\"__name\">{{ file.name }}</span>\n              <axm-document-expiration-badge [node]=\"file\" />\n            </div>\n            <div class=\"__info\">\n              <span>{{ file.size | format : 'filesize' | async }}</span>\n              <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n} @else {\n  <div class=\"__section fa-3x\">\n    <div class=\"__content\">\n      @for (folder of vm.filteredFolders(); track folder.id) {\n        @let folderDisplay = vm.getNodeDisplayInfo(folder);\n        <div\n          class=\"__explorer-item\"\n          [class.--selected]=\"vm.isItemSelected(folder)\"\n          [axp-data]=\"folder\"\n          (click)=\"vm.toggleSelect(folder)\"\n          (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n        >\n          <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n            @if (vm.isLoadingFolder(folder.id)) {\n              <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n            } @else {\n              <i class=\"fas fa-folder-closed\"></i>\n            }\n            @if (folderDisplay.isShortcut) {\n              <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n            }\n          </div>\n          <span class=\"__name\">{{ folder.name }}</span>\n          <div class=\"__info\">\n            <div class=\"inline-flex items-center gap-1\">\n              <span>{{ (folder.childrenCount ?? 0) + (folder.itemsCount ?? 0) }} items</span>\n              <!-- ----- Expiration counts after item count ----- -->\n              <axm-folder-expiration-badges [node]=\"folder\" />\n            </div>\n            <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n          </div>\n        </div>\n      }\n      @for (file of vm.filteredFiles(); track file.id) {\n        @let fileDisplay = vm.getNodeDisplayInfo(file);\n        <div\n          class=\"__explorer-item\"\n          [class.--selected]=\"vm.isItemSelected(file)\"\n          [axp-data]=\"file\"\n          (click)=\"vm.toggleSelect(file)\"\n          (dblclick)=\"vm.openFile(file)\"\n        >\n          <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n            <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n            @if (fileDisplay.isShortcut) {\n              <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n            }\n          </div>\n          <div class=\"flex min-w-0 items-center gap-1.5\">\n            <span class=\"__name\">{{ file.name }}</span>\n            <axm-document-expiration-badge [node]=\"file\" />\n          </div>\n          <div class=\"__info\">\n            <span>{{ file.size | format : 'filesize' | async }}</span>\n            <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer properties;:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8)}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:calc(var(--spacing, .25rem) * 4)}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;gap:var(--spacing, .25rem);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);padding:calc(var(--spacing, .25rem) * 4)}:host .__section .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__section .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__section .__content .__explorer-item .__icon{position:relative;margin-bottom:calc(var(--spacing, .25rem) * 2);display:inline-flex}:host .__section .__content .__explorer-item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}:host .__section .__content .__explorer-item .__info{display:flex;width:100%;justify-content:space-between;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);opacity:65%}:host .__section .__content .__explorer-item .__info span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}:host .__section .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+export { AXMDocumentExplorerLargeTilesViewComponent };
+//# sourceMappingURL=acorex-platform-module-document-management-client-large-tiles-view.component-DTEIhPcT.mjs.map

package/fesm2022/acorex-platform-module-document-management-client-large-tiles-view.component-DTEIhPcT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-large-tiles-view.component-DTEIhPcT.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/large-tiles/large-tiles-view.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/large-tiles/large-tiles-view.component.html"],"sourcesContent":["import { Component, inject, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPDblClickDirective, AXPElementDataDirective } from '@acorex-platform/framework-client/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXMDocumentExpirationBadgeComponent } from '../../../shared/components/document-expiration-badge/document-expiration-badge.component';\nimport { AXMFolderExpirationBadgesComponent } from '../../../shared/components/folder-expiration-badges/folder-expiration-badges.component';\n\n@Component({\n    selector: 'axm-document-explorer-large-tiles-view',\n    templateUrl: './large-tiles-view.component.html',\n    styleUrls: ['./large-tiles-view.component.css'],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.Eager,\n    imports: [\n      CommonModule,\n      AXPElementDataDirective,\n      AXPDblClickDirective,\n      AXFormatModule,\n      AXDateTimeModule,\n      AXTranslationModule,\n      AXMDocumentExpirationBadgeComponent,\n      AXMFolderExpirationBadgesComponent,\n    ],\n})\nexport class AXMDocumentExplorerLargeTilesViewComponent {\n    protected vm = inject(AXPDocumentExplorerViewModel);\n} ","@if (vm.groupByType()) {\n  @if (vm.filteredFolders().length > 0) {\n    <div class=\"__section fa-3x\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n      </div>\n      <div class=\"__content\">\n        @for (folder of vm.filteredFolders(); track folder.id) {\n          @let folderDisplay = vm.getNodeDisplayInfo(folder);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(folder)\"\n            [axp-data]=\"folder\"\n            (click)=\"vm.toggleSelect(folder)\"\n            (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n          >\n            <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n              @if (vm.isLoadingFolder(folder.id)) {\n                <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n              } @else {\n                <i class=\"fas fa-folder-closed\"></i>\n              }\n              @if (folderDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n            </div>\n            <span class=\"__name\">{{ folder.name }}</span>\n            <div class=\"__info\">\n              <div class=\"inline-flex items-center gap-1\">\n                <span>{{ (folder.childrenCount ?? 0) + (folder.itemsCount ?? 0) }} items</span>\n                <!-- ----- Expiration counts after item count ----- -->\n                <axm-folder-expiration-badges [node]=\"folder\" />\n              </div>\n              <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  @if (vm.filteredFiles().length > 0) {\n    <div class=\"__section fa-3x\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n      </div>\n      <div class=\"__content\">\n        @for (file of vm.filteredFiles(); track file.id) {\n          @let fileDisplay = vm.getNodeDisplayInfo(file);\n          <div\n            class=\"__explorer-item\"\n            [class.--selected]=\"vm.isItemSelected(file)\"\n            [axp-data]=\"file\"\n            (click)=\"vm.toggleSelect(file)\"\n            (dblclick)=\"vm.openFile(file)\"\n          >\n            <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n              <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n              @if (fileDisplay.isShortcut) {\n                <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n              }\n            </div>\n            <div class=\"flex min-w-0 items-center gap-1.5\">\n              <span class=\"__name\">{{ file.name }}</span>\n              <axm-document-expiration-badge [node]=\"file\" />\n            </div>\n            <div class=\"__info\">\n              <span>{{ file.size | format : 'filesize' | async }}</span>\n              <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n} @else {\n  <div class=\"__section fa-3x\">\n    <div class=\"__content\">\n      @for (folder of vm.filteredFolders(); track folder.id) {\n        @let folderDisplay = vm.getNodeDisplayInfo(folder);\n        <div\n          class=\"__explorer-item\"\n          [class.--selected]=\"vm.isItemSelected(folder)\"\n          [axp-data]=\"folder\"\n          (click)=\"vm.toggleSelect(folder)\"\n          (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n        >\n          <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n            @if (vm.isLoadingFolder(folder.id)) {\n              <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n            } @else {\n              <i class=\"fas fa-folder-closed\"></i>\n            }\n            @if (folderDisplay.isShortcut) {\n              <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n            }\n          </div>\n          <span class=\"__name\">{{ folder.name }}</span>\n          <div class=\"__info\">\n            <div class=\"inline-flex items-center gap-1\">\n              <span>{{ (folder.childrenCount ?? 0) + (folder.itemsCount ?? 0) }} items</span>\n              <!-- ----- Expiration counts after item count ----- -->\n              <axm-folder-expiration-badges [node]=\"folder\" />\n            </div>\n            <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n          </div>\n        </div>\n      }\n      @for (file of vm.filteredFiles(); track file.id) {\n        @let fileDisplay = vm.getNodeDisplayInfo(file);\n        <div\n          class=\"__explorer-item\"\n          [class.--selected]=\"vm.isItemSelected(file)\"\n          [axp-data]=\"file\"\n          (click)=\"vm.toggleSelect(file)\"\n          (dblclick)=\"vm.openFile(file)\"\n        >\n          <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n            <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n            @if (fileDisplay.isShortcut) {\n              <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n            }\n          </div>\n          <div class=\"flex min-w-0 items-center gap-1.5\">\n            <span class=\"__name\">{{ file.name }}</span>\n            <axm-document-expiration-badge [node]=\"file\" />\n          </div>\n          <div class=\"__info\">\n            <span>{{ file.size | format : 'filesize' | async }}</span>\n            <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MA2Ba,0CAA0C,CAAA;AAjBvD,IAAA,WAAA,GAAA;AAkBc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD,IAAA;8GAFY,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0CAA0C,kGC3BvD,o3LAwIA,EAAA,MAAA,EAAA,CAAA,+mFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvHM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACvB,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACpB,cAAc,8BACd,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,mCAAmC,4FACnC,kCAAkC,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA,CAAA;;2FAG3B,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAjBtD,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wCAAwC,cAGtC,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,KAAK,EAAA,OAAA,EACrC;wBACP,YAAY;wBACZ,uBAAuB;wBACvB,oBAAoB;wBACpB,cAAc;wBACd,gBAAgB;wBAChB,mBAAmB;wBACnB,mCAAmC;wBACnC,kCAAkC;AACnC,qBAAA,EAAA,QAAA,EAAA,o3LAAA,EAAA,MAAA,EAAA,CAAA,+mFAAA,CAAA,EAAA;;;;;"}