@acorex-platform/module-document-management-client 2.0.0-next.4 → 2.0.0-next.6

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

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

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

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

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

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

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

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