@acorex-platform/module-document-management-client 0.0.54 → 0.0.57

package/fesm2022/acorex-platform-module-document-management-client-share-email-dialog.component-CUvlAcp6.mjs

@@ -0,0 +1,84 @@
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXComboBoxComponent } from '@acorex/components/combo-box';
+import * as i2 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i3 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i3$1 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, Input, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Component -----
+class AXMShareEmailDialogComponent {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.translationService = inject(AXTranslationService);
+        //#endregion
+        //#region ----- State -----
+        this.emails = '';
+        this.permission = 'view';
+        this.message = '';
+        this.permissionComboItems = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "permissionComboItems" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ----- Lifecycle -----
+    async ngOnInit() {
+        const t = this.translationService;
+        this.permissionComboItems.set([
+            {
+                id: 'view',
+                value: 'view',
+                text: (await t.translateAsync('@document-management:dialogs.share-dialog.permissions.view-only')) ?? '',
+            },
+            {
+                id: 'edit',
+                value: 'edit',
+                text: (await t.translateAsync('@document-management:dialogs.share-dialog.permissions.can-edit')) ?? '',
+            },
+            {
+                id: 'full',
+                value: 'full',
+                text: (await t.translateAsync('@document-management:dialogs.share-dialog.permissions.full-access')) ?? '',
+            },
+        ]);
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    handlePermissionChange(event) {
+        this.permission = event.value ?? this.permission;
+    }
+    onSend() {
+        const emailList = this.emails
+            .split('\n')
+            .map((email) => email.trim())
+            .filter((email) => email.length > 0);
+        console.log({
+            result: true,
+            data: {
+                emails: emailList,
+                permission: this.permission,
+                message: this.message,
+            },
+        });
+    }
+    onCancel() {
+        console.log({ result: false });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMShareEmailDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXMShareEmailDialogComponent, isStandalone: true, selector: "ax-share-email-dialog", inputs: { node: "node" }, ngImport: i0, template: "<div class=\"p-4 gap-2\">\n  <ax-form>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-email-dialog.fields.email-addresses' | translate | async }}</ax-label>\n      <ax-text-box\n        [(value)]=\"emails\"\n        [multiline]=\"true\"\n        [placeholder]=\"('@document-management:dialogs.share-email-dialog.fields.email-addresses-placeholder' | translate | async) ?? ''\"\n      ></ax-text-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-email-dialog.fields.permission' | translate | async }}</ax-label>\n      <ax-combo-box\n        [(value)]=\"permission\"\n        [items]=\"permissionComboItems()\"\n        [searchable]=\"false\"\n        (onValueChanged)=\"handlePermissionChange($event)\"\n      >\n      </ax-combo-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-email-dialog.fields.message-optional' | translate | async }}</ax-label>\n      <ax-text-box [(value)]=\"message\" [multiline]=\"true\"></ax-text-box>\n    </ax-form-field>\n  </ax-form>\n  <ax-footer>\n    <ax-suffix>\n      <ax-button [text]=\"('@general:actions.cancel.title' | translate | async) ?? ''\" (onClick)=\"onCancel()\"></ax-button>\n      <ax-button [text]=\"('@general:actions.send.title' | translate | async) ?? ''\" (onClick)=\"onSend()\"></ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n", dependencies: [{ kind: "component", type: AXComboBoxComponent, selector: "ax-combo-box", inputs: ["name", "items", "searchable", "multiple", "adaptivityEnabled", "caption", "alternate", "placeholder", "searchPlaceholder", "highlightSearch", "emptyTemplate", "itemTemplate", "selectedTemplate", "disabled", "readonly", "look", "value"], outputs: ["lookChange", "valueChange", "onValueChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMShareEmailDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-share-email-dialog', standalone: true, imports: [AXComboBoxComponent, AXButtonModule, AXFormModule, AXTextBoxModule, AXTranslationModule, AsyncPipe], schemas: [CUSTOM_ELEMENTS_SCHEMA], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"p-4 gap-2\">\n  <ax-form>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-email-dialog.fields.email-addresses' | translate | async }}</ax-label>\n      <ax-text-box\n        [(value)]=\"emails\"\n        [multiline]=\"true\"\n        [placeholder]=\"('@document-management:dialogs.share-email-dialog.fields.email-addresses-placeholder' | translate | async) ?? ''\"\n      ></ax-text-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-email-dialog.fields.permission' | translate | async }}</ax-label>\n      <ax-combo-box\n        [(value)]=\"permission\"\n        [items]=\"permissionComboItems()\"\n        [searchable]=\"false\"\n        (onValueChanged)=\"handlePermissionChange($event)\"\n      >\n      </ax-combo-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-email-dialog.fields.message-optional' | translate | async }}</ax-label>\n      <ax-text-box [(value)]=\"message\" [multiline]=\"true\"></ax-text-box>\n    </ax-form-field>\n  </ax-form>\n  <ax-footer>\n    <ax-suffix>\n      <ax-button [text]=\"('@general:actions.cancel.title' | translate | async) ?? ''\" (onClick)=\"onCancel()\"></ax-button>\n      <ax-button [text]=\"('@general:actions.send.title' | translate | async) ?? ''\" (onClick)=\"onSend()\"></ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n" }]
+        }], propDecorators: { node: [{
+                type: Input
+            }] } });
+
+export { AXMShareEmailDialogComponent };
+//# sourceMappingURL=acorex-platform-module-document-management-client-share-email-dialog.component-CUvlAcp6.mjs.map

package/fesm2022/acorex-platform-module-document-management-client-share-email-dialog.component-CUvlAcp6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-share-email-dialog.component-CUvlAcp6.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/shared/components/share-email-dialog/share-email-dialog.component.ts","../../../../libs/modules/document-management/client/src/lib/features/shared/components/share-email-dialog/share-email-dialog.component.html"],"sourcesContent":["//#region ----- Imports -----\n\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXComboBoxComponent, type AXComboBoxItem } from '@acorex/components/combo-box';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { Component, CUSTOM_ELEMENTS_SCHEMA, Input, ChangeDetectionStrategy, inject, signal, OnInit } from '@angular/core';\nimport { AXMDocumentExplorerNode } from '../../document-manager.types';\n\n//#endregion\n\n//#region ----- Component -----\n\n@Component({\n  selector: 'ax-share-email-dialog',\n  standalone: true,\n  imports: [AXComboBoxComponent, AXButtonModule, AXFormModule, AXTextBoxModule, AXTranslationModule, AsyncPipe],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  templateUrl: './share-email-dialog.component.html',\n})\nexport class AXMShareEmailDialogComponent implements OnInit {\n  //#region ----- Services & Dependencies -----\n\n  private readonly translationService = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ----- Inputs -----\n\n  @Input() node: AXMDocumentExplorerNode;\n\n  //#endregion\n\n  //#region ----- State -----\n\n  emails: string = '';\n  permission: string = 'view';\n  message: string = '';\n\n  protected readonly permissionComboItems = signal<AXComboBoxItem[]>([]);\n\n  //#endregion\n\n  //#region ----- Lifecycle -----\n\n  async ngOnInit(): Promise<void> {\n    const t = this.translationService;\n    this.permissionComboItems.set([\n      {\n        id: 'view',\n        value: 'view',\n        text: (await t.translateAsync('@document-management:dialogs.share-dialog.permissions.view-only')) ?? '',\n      },\n      {\n        id: 'edit',\n        value: 'edit',\n        text: (await t.translateAsync('@document-management:dialogs.share-dialog.permissions.can-edit')) ?? '',\n      },\n      {\n        id: 'full',\n        value: 'full',\n        text: (await t.translateAsync('@document-management:dialogs.share-dialog.permissions.full-access')) ?? '',\n      },\n    ]);\n  }\n\n  //#endregion\n\n  //#region ----- Event Handlers -----\n\n  handlePermissionChange(event: { value?: unknown }) {\n    this.permission = (event.value as string) ?? this.permission;\n  }\n\n  onSend() {\n    const emailList = this.emails\n      .split('\\n')\n      .map((email) => email.trim())\n      .filter((email) => email.length > 0);\n\n    console.log({\n      result: true,\n      data: {\n        emails: emailList,\n        permission: this.permission,\n        message: this.message,\n      },\n    });\n  }\n\n  onCancel() {\n    console.log({ result: false });\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<div class=\"p-4 gap-2\">\n  <ax-form>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-email-dialog.fields.email-addresses' | translate | async }}</ax-label>\n      <ax-text-box\n        [(value)]=\"emails\"\n        [multiline]=\"true\"\n        [placeholder]=\"('@document-management:dialogs.share-email-dialog.fields.email-addresses-placeholder' | translate | async) ?? ''\"\n      ></ax-text-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-email-dialog.fields.permission' | translate | async }}</ax-label>\n      <ax-combo-box\n        [(value)]=\"permission\"\n        [items]=\"permissionComboItems()\"\n        [searchable]=\"false\"\n        (onValueChanged)=\"handlePermissionChange($event)\"\n      >\n      </ax-combo-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-email-dialog.fields.message-optional' | translate | async }}</ax-label>\n      <ax-text-box [(value)]=\"message\" [multiline]=\"true\"></ax-text-box>\n    </ax-form-field>\n  </ax-form>\n  <ax-footer>\n    <ax-suffix>\n      <ax-button [text]=\"('@general:actions.cancel.title' | translate | async) ?? ''\" (onClick)=\"onCancel()\"></ax-button>\n      <ax-button [text]=\"('@general:actions.send.title' | translate | async) ?? ''\" (onClick)=\"onSend()\"></ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-module-document-management-client-small-icons-view-skeleton.component-Cmgqsr4e.mjs → acorex-platform-module-document-management-client-small-icons-view-skeleton.component-CU2MiVUi.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--0oIEHPI.mjs';
+import { A as AXPDocumentExplorerViewModel } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-qhcOFKFu.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-Cmgqsr4e.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-small-icons-view-skeleton.component-CU2MiVUi.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-document-management-client-small-icons-view-skeleton.component-Cmgqsr4e.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-CU2MiVUi.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-CL5cNRtI.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-qhcOFKFu.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.title || 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.title || 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.title || 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.title || 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-CL5cNRtI.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-document-management-client-small-icons-view.component-IC5bdYey.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;;;"}
+{"version":3,"file":"acorex-platform-module-document-management-client-small-icons-view.component-CL5cNRtI.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.title || 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.title || 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,+5JAoHA,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,+5JAAA,EAAA,MAAA,EAAA,CAAA,uwEAAA,CAAA,EAAA;;;"}

package/fesm2022/{acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DzDonT_e.mjs → acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DBJldDaS.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--0oIEHPI.mjs';
+import { A as AXPDocumentExplorerViewModel } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-qhcOFKFu.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-DzDonT_e.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DBJldDaS.mjs.map

package/fesm2022/{acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DzDonT_e.mjs.map → acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DBJldDaS.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DzDonT_e.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-DBJldDaS.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-DtsBSVCq.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-qhcOFKFu.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.title || 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.title || 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.title || 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.title || 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-DtsBSVCq.mjs.map

package/fesm2022/{acorex-platform-module-document-management-client-small-tiles-view.component-NUNfAl3M.mjs.map → acorex-platform-module-document-management-client-small-tiles-view.component-DtsBSVCq.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-document-management-client-small-tiles-view.component-NUNfAl3M.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;;;"}
+{"version":3,"file":"acorex-platform-module-document-management-client-small-tiles-view.component-DtsBSVCq.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.title || 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.title || 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,giOA6LA,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,giOAAA,EAAA,MAAA,EAAA,CAAA,u4FAAA,CAAA,EAAA;;;"}

package/fesm2022/{acorex-platform-module-document-management-client-upload-document.command-CCRAgI9w.mjs → acorex-platform-module-document-management-client-upload-document.command-D3L6x6CQ.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 { e as AXMDocumentDialogService, f as buildFileChooserOptionsFromDocumentType } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client--0oIEHPI.mjs';
+import { j as AXMDocumentDialogService, k as buildFileChooserOptionsFromDocumentType } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-qhcOFKFu.mjs';
 
 //#region ----   Imports   ----
 //#endregion
@@ -51,7 +51,7 @@ class AXMUploadDocumentCommand {
         if (!resolvedDocumentType) {
             return {
                 success: false,
-                message: { text: 'Document type is required to upload a document.' },
+                message: { text: '@document-management:validation.upload.document-type-required' },
             };
         }
         const { accept, fileType } = await buildFileChooserOptionsFromDocumentType(resolvedDocumentType, this.fileService);
@@ -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-CCRAgI9w.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-upload-document.command-D3L6x6CQ.mjs.map

package/fesm2022/{acorex-platform-module-document-management-client-upload-document.command-CCRAgI9w.mjs.map → acorex-platform-module-document-management-client-upload-document.command-D3L6x6CQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-document-management-client-upload-document.command-CCRAgI9w.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/commands/upload-document.command.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXPFileChooserService } from '@acorex-platform/framework-client/layout/components';\nimport { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';\nimport { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport { AXPRuntimeCommandResult, AXPPlatformScope } from '@acorex-platform/framework-shared/core';\nimport { AXFileService } from '@acorex/core/file';\nimport { AXMDocumentDocDto } from '@acorex-platform/module-document-management-client/contracts';\nimport { RootConfig } from '@acorex-platform/module-document-management-client/contracts';\nimport { inject, Injectable } from '@angular/core';\n\nimport { buildFileChooserOptionsFromDocumentType } from '../shared/document-type-accept.util';\nimport { AXMDocumentDialogService } from '../shared/services/document-dialog.service';\n\n//#endregion\n\n//#region ----   Types   ----\n\nexport interface AXMUploadDocumentCommandInput {\n  documentType?: AXMDocumentDocDto;\n  documentTypeId?: string;\n  data?: {\n    documentType?: AXMDocumentDocDto;\n    documentTypeId?: string;\n  };\n  options?: {\n    documentType?: AXMDocumentDocDto;\n    documentTypeId?: string;\n  };\n}\n\n//#endregion\n\n//#region ----   Helpers   ----\n\nfunction resolveUploadDocumentInput(input: AXMUploadDocumentCommandInput = {}) {\n  const data = input.data ?? {};\n  const options = input.options ?? {};\n\n  return {\n    documentType: input.documentType ?? data.documentType ?? options.documentType,\n    documentTypeId: input.documentTypeId ?? data.documentTypeId ?? options.documentTypeId,\n  };\n}\n\n//#endregion\n\n//#region ----   Upload document command   ----\n\n/**\n * Resolves document type (optional picker), then opens the file chooser for drive upload.\n * Replaces the former upload-document workflow (check type → choose type → choose file).\n * Registered as DocumentManagement.Document:Upload.\n */\n@Injectable({ providedIn: 'root' })\nexport class AXMUploadDocumentCommand implements AXPCommand<AXMUploadDocumentCommandInput> {\n  private readonly documentDialog = inject(AXMDocumentDialogService);\n  private readonly entityService = inject(AXPEntityService);\n  private readonly chooserService = inject(AXPFileChooserService);\n  private readonly fileService = inject(AXFileService);\n\n  private readonly documentTypeService = this.entityService\n    .withEntity(RootConfig.module.name, RootConfig.entities.documentType.name)\n    .data<string, AXMDocumentDocDto>();\n\n  async execute(input: AXMUploadDocumentCommandInput = {}): AXPCommandExecuteResultPromise {\n    let { documentType, documentTypeId } = resolveUploadDocumentInput(input);\n\n    if (!documentType) {\n      const chooseTypeResult = await this.documentDialog.chooseDocumentType();\n      if (chooseTypeResult.cancelled) {\n        return { success: true, kind: 'object', data: { cancelled: true } };\n      }\n      documentTypeId = chooseTypeResult.documentTypeId;\n    }\n\n    let resolvedDocumentType = documentType;\n    if (!resolvedDocumentType && documentTypeId) {\n      resolvedDocumentType = (await this.documentTypeService.byKey(documentTypeId)) ?? undefined;\n    }\n\n    if (!resolvedDocumentType) {\n      return {\n        success: false,\n        message: { text: 'Document type is required to upload a document.' },\n      };\n    }\n\n    const { accept, fileType } = await buildFileChooserOptionsFromDocumentType(\n      resolvedDocumentType,\n      this.fileService,\n    );\n    const chosen = await this.chooserService.promptChoose({\n      options: {\n        multiple: false,\n        accept: accept || undefined,\n        fileType: fileType.length ? fileType : undefined,\n        scope: AXPPlatformScope.Tenant,\n        browseMode: 'file',\n        destination: 'drive',\n      },\n      items: [],\n    });\n\n    if (!chosen?.length) {\n      return { success: true, kind: 'object', data: { cancelled: true } };\n    }\n\n    return { success: true, kind: 'object',\n      data: {\n        documentType: resolvedDocumentType,\n        chosenFiles: chosen,\n      },\n    };\n  }\n}\n\n//#endregion\n"],"names":[],"mappings":";;;;;;;;;AAAA;AA+BA;AAEA;AAEA,SAAS,0BAA0B,CAAC,KAAA,GAAuC,EAAE,EAAA;AAC3E,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE;AAC7B,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE;IAEnC,OAAO;QACL,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,IAAI,OAAO,CAAC,YAAY;QAC7E,cAAc,EAAE,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,IAAI,OAAO,CAAC,cAAc;KACtF;AACH;AAEA;AAEA;AAEA;;;;AAIG;MAEU,wBAAwB,CAAA;AADrC,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC;AACjD,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACxC,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,qBAAqB,CAAC;AAC9C,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC;QAEnC,IAAA,CAAA,mBAAmB,GAAG,IAAI,CAAC;AACzC,aAAA,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI;AACxE,aAAA,IAAI,EAA6B;AAoDrC,IAAA;AAlDC,IAAA,MAAM,OAAO,CAAC,KAAA,GAAuC,EAAE,EAAA;QACrD,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,0BAA0B,CAAC,KAAK,CAAC;QAExE,IAAI,CAAC,YAAY,EAAE;YACjB,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,kBAAkB,EAAE;AACvE,YAAA,IAAI,gBAAgB,CAAC,SAAS,EAAE;AAC9B,gBAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE;YACrE;AACA,YAAA,cAAc,GAAG,gBAAgB,CAAC,cAAc;QAClD;QAEA,IAAI,oBAAoB,GAAG,YAAY;AACvC,QAAA,IAAI,CAAC,oBAAoB,IAAI,cAAc,EAAE;AAC3C,YAAA,oBAAoB,GAAG,CAAC,MAAM,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,SAAS;QAC5F;QAEA,IAAI,CAAC,oBAAoB,EAAE;YACzB,OAAO;AACL,gBAAA,OAAO,EAAE,KAAK;AACd,gBAAA,OAAO,EAAE,EAAE,IAAI,EAAE,iDAAiD,EAAE;aACrE;QACH;AAEA,QAAA,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,uCAAuC,CACxE,oBAAoB,EACpB,IAAI,CAAC,WAAW,CACjB;QACD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC;AACpD,YAAA,OAAO,EAAE;AACP,gBAAA,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,MAAM,IAAI,SAAS;gBAC3B,QAAQ,EAAE,QAAQ,CAAC,MAAM,GAAG,QAAQ,GAAG,SAAS;gBAChD,KAAK,EAAE,gBAAgB,CAAC,MAAM;AAC9B,gBAAA,UAAU,EAAE,MAAM;AAClB,gBAAA,WAAW,EAAE,OAAO;AACrB,aAAA;AACD,YAAA,KAAK,EAAE,EAAE;AACV,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE;AACnB,YAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE;QACrE;AAEA,QAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ;AACpC,YAAA,IAAI,EAAE;AACJ,gBAAA,YAAY,EAAE,oBAAoB;AAClC,gBAAA,WAAW,EAAE,MAAM;AACpB,aAAA;SACF;IACH;8GA3DW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,cADX,MAAM,EAAA,CAAA,CAAA;;2FACnB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBADpC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;"}
+{"version":3,"file":"acorex-platform-module-document-management-client-upload-document.command-D3L6x6CQ.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/commands/upload-document.command.ts"],"sourcesContent":["//#region ----   Imports   ----\n\nimport { AXPFileChooserService } from '@acorex-platform/framework-client/layout/components';\nimport { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';\nimport { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport { AXPRuntimeCommandResult, AXPPlatformScope } from '@acorex-platform/framework-shared/core';\nimport { AXFileService } from '@acorex/core/file';\nimport { AXMDocumentDocDto } from '@acorex-platform/module-document-management-client/contracts';\nimport { RootConfig } from '@acorex-platform/module-document-management-client/contracts';\nimport { inject, Injectable } from '@angular/core';\n\nimport { buildFileChooserOptionsFromDocumentType } from '../shared/document-type-accept.util';\nimport { AXMDocumentDialogService } from '../shared/services/document-dialog.service';\n\n//#endregion\n\n//#region ----   Types   ----\n\nexport interface AXMUploadDocumentCommandInput {\n  documentType?: AXMDocumentDocDto;\n  documentTypeId?: string;\n  data?: {\n    documentType?: AXMDocumentDocDto;\n    documentTypeId?: string;\n  };\n  options?: {\n    documentType?: AXMDocumentDocDto;\n    documentTypeId?: string;\n  };\n}\n\n//#endregion\n\n//#region ----   Helpers   ----\n\nfunction resolveUploadDocumentInput(input: AXMUploadDocumentCommandInput = {}) {\n  const data = input.data ?? {};\n  const options = input.options ?? {};\n\n  return {\n    documentType: input.documentType ?? data.documentType ?? options.documentType,\n    documentTypeId: input.documentTypeId ?? data.documentTypeId ?? options.documentTypeId,\n  };\n}\n\n//#endregion\n\n//#region ----   Upload document command   ----\n\n/**\n * Resolves document type (optional picker), then opens the file chooser for drive upload.\n * Replaces the former upload-document workflow (check type → choose type → choose file).\n * Registered as DocumentManagement.Document:Upload.\n */\n@Injectable({ providedIn: 'root' })\nexport class AXMUploadDocumentCommand implements AXPCommand<AXMUploadDocumentCommandInput> {\n  private readonly documentDialog = inject(AXMDocumentDialogService);\n  private readonly entityService = inject(AXPEntityService);\n  private readonly chooserService = inject(AXPFileChooserService);\n  private readonly fileService = inject(AXFileService);\n\n  private readonly documentTypeService = this.entityService\n    .withEntity(RootConfig.module.name, RootConfig.entities.documentType.name)\n    .data<string, AXMDocumentDocDto>();\n\n  async execute(input: AXMUploadDocumentCommandInput = {}): AXPCommandExecuteResultPromise {\n    let { documentType, documentTypeId } = resolveUploadDocumentInput(input);\n\n    if (!documentType) {\n      const chooseTypeResult = await this.documentDialog.chooseDocumentType();\n      if (chooseTypeResult.cancelled) {\n        return { success: true, kind: 'object', data: { cancelled: true } };\n      }\n      documentTypeId = chooseTypeResult.documentTypeId;\n    }\n\n    let resolvedDocumentType = documentType;\n    if (!resolvedDocumentType && documentTypeId) {\n      resolvedDocumentType = (await this.documentTypeService.byKey(documentTypeId)) ?? undefined;\n    }\n\n    if (!resolvedDocumentType) {\n      return {\n        success: false,\n        message: { text: '@document-management:validation.upload.document-type-required' },\n      };\n    }\n\n    const { accept, fileType } = await buildFileChooserOptionsFromDocumentType(\n      resolvedDocumentType,\n      this.fileService,\n    );\n    const chosen = await this.chooserService.promptChoose({\n      options: {\n        multiple: false,\n        accept: accept || undefined,\n        fileType: fileType.length ? fileType : undefined,\n        scope: AXPPlatformScope.Tenant,\n        browseMode: 'file',\n        destination: 'drive',\n      },\n      items: [],\n    });\n\n    if (!chosen?.length) {\n      return { success: true, kind: 'object', data: { cancelled: true } };\n    }\n\n    return { success: true, kind: 'object',\n      data: {\n        documentType: resolvedDocumentType,\n        chosenFiles: chosen,\n      },\n    };\n  }\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-platform-module-document-management-client.mjs

@@ -1,3 +1,3 @@
-export { i as AXMDocumentDriveComponent, j as AXMDocumentDrivePageComponent, k as AXMDocumentDrivePageComponentProvider, a as AXMDocumentExpirationBadgeComponent, l as AXMDocumentExpirationStatusProvider, g as AXMDocumentExplorerComponent, m as AXMDocumentManagementApiService, n as AXMDocumentManagementFileTypeProvider, o as AXMDocumentManagementModule, d as AXMDocumentManagerService, p as AXMDocumentManagerServiceImpl, b as AXMDocumentVersionBadgeComponent, q as AXMFileTypeExtensionWidgetColumnComponent, r as AXMFileTypeExtensionWidgetDesignerComponent, s as AXMFileTypeExtensionWidgetEditComponent, t as AXMFileTypeExtensionWidgetViewComponent, u as AXMFileTypeModule, c as AXMFolderExpirationBadgesComponent, h as AXMFolderPathBreadcrumbsComponent, v as AXMMenuProvider, w as AXMSearchCommandProvider, x as AXM_DOCUMENT_ATTACHMENT_DIALOG_ON_ACTION_HOOK_KEY, y as AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT, z as AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT_NO_SAVE, B as AXM_DOCUMENT_EXPIRATION_STATUS, C as AXM_DOCUMENT_EXPIRATION_STATUS_DEFINITION_KEY, A as AXPDocumentExplorerViewModel, D as AXPDocumentManagementService, E as AXPDocumentManagementSettingProvider, F as AXmFileTypeExtensionWidget, G as DM_AUDIO_EXTENSION_ICONS, H as DM_DOCUMENT_EXTENSION_ICONS, I as DM_FILE_EXTENSION_ICONS, J as DM_FILE_TYPE_ICONS, K as DM_VIDEO_EXTENSION_ICONS, L as DOCUMENT_DRIVE_PAGE_COMPONENT_KEY, S as ScopedDriveService, M as buildDocumentManagementFileTypeCatalog, N as documentPlugin, O as resolveDocumentExpirationBadge, P as resolveDocumentVersionNumber, Q as resolveFolderExpirationCountBadges } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client--0oIEHPI.mjs';
+export { n as AXMDocumentDriveComponent, o as AXMDocumentDrivePageComponent, p as AXMDocumentDrivePageComponentProvider, a as AXMDocumentExpirationBadgeComponent, q as AXMDocumentExpirationStatusProvider, l as AXMDocumentExplorerComponent, s as AXMDocumentManagementApiService, t as AXMDocumentManagementFileTypeProvider, u as AXMDocumentManagementModule, i as AXMDocumentManagerService, v as AXMDocumentManagerServiceImpl, b as AXMDocumentVersionBadgeComponent, w as AXMFileTypeExtensionWidgetColumnComponent, x as AXMFileTypeExtensionWidgetDesignerComponent, y as AXMFileTypeExtensionWidgetEditComponent, z as AXMFileTypeExtensionWidgetViewComponent, B as AXMFileTypeModule, c as AXMFolderExpirationBadgesComponent, m as AXMFolderPathBreadcrumbsComponent, C as AXMMenuProvider, D as AXMSearchCommandProvider, E as AXM_DOCUMENT_ATTACHMENT_DIALOG_ON_ACTION_HOOK_KEY, F as AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT, G as AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT_NO_SAVE, H as AXM_DOCUMENT_EXPIRATION_STATUS, I as AXM_DOCUMENT_EXPIRATION_STATUS_DEFINITION_KEY, A as AXPDocumentExplorerViewModel, J as AXPDocumentManagementService, K as AXPDocumentManagementSettingProvider, L as AXmFileTypeExtensionWidget, M as DM_AUDIO_EXTENSION_ICONS, N as DM_DOCUMENT_EXTENSION_ICONS, O as DM_FILE_EXTENSION_ICONS, P as DM_FILE_TYPE_ICONS, Q as DM_VIDEO_EXTENSION_ICONS, R as DOCUMENT_DRIVE_PAGE_COMPONENT_KEY, S as ScopedDriveService, T as buildDocumentManagementFileTypeCatalog, U as documentPlugin, V as resolveDocumentExpirationBadge, W as resolveDocumentVersionNumber, X as resolveFolderExpirationCountBadges } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-qhcOFKFu.mjs';
 export { AXM_DOCUMENT_EXPIRATION_NEAR_DAYS, toDocumentExpirationDate } from '@acorex-platform/module-document-management-client/contracts';
 //# sourceMappingURL=acorex-platform-module-document-management-client.mjs.map