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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-small-icons-view-skeleton.component-Dskk_B96.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-RMDX74O9.mjs

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex-platform/framework-client/core';
+import { A as AXPDocumentExplorerViewModel, a as AXMDocumentExpirationBadgeComponent, b as AXMFolderExpirationBadgesComponent } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-LQjccofO.mjs';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+
+class 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            <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        <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n          <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n          @if (fileDisplay.isShortcut) {\n            <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n          }\n          <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n        </div>\n        <div class=\"__name\">{{ file.name }}</div>\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties;:host{width:100%}:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8);width:100%}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__content .__explorer-item{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 .__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: 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,
+                        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            <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        <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n          <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n          @if (fileDisplay.isShortcut) {\n            <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n          }\n          <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n        </div>\n        <div class=\"__name\">{{ file.name }}</div>\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties;:host{width:100%}:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8);width:100%}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__content .__explorer-item{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 .__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-RMDX74O9.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-small-icons-view.component-RMDX74O9.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 { 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      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            <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        <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n          <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n          @if (fileDisplay.isShortcut) {\n            <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n          }\n          <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n        </div>\n        <div class=\"__name\">{{ file.name }}</div>\n      </div>\n    }\n  </div>\n}\n"],"names":["i2"],"mappings":";;;;;;;;;MAyBa,0CAA0C,CAAA;AAfvD,IAAA,WAAA,GAAA;AAgBc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD,IAAA;8GAFY,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0CAA0C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBvD,2tJAkHA,EAAA,MAAA,EAAA,CAAA,qoEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDjGM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACvB,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACpB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,mCAAmC,4FACnC,kCAAkC,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA,CAAA;;2FAG3B,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAftD,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wCAAwC,cAGtC,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,KAAK,EAAA,OAAA,EACrC;wBACP,YAAY;wBACZ,uBAAuB;wBACvB,oBAAoB;wBACpB,mBAAmB;wBACnB,mCAAmC;wBACnC,kCAAkC;AACnC,qBAAA,EAAA,QAAA,EAAA,2tJAAA,EAAA,MAAA,EAAA,CAAA,qoEAAA,CAAA,EAAA;;;;;"}

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

@@ -0,0 +1,27 @@
+import * as i1 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { A as AXPDocumentExplorerViewModel } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-LQjccofO.mjs';
+
+class AXMDocumentExplorerSmallTilesViewSkeletonComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+        this.folderPlaceholders = [0, 1, 2];
+        this.filePlaceholders = [0, 1];
+        this.flatPlaceholders = [0, 1, 2, 3, 4];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerSmallTilesViewSkeletonComponent, isStandalone: true, selector: "axm-document-explorer-small-tiles-view-skeleton", ngImport: i0, template: "@if (vm.groupByType()) {\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of folderPlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <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", styles: ["@layer properties;:host{display:block;width:100%}:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8);width:100%}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__item{display:flex;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)}:host .__section .__icon{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);flex-shrink:0;border-radius:.25rem}:host .__section .__details{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__name{height:calc(var(--spacing, .25rem) * 4);width:75%;border-radius:.25rem}:host .__section .__info{display:flex;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__info .__meta{height:calc(var(--spacing, .25rem) * 3);width:calc(var(--spacing, .25rem) * 16);border-radius:.25rem}:host .__section .__info .__meta.--short{width:calc(var(--spacing, .25rem) * 20)}@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: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-document-explorer-small-tiles-view-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXSkeletonModule, AXTranslationModule], template: "@if (vm.groupByType()) {\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of folderPlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <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", styles: ["@layer properties;:host{display:block;width:100%}:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8);width:100%}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__item{display:flex;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)}:host .__section .__icon{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);flex-shrink:0;border-radius:.25rem}:host .__section .__details{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__name{height:calc(var(--spacing, .25rem) * 4);width:75%;border-radius:.25rem}:host .__section .__info{display:flex;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__info .__meta{height:calc(var(--spacing, .25rem) * 3);width:calc(var(--spacing, .25rem) * 16);border-radius:.25rem}:host .__section .__info .__meta.--short{width:calc(var(--spacing, .25rem) * 20)}@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 { AXMDocumentExplorerSmallTilesViewSkeletonComponent };
+//# sourceMappingURL=acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DQW2VZJH.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DQW2VZJH.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-BT6fRWVH.mjs

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex-platform/framework-client/core';
+import { A as AXPDocumentExplorerViewModel, a as AXMDocumentExpirationBadgeComponent, b as AXMFolderExpirationBadgesComponent } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-LQjccofO.mjs';
+import * as i2 from '@acorex/core/format';
+import { AXFormatModule } from '@acorex/core/format';
+import { AXDateTimeModule } from '@acorex/core/date-time';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+
+class 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            <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          <div class=\"__icon fa-2x\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n            <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n            @if (fileDisplay.isShortcut) {\n              <i\n                class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                aria-hidden=\"true\"\n              ></i>\n            }\n          </div>\n          <div class=\"__details\">\n            <div class=\"flex min-w-0 items-center gap-1.5\">\n              <div class=\"__name\">{{ file.name }}</div>\n              <axm-document-expiration-badge [node]=\"file\" />\n            </div>\n            <div class=\"__info\">\n              <span>{{ file.size | format: 'filesize' | async }}</span>\n              <span>{{\n                file.modifiedAt\n                  | format: 'datetime' : { format: 'datetime' }\n                  | async\n              }}</span>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer properties;:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8)}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__content .__explorer-item{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)}:host .__section .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__section .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__section .__content .__explorer-item .__icon{position:relative;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: 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,
+                        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            <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          <div class=\"__icon fa-2x\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n            <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n            @if (fileDisplay.isShortcut) {\n              <i\n                class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n                aria-hidden=\"true\"\n              ></i>\n            }\n          </div>\n          <div class=\"__details\">\n            <div class=\"flex min-w-0 items-center gap-1.5\">\n              <div class=\"__name\">{{ file.name }}</div>\n              <axm-document-expiration-badge [node]=\"file\" />\n            </div>\n            <div class=\"__info\">\n              <span>{{ file.size | format: 'filesize' | async }}</span>\n              <span>{{\n                file.modifiedAt\n                  | format: 'datetime' : { format: 'datetime' }\n                  | async\n              }}</span>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: ["@layer properties;:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8)}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__content .__explorer-item{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)}:host .__section .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__section .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__section .__content .__explorer-item .__icon{position:relative;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-BT6fRWVH.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-small-tiles-view.component-BT6fRWVH.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 { 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      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            <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          <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":";;;;;;;;;;;;MA2Ba,0CAA0C,CAAA;AAjBvD,IAAA,WAAA,GAAA;AAkBc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD,IAAA;8GAFY,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0CAA0C,kGC3BvD,01NA2LA,EAAA,MAAA,EAAA,CAAA,msFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED1KM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACvB,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACpB,cAAc,8BACd,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,mCAAmC,4FACnC,kCAAkC,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA,CAAA;;2FAG3B,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAjBtD,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wCAAwC,cAGtC,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,KAAK,EAAA,OAAA,EACrC;wBACP,YAAY;wBACZ,uBAAuB;wBACvB,oBAAoB;wBACpB,cAAc;wBACd,gBAAgB;wBAChB,mBAAmB;wBACnB,mCAAmC;wBACnC,kCAAkC;AACnC,qBAAA,EAAA,QAAA,EAAA,01NAAA,EAAA,MAAA,EAAA,CAAA,msFAAA,CAAA,EAAA;;;;;"}

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

@@ -0,0 +1,88 @@
+import { AXPFileChooserService } from '@acorex-platform/framework-client/layout/components';
+import { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
+import { AXPPlatformScope } from '@acorex-platform/framework-shared/core';
+import { AXFileService } from '@acorex/core/file';
+import { RootConfig } from '@acorex-platform/module-document-management-client/contracts';
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { d as AXMDocumentDialogService, e as buildFileChooserOptionsFromDocumentType } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-LQjccofO.mjs';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Helpers   ----
+function resolveUploadDocumentInput(input = {}) {
+    const data = input.data ?? {};
+    const options = input.options ?? {};
+    return {
+        documentType: input.documentType ?? data.documentType ?? options.documentType,
+        documentTypeId: input.documentTypeId ?? data.documentTypeId ?? options.documentTypeId,
+    };
+}
+//#endregion
+//#region ----   Upload document command   ----
+/**
+ * Resolves document type (optional picker), then opens the file chooser for drive upload.
+ * Replaces the former upload-document workflow (check type → choose type → choose file).
+ * Registered as DocumentManagement.Document:Upload.
+ */
+class AXMUploadDocumentCommand {
+    constructor() {
+        this.documentDialog = inject(AXMDocumentDialogService);
+        this.entityService = inject(AXPEntityService);
+        this.chooserService = inject(AXPFileChooserService);
+        this.fileService = inject(AXFileService);
+        this.documentTypeService = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.documentType.name)
+            .data();
+    }
+    async execute(input = {}) {
+        let { documentType, documentTypeId } = resolveUploadDocumentInput(input);
+        if (!documentType) {
+            const chooseTypeResult = await this.documentDialog.chooseDocumentType();
+            if (chooseTypeResult.cancelled) {
+                return { success: true, kind: 'object', data: { cancelled: true } };
+            }
+            documentTypeId = chooseTypeResult.documentTypeId;
+        }
+        let resolvedDocumentType = documentType;
+        if (!resolvedDocumentType && documentTypeId) {
+            resolvedDocumentType = (await this.documentTypeService.byKey(documentTypeId)) ?? undefined;
+        }
+        if (!resolvedDocumentType) {
+            return {
+                success: false,
+                message: { text: 'Document type is required to upload a document.' },
+            };
+        }
+        const { accept, fileType } = await buildFileChooserOptionsFromDocumentType(resolvedDocumentType, this.fileService);
+        const chosen = await this.chooserService.promptChoose({
+            options: {
+                multiple: false,
+                accept: accept || undefined,
+                fileType: fileType.length ? fileType : undefined,
+                scope: AXPPlatformScope.Tenant,
+                browseMode: 'file',
+                destination: 'drive',
+            },
+            items: [],
+        });
+        if (!chosen?.length) {
+            return { success: true, kind: 'object', data: { cancelled: true } };
+        }
+        return { success: true, kind: 'object',
+            data: {
+                documentType: resolvedDocumentType,
+                chosenFiles: chosen,
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUploadDocumentCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUploadDocumentCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMUploadDocumentCommand, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+export { AXMUploadDocumentCommand };
+//# sourceMappingURL=acorex-platform-module-document-management-client-upload-document.command-CFFOw4gM.mjs.map

package/fesm2022/acorex-platform-module-document-management-client-upload-document.command-CFFOw4gM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-upload-document.command-CFFOw4gM.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;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@acorex-platform/module-document-management-client",
+  "version": "0.0.21",
+  "sideEffects": false,
+  "peerDependencies": {
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2022/acorex-platform-module-document-management-client.mjs",
+  "typings": "types/acorex-platform-module-document-management-client.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/acorex-platform-module-document-management-client.d.ts",
+      "default": "./fesm2022/acorex-platform-module-document-management-client.mjs"
+    },
+    "./contracts": {
+      "types": "./types/acorex-platform-module-document-management-client-contracts.d.ts",
+      "default": "./fesm2022/acorex-platform-module-document-management-client-contracts.mjs"
+    }
+  },
+  "type": "module"
+}