@acorex-platform/module-document-management-client 0.0.38 → 0.0.46

package/fesm2022/{acorex-platform-module-document-management-client-open-document.command-Deqs3cEg.mjs → acorex-platform-module-document-management-client-open-document.command-By0k8BgV.mjs}

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, Injectable } from '@angular/core';
 import { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
 import { RootConfig } from '@acorex-platform/module-document-management-client/contracts';
-import { c as AXMDocumentManagerService } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-DHcNgw3P.mjs';
+import { d as AXMDocumentManagerService } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-DhDRtALE.mjs';
 
 //#region ----- Imports -----
 //#endregion
@@ -13,19 +13,32 @@ function isExplorerFileNode(value) {
         value.type === 'file' &&
         typeof value.id === 'string');
 }
+function readDocumentId(value) {
+    if (typeof value !== 'string') {
+        return undefined;
+    }
+    const trimmed = value.trim();
+    if (!trimmed || trimmed.includes('{{') || trimmed.includes('}}')) {
+        return undefined;
+    }
+    return trimmed;
+}
 function resolveDocumentId(input = {}) {
-    const fromOptions = input.options?.documentId;
     const data = input.data;
-    const fromData = data && typeof data === 'object'
-        ? 'documentId' in data && typeof data.documentId === 'string'
-            ? data.documentId
-            : 'id' in data && typeof data.id === 'string'
-                ? data.id
-                : undefined
+    const fromPayloadContext = data && typeof data === 'object' && 'payload' in data
+        ? data.payload?.context?.documentId
+        : undefined;
+    const fromDataContext = data && typeof data === 'object' && 'context' in data
+        ? data.context?.documentId
+        : undefined;
+    const fromDataDocumentId = data && typeof data === 'object' && 'documentId' in data
+        ? data.documentId
         : undefined;
-    const fromRoot = input.documentId;
-    const value = fromOptions ?? fromData ?? fromRoot;
-    return typeof value === 'string' && value.trim() ? value.trim() : undefined;
+    return (readDocumentId(input.documentId) ??
+        readDocumentId(input.options?.documentId) ??
+        readDocumentId(fromDataDocumentId) ??
+        readDocumentId(fromPayloadContext) ??
+        readDocumentId(fromDataContext));
 }
 function toExplorerNode(document) {
     const rawFileInfo = document.fileInfo;
@@ -71,14 +84,14 @@ class AXMOpenDocumentCommand {
         if (!documentId) {
             return {
                 success: false,
-                message: { text: 'Document id is required' },
+                message: { text: '@document-management:distribute.errors.document-required' },
             };
         }
         const document = await this.documentData.byKey(documentId);
         if (!document?.id) {
             return {
                 success: false,
-                message: { text: 'Document not found' },
+                message: { text: '@document-management:distribute.errors.document-not-found' },
             };
         }
         await this.documentManager.openFile(toExplorerNode(document));
@@ -93,4 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 export { AXMOpenDocumentCommand };
-//# sourceMappingURL=acorex-platform-module-document-management-client-open-document.command-Deqs3cEg.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-open-document.command-By0k8BgV.mjs.map

package/fesm2022/acorex-platform-module-document-management-client-open-document.command-By0k8BgV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-open-document.command-By0k8BgV.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/commands/open-document.command.ts"],"sourcesContent":["//#region ----- Imports -----\n\nimport { inject, Injectable } from '@angular/core';\nimport { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';\nimport { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport type { AXPFileListItem } from '@acorex-platform/framework-shared/core';\nimport {\n  AXMDocumentDto,\n  RootConfig,\n} from '@acorex-platform/module-document-management-client/contracts';\n\nimport { AXMDocumentManagerService } from '../shared/document-manager.service';\nimport type { AXMDocumentExplorerNode } from '../shared/document-manager.types';\n\n//#endregion\n\n//#region ----- Types -----\n\nexport interface AXMOpenDocumentCommandInput {\n  documentId?: string;\n  data?: AXMDocumentExplorerNode | {\n    documentId?: string;\n    id?: string;\n    payload?: { context?: { documentId?: string } };\n    context?: { documentId?: string };\n  };\n  options?: {\n    documentId?: string;\n  };\n}\n\n//#endregion\n\n//#region ----- Helpers -----\n\nfunction isExplorerFileNode(value: unknown): value is AXMDocumentExplorerNode {\n  return (\n    !!value &&\n    typeof value === 'object' &&\n    (value as AXMDocumentExplorerNode).type === 'file' &&\n    typeof (value as AXMDocumentExplorerNode).id === 'string'\n  );\n}\n\nfunction readDocumentId(value: unknown): string | undefined {\n  if (typeof value !== 'string') {\n    return undefined;\n  }\n  const trimmed = value.trim();\n  if (!trimmed || trimmed.includes('{{') || trimmed.includes('}}')) {\n    return undefined;\n  }\n  return trimmed;\n}\n\nfunction resolveDocumentId(input: AXMOpenDocumentCommandInput = {}): string | undefined {\n  const data = input.data;\n  const fromPayloadContext =\n    data && typeof data === 'object' && 'payload' in data\n      ? (data as { payload?: { context?: { documentId?: unknown } } }).payload?.context?.documentId\n      : undefined;\n  const fromDataContext =\n    data && typeof data === 'object' && 'context' in data\n      ? (data as { context?: { documentId?: unknown } }).context?.documentId\n      : undefined;\n  const fromDataDocumentId =\n    data && typeof data === 'object' && 'documentId' in data\n      ? (data as { documentId?: unknown }).documentId\n      : undefined;\n\n  return (\n    readDocumentId(input.documentId) ??\n    readDocumentId(input.options?.documentId) ??\n    readDocumentId(fromDataDocumentId) ??\n    readDocumentId(fromPayloadContext) ??\n    readDocumentId(fromDataContext)\n  );\n}\n\nfunction toExplorerNode(document: AXMDocumentDto): AXMDocumentExplorerNode {\n  const rawFileInfo = document.fileInfo;\n  const fileListItem =\n    rawFileInfo != null && typeof rawFileInfo === 'object' ? (rawFileInfo as AXPFileListItem) : undefined;\n  const storedFileRef = typeof rawFileInfo === 'string' ? rawFileInfo : undefined;\n\n  return {\n    id: document.id!,\n    name: document.name,\n    type: 'file',\n    parentId: document.parentId ?? null,\n    size: fileListItem?.size ?? 0,\n    fileId: fileListItem ?? storedFileRef,\n    storageType: 'physical',\n    metaDataForm: document.metaDataForm ?? undefined,\n    documentTypes: document.documentType ? [document.documentType] : [],\n    expirationDate: document.expirationDate ? new Date(document.expirationDate) : undefined,\n  };\n}\n\n//#endregion\n\n//#region ----- Open file command -----\n\n/**\n * Opens a document the same way Drive context menu open does\n * (catalog open handler, otherwise download).\n */\n@Injectable({ providedIn: 'root' })\nexport class AXMOpenDocumentCommand implements AXPCommand<AXMOpenDocumentCommandInput> {\n  //#region ----- Services & Dependencies -----\n\n  private readonly documentManager = inject(AXMDocumentManagerService);\n  private readonly entityService = inject(AXPEntityService);\n  private readonly documentData = this.entityService\n    .withEntity(RootConfig.module.name, RootConfig.entities.document.name)\n    .data<string, AXMDocumentDto>();\n\n  //#endregion\n\n  //#region ----- Execute -----\n\n  async execute(input: AXMOpenDocumentCommandInput = {}): AXPCommandExecuteResultPromise {\n    // Drive already has the explorer node — reuse it (no refetch).\n    if (isExplorerFileNode(input.data)) {\n      await this.documentManager.openFile(input.data);\n      return { success: true, kind: 'object', data: { documentId: input.data.id } };\n    }\n\n    const documentId = resolveDocumentId(input);\n    if (!documentId) {\n      return {\n        success: false,\n        message: { text: '@document-management:distribute.errors.document-required' },\n      };\n    }\n\n    const document = await this.documentData.byKey(documentId);\n    if (!document?.id) {\n      return {\n        success: false,\n        message: { text: '@document-management:distribute.errors.document-not-found' },\n      };\n    }\n\n    await this.documentManager.openFile(toExplorerNode(document));\n    return { success: true, kind: 'object', data: { documentId } };\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-platform-module-document-management-client-sign-distributed-document.command-DpQ-Un7q.mjs

@@ -0,0 +1,124 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { isString, trim, isEmpty } from 'lodash';
+import { AXPWidgetsList } from '@acorex-platform/framework-shared/core';
+import { AXPBroadcastEventService } from '@acorex-platform/framework-client/core';
+import { AXPLayoutBuilderService, resolveLayoutBuilderDialogResult } from '@acorex-platform/framework-client/layout/builder';
+import { AXPWorkflowManager, AXP_WORKFLOW_SUPPRESS_CONTINUATION_INPUT_KEY } from '@acorex-platform/framework-client/workflow';
+import { a as asTrimmedId } from './acorex-platform-module-document-management-client-distribute-document.command.util-Bnw0rh94.mjs';
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Sign distributed document -----
+/**
+ * Opens the sign-off dialog first. The board task stays until the user actually signs.
+ */
+class AXMSignDistributedDocumentCommand {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.layoutBuilder = inject(AXPLayoutBuilderService);
+        this.workflowManager = inject(AXPWorkflowManager);
+        this.eventService = inject(AXPBroadcastEventService);
+    }
+    //#endregion
+    //#region ----- Command Implementation -----
+    async execute(input = {}) {
+        const instanceId = asTrimmedId(input.instanceId) ?? asTrimmedId(input.data?.instanceId);
+        const bookmarkId = asTrimmedId(input.bookmarkId) ?? asTrimmedId(input.data?.bookmarkId);
+        const activityId = asTrimmedId(input.activityId) ?? asTrimmedId(input.data?.activityId);
+        const taskToken = asTrimmedId(input.taskToken) ?? asTrimmedId(input.data?.taskToken);
+        if (!instanceId || !bookmarkId || !activityId || !taskToken) {
+            return { success: false, message: { text: '@document-management:distribute.errors.workflow-failed' } };
+        }
+        const dialogResult = await this.showSignOffDialog();
+        if (dialogResult.cancelled || !dialogResult.signature) {
+            return { success: true, kind: 'object', data: { cancelled: true } };
+        }
+        const resume = await this.workflowManager.resume(instanceId, activityId, 'sign-off', {
+            signature: dialogResult.signature,
+            note: dialogResult.note,
+            signedAt: new Date().toISOString(),
+            bookmarkId,
+            [AXP_WORKFLOW_SUPPRESS_CONTINUATION_INPUT_KEY]: true,
+        }, taskToken);
+        if (resume.success) {
+            this.eventService.publish('task-board.refresh', {});
+        }
+        return resume.success
+            ? { success: true, kind: 'object', data: { instanceId } }
+            : { success: false, message: resume.error ? { text: resume.error } : undefined };
+    }
+    //#endregion
+    //#region ----- Dialog -----
+    async showSignOffDialog() {
+        const rawResult = await this.layoutBuilder
+            .create()
+            .dialog((dialog) => {
+            dialog
+                .setTitle('@workflow-management:sign-off.activities.sign-off.dialog-title')
+                .setMessage('@document-management:distribute.workflow.sign-off')
+                .setContext({ signature: '', note: '' })
+                .content((flex) => {
+                flex
+                    .setDirection('column')
+                    .formField('@workflow-management:sign-off.activities.sign-off.note-label', (field) => {
+                    field.path('note');
+                    field.largeTextBox({
+                        placeholder: '@workflow-management:sign-off.activities.sign-off.note-placeholder',
+                        maxLength: 1000,
+                    });
+                })
+                    .formField('@workflow-management:sign-off.activities.sign-off.signature-label', (field) => {
+                    field.path('signature');
+                    field.customWidget(AXPWidgetsList.Editors.SignatureBox, {
+                        validations: [
+                            {
+                                rule: 'required',
+                                options: {
+                                    message: '@workflow-management:sign-off.activities.sign-off.signature-required',
+                                },
+                            },
+                        ],
+                    });
+                });
+            })
+                .setActions((actions) => {
+                actions
+                    .cancel('@general:actions.cancel.title')
+                    .submit('@workflow-management:sign-off.activities.sign-off.submit-text');
+            })
+                .onAction(async (dialogRef) => {
+                const context = dialogRef.context();
+                const action = dialogRef.action();
+                if (!context || action === 'cancel') {
+                    return null;
+                }
+                const formData = context;
+                const signature = isString(formData.signature) ? trim(formData.signature) : '';
+                if (isEmpty(signature)) {
+                    throw new Error('@workflow-management:sign-off.activities.sign-off.signature-required');
+                }
+                return {
+                    signature,
+                    note: formData.note,
+                    cancelled: false,
+                };
+            });
+        })
+            .show();
+        const result = resolveLayoutBuilderDialogResult(rawResult);
+        if (!result || result.cancelled) {
+            return { signature: '', note: undefined, cancelled: true };
+        }
+        return result;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMSignDistributedDocumentCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMSignDistributedDocumentCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMSignDistributedDocumentCommand, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+export { AXMSignDistributedDocumentCommand };
+//# sourceMappingURL=acorex-platform-module-document-management-client-sign-distributed-document.command-DpQ-Un7q.mjs.map

package/fesm2022/acorex-platform-module-document-management-client-sign-distributed-document.command-DpQ-Un7q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-sign-distributed-document.command-DpQ-Un7q.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/commands/sign-distributed-document.command.ts"],"sourcesContent":["//#region ----- Imports -----\n\nimport { inject, Injectable } from '@angular/core';\nimport { isEmpty, isString, trim } from 'lodash';\nimport { AXPWidgetsList } from '@acorex-platform/framework-shared/core';\nimport { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport { AXPBroadcastEventService } from '@acorex-platform/framework-client/core';\nimport {\n  AXPLayoutBuilderService,\n  resolveLayoutBuilderDialogResult,\n} from '@acorex-platform/framework-client/layout/builder';\nimport {\n  AXP_WORKFLOW_SUPPRESS_CONTINUATION_INPUT_KEY,\n  AXPWorkflowManager,\n} from '@acorex-platform/framework-client/workflow';\n\nimport { asTrimmedId } from './distribute-document.command.util';\n\n//#endregion\n\n//#region ----- Types -----\n\nexport interface AXMSignDistributedDocumentCommandInput {\n  instanceId?: string;\n  bookmarkId?: string;\n  activityId?: string;\n  taskToken?: string;\n  data?: {\n    instanceId?: string;\n    bookmarkId?: string;\n    activityId?: string;\n    taskToken?: string;\n    payload?: { context?: { taskId?: string } };\n  };\n}\n\ninterface SignOffDialogResult {\n  signature: string;\n  note?: string;\n  cancelled: boolean;\n}\n\n//#endregion\n\n//#region ----- Sign distributed document -----\n\n/**\n * Opens the sign-off dialog first. The board task stays until the user actually signs.\n */\n@Injectable({ providedIn: 'root' })\nexport class AXMSignDistributedDocumentCommand implements AXPCommand<AXMSignDistributedDocumentCommandInput> {\n  //#region ----- Services & Dependencies -----\n\n  private readonly layoutBuilder = inject(AXPLayoutBuilderService);\n  private readonly workflowManager = inject(AXPWorkflowManager);\n  private readonly eventService = inject(AXPBroadcastEventService);\n\n  //#endregion\n\n  //#region ----- Command Implementation -----\n\n  async execute(input: AXMSignDistributedDocumentCommandInput = {}): AXPCommandExecuteResultPromise {\n    const instanceId = asTrimmedId(input.instanceId) ?? asTrimmedId(input.data?.instanceId);\n    const bookmarkId = asTrimmedId(input.bookmarkId) ?? asTrimmedId(input.data?.bookmarkId);\n    const activityId = asTrimmedId(input.activityId) ?? asTrimmedId(input.data?.activityId);\n    const taskToken = asTrimmedId(input.taskToken) ?? asTrimmedId(input.data?.taskToken);\n\n    if (!instanceId || !bookmarkId || !activityId || !taskToken) {\n      return { success: false, message: { text: '@document-management:distribute.errors.workflow-failed' } };\n    }\n\n    const dialogResult = await this.showSignOffDialog();\n    if (dialogResult.cancelled || !dialogResult.signature) {\n      return { success: true, kind: 'object', data: { cancelled: true } };\n    }\n\n    const resume = await this.workflowManager.resume(\n      instanceId,\n      activityId,\n      'sign-off',\n      {\n        signature: dialogResult.signature,\n        note: dialogResult.note,\n        signedAt: new Date().toISOString(),\n        bookmarkId,\n        [AXP_WORKFLOW_SUPPRESS_CONTINUATION_INPUT_KEY]: true,\n      },\n      taskToken,\n    );\n\n    if (resume.success) {\n      this.eventService.publish('task-board.refresh', {});\n    }\n\n    return resume.success\n      ? { success: true, kind: 'object', data: { instanceId } }\n      : { success: false, message: resume.error ? { text: resume.error } : undefined };\n  }\n\n  //#endregion\n\n  //#region ----- Dialog -----\n\n  private async showSignOffDialog(): Promise<SignOffDialogResult> {\n    const rawResult = await this.layoutBuilder\n      .create()\n      .dialog<SignOffDialogResult | null>((dialog) => {\n        dialog\n          .setTitle('@workflow-management:sign-off.activities.sign-off.dialog-title')\n          .setMessage('@document-management:distribute.workflow.sign-off')\n          .setContext({ signature: '', note: '' })\n          .content((flex) => {\n            flex\n              .setDirection('column')\n              .formField('@workflow-management:sign-off.activities.sign-off.note-label', (field) => {\n                field.path('note');\n                field.largeTextBox({\n                  placeholder: '@workflow-management:sign-off.activities.sign-off.note-placeholder',\n                  maxLength: 1000,\n                });\n              })\n              .formField('@workflow-management:sign-off.activities.sign-off.signature-label', (field) => {\n                field.path('signature');\n                field.customWidget(AXPWidgetsList.Editors.SignatureBox, {\n                  validations: [\n                    {\n                      rule: 'required',\n                      options: {\n                        message: '@workflow-management:sign-off.activities.sign-off.signature-required',\n                      },\n                    },\n                  ],\n                });\n              });\n          })\n          .setActions((actions) => {\n            actions\n              .cancel('@general:actions.cancel.title')\n              .submit('@workflow-management:sign-off.activities.sign-off.submit-text');\n          })\n          .onAction(async (dialogRef) => {\n            const context = dialogRef.context();\n            const action = dialogRef.action();\n            if (!context || action === 'cancel') {\n              return null;\n            }\n            const formData = context as { signature?: string; note?: string };\n            const signature = isString(formData.signature) ? trim(formData.signature) : '';\n            if (isEmpty(signature)) {\n              throw new Error('@workflow-management:sign-off.activities.sign-off.signature-required');\n            }\n            return {\n              signature,\n              note: formData.note,\n              cancelled: false,\n            };\n          });\n      })\n      .show();\n\n    const result = resolveLayoutBuilderDialogResult<SignOffDialogResult>(rawResult);\n    if (!result || result.cancelled) {\n      return { signature: '', note: undefined, cancelled: true };\n    }\n    return result;\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-module-document-management-client-small-icons-view-skeleton.component-BFuFFUax.mjs → acorex-platform-module-document-management-client-small-icons-view-skeleton.component-d0LTdcBY.mjs}

@@ -6,7 +6,7 @@ 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-DHcNgw3P.mjs';
+import { A as AXPDocumentExplorerViewModel } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-DhDRtALE.mjs';
 
 class AXMDocumentExplorerSmallIconsViewSkeletonComponent {
     constructor() {
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 export { AXMDocumentExplorerSmallIconsViewSkeletonComponent };
-//# sourceMappingURL=acorex-platform-module-document-management-client-small-icons-view-skeleton.component-BFuFFUax.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-small-icons-view-skeleton.component-d0LTdcBY.mjs.map

package/fesm2022/{acorex-platform-module-document-management-client-small-icons-view-skeleton.component-BFuFFUax.mjs.map → acorex-platform-module-document-management-client-small-icons-view-skeleton.component-d0LTdcBY.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-document-management-client-small-icons-view-skeleton.component-BFuFFUax.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-icons/small-icons-view-skeleton.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-icons/small-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-small-icons-view-skeleton',\n  templateUrl: './small-icons-view-skeleton.component.html',\n  styleUrl: './small-icons-view-skeleton.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXSkeletonModule, AXTranslationModule],\n})\nexport class AXMDocumentExplorerSmallIconsViewSkeletonComponent {\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,suCAAA,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,suCAAA,CAAA,EAAA;;;"}
+{"version":3,"file":"acorex-platform-module-document-management-client-small-icons-view-skeleton.component-d0LTdcBY.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-icons/small-icons-view-skeleton.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-icons/small-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-small-icons-view-skeleton',\n  templateUrl: './small-icons-view-skeleton.component.html',\n  styleUrl: './small-icons-view-skeleton.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXSkeletonModule, AXTranslationModule],\n})\nexport class AXMDocumentExplorerSmallIconsViewSkeletonComponent {\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,suCAAA,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,suCAAA,CAAA,EAAA;;;"}

package/fesm2022/acorex-platform-module-document-management-client-small-icons-view.component-CoEYTcd9.mjs

@@ -0,0 +1,31 @@
+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 AXMDocumentVersionBadgeComponent, c as AXMFolderExpirationBadgesComponent } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-DhDRtALE.mjs';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+
+class AXMDocumentExplorerSmallIconsViewComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerSmallIconsViewComponent, isStandalone: true, selector: "axm-document-explorer-small-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-2x\">\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-2x\">\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            <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\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-2x\">\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        <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\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(80px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__content .__explorer-item{position:relative;display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:var(--spacing, .25rem);border-radius:var(--radius-md, .375rem);padding:calc(var(--spacing, .25rem) * 2);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 .__version-badge{position:absolute;top:.2rem;inset-inline-end:.2rem;z-index:1}: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:.7rem;z-index:1}:host .__content .__explorer-item .__name{width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--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: AXMDocumentVersionBadgeComponent, selector: "axm-document-version-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: AXMDocumentExplorerSmallIconsViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-document-explorer-small-icons-view', standalone: true, changeDetection: ChangeDetectionStrategy.Eager, imports: [
+                        CommonModule,
+                        AXPElementDataDirective,
+                        AXPDblClickDirective,
+                        AXTranslationModule,
+                        AXMDocumentExpirationBadgeComponent,
+                        AXMDocumentVersionBadgeComponent,
+                        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-2x\">\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-2x\">\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            <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\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-2x\">\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        <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\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(80px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__content .__explorer-item{position:relative;display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:var(--spacing, .25rem);border-radius:var(--radius-md, .375rem);padding:calc(var(--spacing, .25rem) * 2);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 .__version-badge{position:absolute;top:.2rem;inset-inline-end:.2rem;z-index:1}: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:.7rem;z-index:1}:host .__content .__explorer-item .__name{width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--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 { AXMDocumentExplorerSmallIconsViewComponent };
+//# sourceMappingURL=acorex-platform-module-document-management-client-small-icons-view.component-CoEYTcd9.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-small-icons-view.component-CoEYTcd9.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-icons/small-icons-view.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-icons/small-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 { AXMDocumentVersionBadgeComponent } from '../../../shared/components/document-version-badge/document-version-badge.component';\nimport { AXMFolderExpirationBadgesComponent } from '../../../shared/components/folder-expiration-badges/folder-expiration-badges.component';\n\n@Component({\n    selector: 'axm-document-explorer-small-icons-view',\n    templateUrl: './small-icons-view.component.html',\n    styleUrls: ['./small-icons-view.component.css'],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.Eager,\n    imports: [\n      CommonModule,\n      AXPElementDataDirective,\n      AXPDblClickDirective,\n      AXTranslationModule,\n      AXMDocumentExpirationBadgeComponent,\n      AXMDocumentVersionBadgeComponent,\n      AXMFolderExpirationBadgesComponent,\n    ],\n})\nexport class AXMDocumentExplorerSmallIconsViewComponent {\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-2x\">\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-2x\">\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            <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\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-2x\">\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        <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\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":";;;;;;;;;MA2Ba,0CAA0C,CAAA;AAhBvD,IAAA,WAAA,GAAA;AAiBc,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,EC3BvD,m4JAoHA,EAAA,MAAA,EAAA,CAAA,uwEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDlGM,YAAY,+BACZ,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,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnC,gCAAgC,yFAChC,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;kBAhBtD,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,gCAAgC;wBAChC,kCAAkC;AACnC,qBAAA,EAAA,QAAA,EAAA,m4JAAA,EAAA,MAAA,EAAA,CAAA,uwEAAA,CAAA,EAAA;;;"}

package/fesm2022/{acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-6EgbuXTv.mjs → acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-rZAAx-ns.mjs}

@@ -6,7 +6,7 @@ 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-DHcNgw3P.mjs';
+import { A as AXPDocumentExplorerViewModel } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-DhDRtALE.mjs';
 
 class AXMDocumentExplorerSmallTilesViewSkeletonComponent {
     constructor() {
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 export { AXMDocumentExplorerSmallTilesViewSkeletonComponent };
-//# sourceMappingURL=acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-6EgbuXTv.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-rZAAx-ns.mjs.map

package/fesm2022/{acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-6EgbuXTv.mjs.map → acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-rZAAx-ns.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-6EgbuXTv.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-tiles/small-tiles-view-skeleton.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-tiles/small-tiles-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-small-tiles-view-skeleton',\n  templateUrl: './small-tiles-view-skeleton.component.html',\n  styleUrl: './small-tiles-view-skeleton.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXSkeletonModule, AXTranslationModule],\n})\nexport class AXMDocumentExplorerSmallTilesViewSkeletonComponent {\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          <div class=\"__details\">\n            <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n            <div class=\"__info\">\n              <ax-skeleton [animated]=\"true\" class=\"__meta\"></ax-skeleton>\n              <ax-skeleton [animated]=\"true\" class=\"__meta --short\"></ax-skeleton>\n            </div>\n          </div>\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          <div class=\"__details\">\n            <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n            <div class=\"__info\">\n              <ax-skeleton [animated]=\"true\" class=\"__meta\"></ax-skeleton>\n              <ax-skeleton [animated]=\"true\" class=\"__meta --short\"></ax-skeleton>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"__section\">\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          <div class=\"__details\">\n            <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n            <div class=\"__info\">\n              <ax-skeleton [animated]=\"true\" class=\"__meta\"></ax-skeleton>\n              <ax-skeleton [animated]=\"true\" class=\"__meta --short\"></ax-skeleton>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\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,iqEAyDA,EAAA,MAAA,EAAA,CAAA,ggEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED9CY,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,iqEAAA,EAAA,MAAA,EAAA,CAAA,ggEAAA,CAAA,EAAA;;;"}
+{"version":3,"file":"acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-rZAAx-ns.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-tiles/small-tiles-view-skeleton.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-tiles/small-tiles-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-small-tiles-view-skeleton',\n  templateUrl: './small-tiles-view-skeleton.component.html',\n  styleUrl: './small-tiles-view-skeleton.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXSkeletonModule, AXTranslationModule],\n})\nexport class AXMDocumentExplorerSmallTilesViewSkeletonComponent {\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          <div class=\"__details\">\n            <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n            <div class=\"__info\">\n              <ax-skeleton [animated]=\"true\" class=\"__meta\"></ax-skeleton>\n              <ax-skeleton [animated]=\"true\" class=\"__meta --short\"></ax-skeleton>\n            </div>\n          </div>\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          <div class=\"__details\">\n            <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n            <div class=\"__info\">\n              <ax-skeleton [animated]=\"true\" class=\"__meta\"></ax-skeleton>\n              <ax-skeleton [animated]=\"true\" class=\"__meta --short\"></ax-skeleton>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"__section\">\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          <div class=\"__details\">\n            <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n            <div class=\"__info\">\n              <ax-skeleton [animated]=\"true\" class=\"__meta\"></ax-skeleton>\n              <ax-skeleton [animated]=\"true\" class=\"__meta --short\"></ax-skeleton>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\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,iqEAyDA,EAAA,MAAA,EAAA,CAAA,ggEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED9CY,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,iqEAAA,EAAA,MAAA,EAAA,CAAA,ggEAAA,CAAA,EAAA;;;"}

package/fesm2022/acorex-platform-module-document-management-client-small-tiles-view.component-C4wnLgWR.mjs

@@ -0,0 +1,36 @@
+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 AXMDocumentVersionBadgeComponent, c as AXMFolderExpirationBadgesComponent } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-DhDRtALE.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 AXMDocumentExplorerSmallTilesViewComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerSmallTilesViewComponent, isStandalone: true, selector: "axm-document-explorer-small-tiles-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\">\n          {{ '@document-management:terms.common.folders' | translate | async }}\n        </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\n              class=\"__icon fa-2x\"\n              [style.color]=\"vm.getFolderColor(folder)\"\n              [class.__shortcut]=\"folderDisplay.isShortcut\"\n            >\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\n                  class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n            </div>\n            <div class=\"__details\">\n              <div class=\"__name\">{{ folder.name }}</div>\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>{{\n                  folder.modifiedAt\n                    | format: 'datetime' : { format: 'datetime' }\n                    | async\n                }}</span>\n              </div>\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\">\n          {{ '@document-management:terms.common.files' | translate | async }}\n        </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            (onDblClick)=\"vm.openFile(file)\"\n          >\n            <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n            <div\n              class=\"__icon fa-2x\"\n              [class.__shortcut]=\"fileDisplay.isShortcut\"\n            >\n              <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n              @if (fileDisplay.isShortcut) {\n                <i\n                  class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n            </div>\n            <div class=\"__details\">\n              <div class=\"flex min-w-0 items-center gap-1.5\">\n                <div class=\"__name\">{{ file.name }}</div>\n                <axm-document-expiration-badge [node]=\"file\" />\n              </div>\n              <div class=\"__info\">\n                <span>{{ file.size | format: 'filesize' | async }}</span>\n                <span>{{\n                  file.modifiedAt\n                    | format: 'datetime' : { format: 'datetime' }\n                    | async\n                }}</span>\n              </div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n} @else {\n  <div class=\"__section\">\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\n            class=\"__icon fa-2x\"\n            [style.color]=\"vm.getFolderColor(folder)\"\n            [class.__shortcut]=\"folderDisplay.isShortcut\"\n          >\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\n                class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                aria-hidden=\"true\"\n              ></i>\n            }\n          </div>\n          <div class=\"__details\">\n            <div class=\"__name\">{{ folder.name }}</div>\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>{{\n                folder.modifiedAt\n                  | format: 'datetime' : { format: 'datetime' }\n                  | async\n              }}</span>\n            </div>\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          <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n          <div class=\"__icon fa-2x\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n            <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n            @if (fileDisplay.isShortcut) {\n              <i\n                class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                aria-hidden=\"true\"\n              ></i>\n            }\n          </div>\n          <div class=\"__details\">\n            <div class=\"flex min-w-0 items-center gap-1.5\">\n              <div class=\"__name\">{{ file.name }}</div>\n              <axm-document-expiration-badge [node]=\"file\" />\n            </div>\n            <div class=\"__info\">\n              <span>{{ file.size | format: 'filesize' | async }}</span>\n              <span>{{\n                file.modifiedAt\n                  | format: 'datetime' : { format: 'datetime' }\n                  | async\n              }}</span>\n            </div>\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(250px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__content .__explorer-item{position:relative;display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);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) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 12)}: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 .__version-badge{position:absolute;top:.35rem;inset-inline-end:.35rem;z-index:1}: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;display:inline-flex;flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1}:host .__section .__content .__explorer-item .__details .__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 .__details .__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 .__details .__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: AXMDocumentVersionBadgeComponent, selector: "axm-document-version-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: AXMDocumentExplorerSmallTilesViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-document-explorer-small-tiles-view', standalone: true, changeDetection: ChangeDetectionStrategy.Eager, imports: [
+                        CommonModule,
+                        AXPElementDataDirective,
+                        AXPDblClickDirective,
+                        AXFormatModule,
+                        AXDateTimeModule,
+                        AXTranslationModule,
+                        AXMDocumentExpirationBadgeComponent,
+                        AXMDocumentVersionBadgeComponent,
+                        AXMFolderExpirationBadgesComponent,
+                    ], template: "@if (vm.groupByType()) {\n  @if (vm.filteredFolders().length > 0) {\n    <div class=\"__section\">\n      <div class=\"__header\">\n        <h3 class=\"__title\">\n          {{ '@document-management:terms.common.folders' | translate | async }}\n        </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\n              class=\"__icon fa-2x\"\n              [style.color]=\"vm.getFolderColor(folder)\"\n              [class.__shortcut]=\"folderDisplay.isShortcut\"\n            >\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\n                  class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n            </div>\n            <div class=\"__details\">\n              <div class=\"__name\">{{ folder.name }}</div>\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>{{\n                  folder.modifiedAt\n                    | format: 'datetime' : { format: 'datetime' }\n                    | async\n                }}</span>\n              </div>\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\">\n          {{ '@document-management:terms.common.files' | translate | async }}\n        </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            (onDblClick)=\"vm.openFile(file)\"\n          >\n            <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n            <div\n              class=\"__icon fa-2x\"\n              [class.__shortcut]=\"fileDisplay.isShortcut\"\n            >\n              <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n              @if (fileDisplay.isShortcut) {\n                <i\n                  class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n            </div>\n            <div class=\"__details\">\n              <div class=\"flex min-w-0 items-center gap-1.5\">\n                <div class=\"__name\">{{ file.name }}</div>\n                <axm-document-expiration-badge [node]=\"file\" />\n              </div>\n              <div class=\"__info\">\n                <span>{{ file.size | format: 'filesize' | async }}</span>\n                <span>{{\n                  file.modifiedAt\n                    | format: 'datetime' : { format: 'datetime' }\n                    | async\n                }}</span>\n              </div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n} @else {\n  <div class=\"__section\">\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\n            class=\"__icon fa-2x\"\n            [style.color]=\"vm.getFolderColor(folder)\"\n            [class.__shortcut]=\"folderDisplay.isShortcut\"\n          >\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\n                class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                aria-hidden=\"true\"\n              ></i>\n            }\n          </div>\n          <div class=\"__details\">\n            <div class=\"__name\">{{ folder.name }}</div>\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>{{\n                folder.modifiedAt\n                  | format: 'datetime' : { format: 'datetime' }\n                  | async\n              }}</span>\n            </div>\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          <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n          <div class=\"__icon fa-2x\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n            <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n            @if (fileDisplay.isShortcut) {\n              <i\n                class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                aria-hidden=\"true\"\n              ></i>\n            }\n          </div>\n          <div class=\"__details\">\n            <div class=\"flex min-w-0 items-center gap-1.5\">\n              <div class=\"__name\">{{ file.name }}</div>\n              <axm-document-expiration-badge [node]=\"file\" />\n            </div>\n            <div class=\"__info\">\n              <span>{{ file.size | format: 'filesize' | async }}</span>\n              <span>{{\n                file.modifiedAt\n                  | format: 'datetime' : { format: 'datetime' }\n                  | async\n              }}</span>\n            </div>\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(250px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__content .__explorer-item{position:relative;display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);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) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 12)}: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 .__version-badge{position:absolute;top:.35rem;inset-inline-end:.35rem;z-index:1}: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;display:inline-flex;flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1}:host .__section .__content .__explorer-item .__details .__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 .__details .__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 .__details .__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 { AXMDocumentExplorerSmallTilesViewComponent };
+//# sourceMappingURL=acorex-platform-module-document-management-client-small-tiles-view.component-C4wnLgWR.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-small-tiles-view.component-C4wnLgWR.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-tiles/small-tiles-view.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/small-tiles/small-tiles-view.component.html"],"sourcesContent":["import { Component, inject, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPElementDataDirective, AXPDblClickDirective } 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 { AXMDocumentVersionBadgeComponent } from '../../../shared/components/document-version-badge/document-version-badge.component';\nimport { AXMFolderExpirationBadgesComponent } from '../../../shared/components/folder-expiration-badges/folder-expiration-badges.component';\n\n@Component({\n    selector: 'axm-document-explorer-small-tiles-view',\n    templateUrl: './small-tiles-view.component.html',\n    styleUrls: ['./small-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      AXMDocumentVersionBadgeComponent,\n      AXMFolderExpirationBadgesComponent,\n    ],\n})\nexport class AXMDocumentExplorerSmallTilesViewComponent {\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\">\n          {{ '@document-management:terms.common.folders' | translate | async }}\n        </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\n              class=\"__icon fa-2x\"\n              [style.color]=\"vm.getFolderColor(folder)\"\n              [class.__shortcut]=\"folderDisplay.isShortcut\"\n            >\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\n                  class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n            </div>\n            <div class=\"__details\">\n              <div class=\"__name\">{{ folder.name }}</div>\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>{{\n                  folder.modifiedAt\n                    | format: 'datetime' : { format: 'datetime' }\n                    | async\n                }}</span>\n              </div>\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\">\n          {{ '@document-management:terms.common.files' | translate | async }}\n        </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            (onDblClick)=\"vm.openFile(file)\"\n          >\n            <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n            <div\n              class=\"__icon fa-2x\"\n              [class.__shortcut]=\"fileDisplay.isShortcut\"\n            >\n              <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n              @if (fileDisplay.isShortcut) {\n                <i\n                  class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n            </div>\n            <div class=\"__details\">\n              <div class=\"flex min-w-0 items-center gap-1.5\">\n                <div class=\"__name\">{{ file.name }}</div>\n                <axm-document-expiration-badge [node]=\"file\" />\n              </div>\n              <div class=\"__info\">\n                <span>{{ file.size | format: 'filesize' | async }}</span>\n                <span>{{\n                  file.modifiedAt\n                    | format: 'datetime' : { format: 'datetime' }\n                    | async\n                }}</span>\n              </div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n} @else {\n  <div class=\"__section\">\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\n            class=\"__icon fa-2x\"\n            [style.color]=\"vm.getFolderColor(folder)\"\n            [class.__shortcut]=\"folderDisplay.isShortcut\"\n          >\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\n                class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                aria-hidden=\"true\"\n              ></i>\n            }\n          </div>\n          <div class=\"__details\">\n            <div class=\"__name\">{{ folder.name }}</div>\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>{{\n                folder.modifiedAt\n                  | format: 'datetime' : { format: 'datetime' }\n                  | async\n              }}</span>\n            </div>\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          <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n          <div class=\"__icon fa-2x\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n            <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n            @if (fileDisplay.isShortcut) {\n              <i\n                class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                aria-hidden=\"true\"\n              ></i>\n            }\n          </div>\n          <div class=\"__details\">\n            <div class=\"flex min-w-0 items-center gap-1.5\">\n              <div class=\"__name\">{{ file.name }}</div>\n              <axm-document-expiration-badge [node]=\"file\" />\n            </div>\n            <div class=\"__info\">\n              <span>{{ file.size | format: 'filesize' | async }}</span>\n              <span>{{\n                file.modifiedAt\n                  | format: 'datetime' : { format: 'datetime' }\n                  | async\n              }}</span>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MA6Ba,0CAA0C,CAAA;AAlBvD,IAAA,WAAA,GAAA;AAmBc,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,kGC7BvD,ogOA6LA,EAAA,MAAA,EAAA,CAAA,u4FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED3KM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,uBAAuB,8FACvB,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACpB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,gBAAgB,8BAChB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,mCAAmC,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnC,gCAAgC,yFAChC,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;kBAlBtD,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,gCAAgC;wBAChC,kCAAkC;AACnC,qBAAA,EAAA,QAAA,EAAA,ogOAAA,EAAA,MAAA,EAAA,CAAA,u4FAAA,CAAA,EAAA;;;"}

package/fesm2022/{acorex-platform-module-document-management-client-upload-document.command-D6J57Ha5.mjs → acorex-platform-module-document-management-client-upload-document.command-JDYYMckB.mjs}

@@ -5,7 +5,7 @@ import { AXFileService } from '@acorex/core/file';
 import { RootConfig } from '@acorex-platform/module-document-management-client/contracts';
 import * as i0 from '@angular/core';
 import { inject, Injectable } from '@angular/core';
-import { d as AXMDocumentDialogService, e as buildFileChooserOptionsFromDocumentType } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-DHcNgw3P.mjs';
+import { e as AXMDocumentDialogService, f as buildFileChooserOptionsFromDocumentType } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-DhDRtALE.mjs';
 
 //#region ----   Imports   ----
 //#endregion
@@ -85,4 +85,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 export { AXMUploadDocumentCommand };
-//# sourceMappingURL=acorex-platform-module-document-management-client-upload-document.command-D6J57Ha5.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-upload-document.command-JDYYMckB.mjs.map