@acorex/modules 20.0.6 → 20.0.8

package/fesm2022/{acorex-modules-document-management-small-icons-view.component-BwFoe1vd.mjs → acorex-modules-document-management-small-icons-view.component-BNTmgtYr.mjs}

@@ -1,19 +1,19 @@
 import * as i0 from '@angular/core';
 import { inject, Component } from '@angular/core';
 import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex/platform/core';
-import { A as AXPDocumentExplorerViewModel } from './acorex-modules-document-management-acorex-modules-document-management-ClH75xx1.mjs';
+import { A as AXPDocumentExplorerViewModel } from './acorex-modules-document-management-acorex-modules-document-management-C4cvhxSV.mjs';
 
 class AXMDocumentExplorerSmallIconsViewComponent {
     constructor() {
         this.vm = inject(AXPDocumentExplorerViewModel);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AXMDocumentExplorerSmallIconsViewComponent, isStandalone: true, selector: "axm-document-explorer-small-icons-view", ngImport: i0, template: "<!-- Small Icons View -->\n<div class=\"__content fa-2x\">\n  @for (folder of vm.folders(); track folder.id) {\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 ax-text-yellow-400\">\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    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\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\">\n      <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n    </div>\n    <div class=\"__name\">{{ file.name }}</div>\n  </div>\n  }\n</div>\n", styles: [":host{width:100%}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;border-radius:.375rem;padding:.5rem;text-align:center}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .__icon{flex-shrink:0}:host .__content .__explorer-item .__name{width:100%;font-size:.75rem;line-height:1rem;font-weight: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:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"], dependencies: [{ kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "directive", type: AXPDblClickDirective, selector: "[onDblClick]", outputs: ["onDblClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXMDocumentExplorerSmallIconsViewComponent, isStandalone: true, selector: "axm-document-explorer-small-icons-view", ngImport: i0, template: "<!-- Small Icons View -->\n<div class=\"__content fa-2x\">\n  @for (folder of vm.folders(); track folder.id) {\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 ax-text-yellow-400\">\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    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\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\">\n      <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n    </div>\n    <div class=\"__name\">{{ file.name }}</div>\n  </div>\n  }\n</div>\n", styles: [":host{width:100%}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;border-radius:.375rem;padding:.5rem;text-align:center}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .__icon{flex-shrink:0}:host .__content .__explorer-item .__name{width:100%;font-size:.75rem;line-height:1rem;font-weight: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:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"], dependencies: [{ kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "directive", type: AXPDblClickDirective, selector: "[onDblClick]", outputs: ["onDblClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-document-explorer-small-icons-view', standalone: true, imports: [AXPElementDataDirective, AXPDblClickDirective], template: "<!-- Small Icons View -->\n<div class=\"__content fa-2x\">\n  @for (folder of vm.folders(); track folder.id) {\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 ax-text-yellow-400\">\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    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\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\">\n      <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n    </div>\n    <div class=\"__name\">{{ file.name }}</div>\n  </div>\n  }\n</div>\n", styles: [":host{width:100%}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;border-radius:.375rem;padding:.5rem;text-align:center}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .__icon{flex-shrink:0}:host .__content .__explorer-item .__name{width:100%;font-size:.75rem;line-height:1rem;font-weight: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:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"] }]
         }] });
 
 export { AXMDocumentExplorerSmallIconsViewComponent };
-//# sourceMappingURL=acorex-modules-document-management-small-icons-view.component-BwFoe1vd.mjs.map
+//# sourceMappingURL=acorex-modules-document-management-small-icons-view.component-BNTmgtYr.mjs.map

package/fesm2022/{acorex-modules-document-management-small-icons-view.component-BwFoe1vd.mjs.map → acorex-modules-document-management-small-icons-view.component-BNTmgtYr.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-document-management-small-icons-view.component-BwFoe1vd.mjs","sources":["../tmp-esm2022/document-management/lib/features/document-explorer/views/small-icons/small-icons-view.component.js"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { AXPDblClickDirective, AXPElementDataDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport * as i0 from \"@angular/core\";\nexport class AXMDocumentExplorerSmallIconsViewComponent {\n    constructor() {\n        this.vm = inject(AXPDocumentExplorerViewModel);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.4\", type: AXMDocumentExplorerSmallIconsViewComponent, isStandalone: true, selector: \"axm-document-explorer-small-icons-view\", ngImport: i0, template: \"<!-- Small Icons View -->\\n<div class=\\\"__content fa-2x\\\">\\n  @for (folder of vm.folders(); track folder.id) {\\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 ax-text-yellow-400\\\">\\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    </div>\\n    <div class=\\\"__name\\\">{{ folder.name }}</div>\\n  </div>\\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\\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\\\">\\n      <i class=\\\"fa-fw {{ fileInfo.icon }} fa-solid\\\"></i>\\n    </div>\\n    <div class=\\\"__name\\\">{{ file.name }}</div>\\n  </div>\\n  }\\n</div>\\n\", styles: [\":host{width:100%}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;border-radius:.375rem;padding:.5rem;text-align:center}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .__icon{flex-shrink:0}:host .__content .__explorer-item .__name{width:100%;font-size:.75rem;line-height:1rem;font-weight: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:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\\n\"], dependencies: [{ kind: \"directive\", type: AXPElementDataDirective, selector: \"[axp-data]\", inputs: [\"axp-data\", \"axp-data-path\"] }, { kind: \"directive\", type: AXPDblClickDirective, selector: \"[onDblClick]\", outputs: [\"onDblClick\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'axm-document-explorer-small-icons-view', standalone: true, imports: [AXPElementDataDirective, AXPDblClickDirective], template: \"<!-- Small Icons View -->\\n<div class=\\\"__content fa-2x\\\">\\n  @for (folder of vm.folders(); track folder.id) {\\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 ax-text-yellow-400\\\">\\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    </div>\\n    <div class=\\\"__name\\\">{{ folder.name }}</div>\\n  </div>\\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\\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\\\">\\n      <i class=\\\"fa-fw {{ fileInfo.icon }} fa-solid\\\"></i>\\n    </div>\\n    <div class=\\\"__name\\\">{{ file.name }}</div>\\n  </div>\\n  }\\n</div>\\n\", styles: [\":host{width:100%}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;border-radius:.375rem;padding:.5rem;text-align:center}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .__icon{flex-shrink:0}:host .__content .__explorer-item .__name{width:100%;font-size:.75rem;line-height:1rem;font-weight: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:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hbGwtaWNvbnMtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC9zcmMvbGliL2ZlYXR1cmVzL2RvY3VtZW50LWV4cGxvcmVyL3ZpZXdzL3NtYWxsLWljb25zL3NtYWxsLWljb25zLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tb2R1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQvc3JjL2xpYi9mZWF0dXJlcy9kb2N1bWVudC1leHBsb3Jlci92aWV3cy9zbWFsbC1pY29ucy9zbWFsbC1pY29ucy12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3RGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQVNqRixNQUFNLE9BQU8sMENBQTBDO0lBUHZEO1FBUWMsT0FBRSxHQUFHLE1BQU0sQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO0tBQ3ZEOzhHQUZZLDBDQUEwQztrR0FBMUMsMENBQTBDLGtHQ1p2RCxva0NBa0NBLHkvQkR4QmMsdUJBQXVCLDhGQUFFLG9CQUFvQjs7MkZBRTlDLDBDQUEwQztrQkFQdEQsU0FBUzsrQkFDSSx3Q0FBd0MsY0FHdEMsSUFBSSxXQUNQLENBQUMsdUJBQXVCLEVBQUUsb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBWFBEYmxDbGlja0RpcmVjdGl2ZSwgQVhQRWxlbWVudERhdGFEaXJlY3RpdmUgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2NvcmUnO1xuaW1wb3J0IHsgQVhQRG9jdW1lbnRFeHBsb3JlclZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL2RvY3VtZW50LWV4cGxvcmVyLnZpZXdtb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXhtLWRvY3VtZW50LWV4cGxvcmVyLXNtYWxsLWljb25zLXZpZXcnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zbWFsbC1pY29ucy12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zbWFsbC1pY29ucy12aWV3LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQVhQRWxlbWVudERhdGFEaXJlY3RpdmUsIEFYUERibENsaWNrRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhNRG9jdW1lbnRFeHBsb3JlclNtYWxsSWNvbnNWaWV3Q29tcG9uZW50IHtcbiAgICBwcm90ZWN0ZWQgdm0gPSBpbmplY3QoQVhQRG9jdW1lbnRFeHBsb3JlclZpZXdNb2RlbCk7XG59ICIsIjwhLS0gU21hbGwgSWNvbnMgVmlldyAtLT5cbjxkaXYgY2xhc3M9XCJfX2NvbnRlbnQgZmEtMnhcIj5cbiAgQGZvciAoZm9sZGVyIG9mIHZtLmZvbGRlcnMoKTsgdHJhY2sgZm9sZGVyLmlkKSB7XG4gIDxkaXZcbiAgICBjbGFzcz1cIl9fZXhwbG9yZXItaXRlbVwiXG4gICAgW2NsYXNzLi0tc2VsZWN0ZWRdPVwidm0uaXNJdGVtU2VsZWN0ZWQoZm9sZGVyKVwiXG4gICAgW2F4cC1kYXRhXT1cImZvbGRlclwiXG4gICAgKGNsaWNrKT1cInZtLnRvZ2dsZVNlbGVjdChmb2xkZXIpXCJcbiAgICAob25EYmxDbGljayk9XCJ2bS5uYXZpZ2F0ZVRvRm9sZGVyKGZvbGRlci5pZClcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cIl9faWNvbiBheC10ZXh0LXllbGxvdy00MDBcIj5cbiAgICAgIEBpZiAodm0uaXNMb2FkaW5nRm9sZGVyKGZvbGRlci5pZCkpIHtcbiAgICAgIDxpIGNsYXNzPVwiZmEtbGlnaHQgZmEtc3Bpbm5lciBmYS1zcGluLXB1bHNlXCI+PC9pPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICA8aSBjbGFzcz1cImZhcyBmYS1mb2xkZXItY2xvc2VkXCI+PC9pPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJfX25hbWVcIj57eyBmb2xkZXIubmFtZSB9fTwvZGl2PlxuICA8L2Rpdj5cbiAgfSBAZm9yIChmaWxlIG9mIHZtLmZpbGVzKCk7IHRyYWNrIGZpbGUuaWQpIHsgQGxldCBmaWxlSW5mbyA9IHZtLmdldEZpbGVJbmZvKGZpbGUubmFtZSk7XG4gIDxkaXZcbiAgICBjbGFzcz1cIl9fZXhwbG9yZXItaXRlbVwiXG4gICAgW2NsYXNzLi0tc2VsZWN0ZWRdPVwidm0uaXNJdGVtU2VsZWN0ZWQoZmlsZSlcIlxuICAgIFtheHAtZGF0YV09XCJmaWxlXCJcbiAgICAoY2xpY2spPVwidm0udG9nZ2xlU2VsZWN0KGZpbGUpXCJcbiAgICAob25EYmxDbGljayk9XCJ2bS5vcGVuRmlsZShmaWxlKVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiX19pY29uXCI+XG4gICAgICA8aSBjbGFzcz1cImZhLWZ3IHt7IGZpbGVJbmZvLmljb24gfX0gZmEtc29saWRcIj48L2k+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIl9fbmFtZVwiPnt7IGZpbGUubmFtZSB9fTwvZGl2PlxuICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0="],"names":[],"mappings":";;;;;AAIO,MAAM,0CAA0C,CAAC;AACxD,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0CAA0C,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC5M,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,0CAA0C,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,wCAAwC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,okCAAokC,EAAE,MAAM,EAAE,CAAC,i8BAAi8B,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9+E;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0CAA0C,EAAE,UAAU,EAAE,CAAC;AACpJ,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,wCAAwC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,uBAAuB,EAAE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,okCAAokC,EAAE,MAAM,EAAE,CAAC,i8BAAi8B,CAAC,EAAE;AAClrE,SAAS,CAAC,EAAE,CAAC;;;;"}
+{"version":3,"file":"acorex-modules-document-management-small-icons-view.component-BNTmgtYr.mjs","sources":["../tmp-esm2022/document-management/lib/features/document-explorer/views/small-icons/small-icons-view.component.js"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { AXPDblClickDirective, AXPElementDataDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport * as i0 from \"@angular/core\";\nexport class AXMDocumentExplorerSmallIconsViewComponent {\n    constructor() {\n        this.vm = inject(AXPDocumentExplorerViewModel);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.6\", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.6\", type: AXMDocumentExplorerSmallIconsViewComponent, isStandalone: true, selector: \"axm-document-explorer-small-icons-view\", ngImport: i0, template: \"<!-- Small Icons View -->\\n<div class=\\\"__content fa-2x\\\">\\n  @for (folder of vm.folders(); track folder.id) {\\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 ax-text-yellow-400\\\">\\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    </div>\\n    <div class=\\\"__name\\\">{{ folder.name }}</div>\\n  </div>\\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\\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\\\">\\n      <i class=\\\"fa-fw {{ fileInfo.icon }} fa-solid\\\"></i>\\n    </div>\\n    <div class=\\\"__name\\\">{{ file.name }}</div>\\n  </div>\\n  }\\n</div>\\n\", styles: [\":host{width:100%}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;border-radius:.375rem;padding:.5rem;text-align:center}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .__icon{flex-shrink:0}:host .__content .__explorer-item .__name{width:100%;font-size:.75rem;line-height:1rem;font-weight: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:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\\n\"], dependencies: [{ kind: \"directive\", type: AXPElementDataDirective, selector: \"[axp-data]\", inputs: [\"axp-data\", \"axp-data-path\"] }, { kind: \"directive\", type: AXPDblClickDirective, selector: \"[onDblClick]\", outputs: [\"onDblClick\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.6\", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'axm-document-explorer-small-icons-view', standalone: true, imports: [AXPElementDataDirective, AXPDblClickDirective], template: \"<!-- Small Icons View -->\\n<div class=\\\"__content fa-2x\\\">\\n  @for (folder of vm.folders(); track folder.id) {\\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 ax-text-yellow-400\\\">\\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    </div>\\n    <div class=\\\"__name\\\">{{ folder.name }}</div>\\n  </div>\\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\\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\\\">\\n      <i class=\\\"fa-fw {{ fileInfo.icon }} fa-solid\\\"></i>\\n    </div>\\n    <div class=\\\"__name\\\">{{ file.name }}</div>\\n  </div>\\n  }\\n</div>\\n\", styles: [\":host{width:100%}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;border-radius:.375rem;padding:.5rem;text-align:center}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .__icon{flex-shrink:0}:host .__content .__explorer-item .__name{width:100%;font-size:.75rem;line-height:1rem;font-weight: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:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hbGwtaWNvbnMtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC9zcmMvbGliL2ZlYXR1cmVzL2RvY3VtZW50LWV4cGxvcmVyL3ZpZXdzL3NtYWxsLWljb25zL3NtYWxsLWljb25zLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tb2R1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQvc3JjL2xpYi9mZWF0dXJlcy9kb2N1bWVudC1leHBsb3Jlci92aWV3cy9zbWFsbC1pY29ucy9zbWFsbC1pY29ucy12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3RGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQVNqRixNQUFNLE9BQU8sMENBQTBDO0lBUHZEO1FBUWMsT0FBRSxHQUFHLE1BQU0sQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO0tBQ3ZEOzhHQUZZLDBDQUEwQztrR0FBMUMsMENBQTBDLGtHQ1p2RCxva0NBa0NBLHkvQkR4QmMsdUJBQXVCLDhGQUFFLG9CQUFvQjs7MkZBRTlDLDBDQUEwQztrQkFQdEQsU0FBUzsrQkFDSSx3Q0FBd0MsY0FHdEMsSUFBSSxXQUNQLENBQUMsdUJBQXVCLEVBQUUsb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBWFBEYmxDbGlja0RpcmVjdGl2ZSwgQVhQRWxlbWVudERhdGFEaXJlY3RpdmUgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2NvcmUnO1xuaW1wb3J0IHsgQVhQRG9jdW1lbnRFeHBsb3JlclZpZXdNb2RlbCB9IGZyb20gJy4uLy4uL2RvY3VtZW50LWV4cGxvcmVyLnZpZXdtb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXhtLWRvY3VtZW50LWV4cGxvcmVyLXNtYWxsLWljb25zLXZpZXcnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zbWFsbC1pY29ucy12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zbWFsbC1pY29ucy12aWV3LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQVhQRWxlbWVudERhdGFEaXJlY3RpdmUsIEFYUERibENsaWNrRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhNRG9jdW1lbnRFeHBsb3JlclNtYWxsSWNvbnNWaWV3Q29tcG9uZW50IHtcbiAgICBwcm90ZWN0ZWQgdm0gPSBpbmplY3QoQVhQRG9jdW1lbnRFeHBsb3JlclZpZXdNb2RlbCk7XG59ICIsIjwhLS0gU21hbGwgSWNvbnMgVmlldyAtLT5cbjxkaXYgY2xhc3M9XCJfX2NvbnRlbnQgZmEtMnhcIj5cbiAgQGZvciAoZm9sZGVyIG9mIHZtLmZvbGRlcnMoKTsgdHJhY2sgZm9sZGVyLmlkKSB7XG4gIDxkaXZcbiAgICBjbGFzcz1cIl9fZXhwbG9yZXItaXRlbVwiXG4gICAgW2NsYXNzLi0tc2VsZWN0ZWRdPVwidm0uaXNJdGVtU2VsZWN0ZWQoZm9sZGVyKVwiXG4gICAgW2F4cC1kYXRhXT1cImZvbGRlclwiXG4gICAgKGNsaWNrKT1cInZtLnRvZ2dsZVNlbGVjdChmb2xkZXIpXCJcbiAgICAob25EYmxDbGljayk9XCJ2bS5uYXZpZ2F0ZVRvRm9sZGVyKGZvbGRlci5pZClcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cIl9faWNvbiBheC10ZXh0LXllbGxvdy00MDBcIj5cbiAgICAgIEBpZiAodm0uaXNMb2FkaW5nRm9sZGVyKGZvbGRlci5pZCkpIHtcbiAgICAgIDxpIGNsYXNzPVwiZmEtbGlnaHQgZmEtc3Bpbm5lciBmYS1zcGluLXB1bHNlXCI+PC9pPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICA8aSBjbGFzcz1cImZhcyBmYS1mb2xkZXItY2xvc2VkXCI+PC9pPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJfX25hbWVcIj57eyBmb2xkZXIubmFtZSB9fTwvZGl2PlxuICA8L2Rpdj5cbiAgfSBAZm9yIChmaWxlIG9mIHZtLmZpbGVzKCk7IHRyYWNrIGZpbGUuaWQpIHsgQGxldCBmaWxlSW5mbyA9IHZtLmdldEZpbGVJbmZvKGZpbGUubmFtZSk7XG4gIDxkaXZcbiAgICBjbGFzcz1cIl9fZXhwbG9yZXItaXRlbVwiXG4gICAgW2NsYXNzLi0tc2VsZWN0ZWRdPVwidm0uaXNJdGVtU2VsZWN0ZWQoZmlsZSlcIlxuICAgIFtheHAtZGF0YV09XCJmaWxlXCJcbiAgICAoY2xpY2spPVwidm0udG9nZ2xlU2VsZWN0KGZpbGUpXCJcbiAgICAob25EYmxDbGljayk9XCJ2bS5vcGVuRmlsZShmaWxlKVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiX19pY29uXCI+XG4gICAgICA8aSBjbGFzcz1cImZhLWZ3IHt7IGZpbGVJbmZvLmljb24gfX0gZmEtc29saWRcIj48L2k+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIl9fbmFtZVwiPnt7IGZpbGUubmFtZSB9fTwvZGl2PlxuICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0="],"names":[],"mappings":";;;;;AAIO,MAAM,0CAA0C,CAAC;AACxD,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0CAA0C,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC5M,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,0CAA0C,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,wCAAwC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,okCAAokC,EAAE,MAAM,EAAE,CAAC,i8BAAi8B,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9+E;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0CAA0C,EAAE,UAAU,EAAE,CAAC;AACpJ,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,wCAAwC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,uBAAuB,EAAE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,okCAAokC,EAAE,MAAM,EAAE,CAAC,i8BAAi8B,CAAC,EAAE;AAClrE,SAAS,CAAC,EAAE,CAAC;;;;"}

package/fesm2022/{acorex-modules-document-management-small-tiles-view.component-B5gp0wus.mjs → acorex-modules-document-management-small-tiles-view.component-CbCBAKyR.mjs}

@@ -3,7 +3,7 @@ import { inject, Component } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex/platform/core';
-import { A as AXPDocumentExplorerViewModel } from './acorex-modules-document-management-acorex-modules-document-management-ClH75xx1.mjs';
+import { A as AXPDocumentExplorerViewModel } from './acorex-modules-document-management-acorex-modules-document-management-C4cvhxSV.mjs';
 import * as i2 from '@acorex/core/format';
 import { AXFormatModule } from '@acorex/core/format';
 import { AXDateTimeModule } from '@acorex/core/date-time';
@@ -12,13 +12,13 @@ class AXMDocumentExplorerSmallTilesViewComponent {
     constructor() {
         this.vm = inject(AXPDocumentExplorerViewModel);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AXMDocumentExplorerSmallTilesViewComponent, isStandalone: true, selector: "axm-document-explorer-small-tiles-view", ngImport: i0, template: "<!-- Folders Section -->\n@if (vm.folders().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.folders(); track folder.id) {\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 ax-text-yellow-400 fa-2x\">\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      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ folder.name }}</div>\n        <div class=\"__info\">\n          <span>{{ folder.childrenCount }} items</span>\n          <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.files().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\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\">\n        <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ file.name }}</div>\n        <div class=\"__info\">\n          <span>{{ file.size | format : 'filesize' | async }}</span>\n          <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n", styles: [":host .__section{margin-bottom:2rem}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:.5rem;border-width:1px;padding:.5rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host .__section .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__section .__content .__explorer-item .__icon{flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1 1 0%}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:600}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;font-weight:600;opacity:.65}:host .__section .__content .__explorer-item .__details .__info span{font-size:.75rem;line-height:1rem}:host .__section .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { 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: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXDateTimeModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXMDocumentExplorerSmallTilesViewComponent, isStandalone: true, selector: "axm-document-explorer-small-tiles-view", ngImport: i0, template: "<!-- Folders Section -->\n@if (vm.folders().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.folders(); track folder.id) {\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 ax-text-yellow-400 fa-2x\">\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      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ folder.name }}</div>\n        <div class=\"__info\">\n          <span>{{ folder.childrenCount }} items</span>\n          <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.files().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\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\">\n        <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ file.name }}</div>\n        <div class=\"__info\">\n          <span>{{ file.size | format : 'filesize' | async }}</span>\n          <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n", styles: [":host .__section{margin-bottom:2rem}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:.5rem;border-width:1px;padding:.5rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host .__section .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__section .__content .__explorer-item .__icon{flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1 1 0%}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:600}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;font-weight:600;opacity:.65}:host .__section .__content .__explorer-item .__details .__info span{font-size:.75rem;line-height:1rem}:host .__section .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { 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: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXDateTimeModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-document-explorer-small-tiles-view', standalone: true, imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective, AXFormatModule, AXDateTimeModule], template: "<!-- Folders Section -->\n@if (vm.folders().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.folders(); track folder.id) {\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 ax-text-yellow-400 fa-2x\">\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      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ folder.name }}</div>\n        <div class=\"__info\">\n          <span>{{ folder.childrenCount }} items</span>\n          <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.files().length > 0) {\n<div class=\"__section\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\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\">\n        <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n      </div>\n      <div class=\"__details\">\n        <div class=\"__name\">{{ file.name }}</div>\n        <div class=\"__info\">\n          <span>{{ file.size | format : 'filesize' | async }}</span>\n          <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n", styles: [":host .__section{margin-bottom:2rem}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:.5rem;border-width:1px;padding:.5rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host .__section .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__section .__content .__explorer-item .__icon{flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1 1 0%}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:600}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;font-weight:600;opacity:.65}:host .__section .__content .__explorer-item .__details .__info span{font-size:.75rem;line-height:1rem}:host .__section .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"] }]
         }] });
 
 export { AXMDocumentExplorerSmallTilesViewComponent };
-//# sourceMappingURL=acorex-modules-document-management-small-tiles-view.component-B5gp0wus.mjs.map
+//# sourceMappingURL=acorex-modules-document-management-small-tiles-view.component-CbCBAKyR.mjs.map

package/fesm2022/{acorex-modules-document-management-small-tiles-view.component-B5gp0wus.mjs.map → acorex-modules-document-management-small-tiles-view.component-CbCBAKyR.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-document-management-small-tiles-view.component-B5gp0wus.mjs","sources":["../tmp-esm2022/document-management/lib/features/document-explorer/views/small-tiles/small-tiles-view.component.js"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPElementDataDirective, AXPDblClickDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@acorex/core/format\";\nexport class AXMDocumentExplorerSmallTilesViewComponent {\n    constructor() {\n        this.vm = inject(AXPDocumentExplorerViewModel);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.4\", type: AXMDocumentExplorerSmallTilesViewComponent, isStandalone: true, selector: \"axm-document-explorer-small-tiles-view\", ngImport: i0, template: \"<!-- Folders Section -->\\n@if (vm.folders().length > 0) {\\n<div class=\\\"__section\\\">\\n  <div class=\\\"__header\\\">\\n    <h3 class=\\\"__title\\\">Folders</h3>\\n  </div>\\n  <div class=\\\"__content\\\">\\n    @for (folder of vm.folders(); track folder.id) {\\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 ax-text-yellow-400 fa-2x\\\">\\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      </div>\\n      <div class=\\\"__details\\\">\\n        <div class=\\\"__name\\\">{{ folder.name }}</div>\\n        <div class=\\\"__info\\\">\\n          <span>{{ folder.childrenCount }} items</span>\\n          <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\\n        </div>\\n      </div>\\n    </div>\\n    }\\n  </div>\\n</div>\\n}\\n\\n<!-- Files Section -->\\n@if (vm.files().length > 0) {\\n<div class=\\\"__section\\\">\\n  <div class=\\\"__header\\\">\\n    <h3 class=\\\"__title\\\">Files</h3>\\n  </div>\\n  <div class=\\\"__content\\\">\\n    @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\\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\\\">\\n        <i class=\\\"fa-fw {{ fileInfo.icon }} fa-solid\\\"></i>\\n      </div>\\n      <div class=\\\"__details\\\">\\n        <div class=\\\"__name\\\">{{ file.name }}</div>\\n        <div class=\\\"__info\\\">\\n          <span>{{ file.size | format : 'filesize' | async }}</span>\\n          <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\\n        </div>\\n      </div>\\n    </div>\\n    }\\n  </div>\\n</div>\\n}\\n\", styles: [\":host .__section{margin-bottom:2rem}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:.5rem;border-width:1px;padding:.5rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host .__section .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__section .__content .__explorer-item .__icon{flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1 1 0%}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:600}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;font-weight:600;opacity:.65}:host .__section .__content .__explorer-item .__details .__info span{font-size:.75rem;line-height:1rem}:host .__section .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }, { 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: \"pipe\", type: i2.AXFormatPipe, name: \"format\" }, { kind: \"ngmodule\", type: AXDateTimeModule }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'axm-document-explorer-small-tiles-view', standalone: true, imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective, AXFormatModule, AXDateTimeModule], template: \"<!-- Folders Section -->\\n@if (vm.folders().length > 0) {\\n<div class=\\\"__section\\\">\\n  <div class=\\\"__header\\\">\\n    <h3 class=\\\"__title\\\">Folders</h3>\\n  </div>\\n  <div class=\\\"__content\\\">\\n    @for (folder of vm.folders(); track folder.id) {\\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 ax-text-yellow-400 fa-2x\\\">\\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      </div>\\n      <div class=\\\"__details\\\">\\n        <div class=\\\"__name\\\">{{ folder.name }}</div>\\n        <div class=\\\"__info\\\">\\n          <span>{{ folder.childrenCount }} items</span>\\n          <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\\n        </div>\\n      </div>\\n    </div>\\n    }\\n  </div>\\n</div>\\n}\\n\\n<!-- Files Section -->\\n@if (vm.files().length > 0) {\\n<div class=\\\"__section\\\">\\n  <div class=\\\"__header\\\">\\n    <h3 class=\\\"__title\\\">Files</h3>\\n  </div>\\n  <div class=\\\"__content\\\">\\n    @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\\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\\\">\\n        <i class=\\\"fa-fw {{ fileInfo.icon }} fa-solid\\\"></i>\\n      </div>\\n      <div class=\\\"__details\\\">\\n        <div class=\\\"__name\\\">{{ file.name }}</div>\\n        <div class=\\\"__info\\\">\\n          <span>{{ file.size | format : 'filesize' | async }}</span>\\n          <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\\n        </div>\\n      </div>\\n    </div>\\n    }\\n  </div>\\n</div>\\n}\\n\", styles: [\":host .__section{margin-bottom:2rem}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:.5rem;border-width:1px;padding:.5rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host .__section .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__section .__content .__explorer-item .__icon{flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1 1 0%}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:600}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;font-weight:600;opacity:.65}:host .__section .__content .__explorer-item .__details .__info span{font-size:.75rem;line-height:1rem}:host .__section .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hbGwtdGlsZXMtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC9zcmMvbGliL2ZlYXR1cmVzL2RvY3VtZW50LWV4cGxvcmVyL3ZpZXdzL3NtYWxsLXRpbGVzL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tb2R1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQvc3JjL2xpYi9mZWF0dXJlcy9kb2N1bWVudC1leHBsb3Jlci92aWV3cy9zbWFsbC10aWxlcy9zbWFsbC10aWxlcy12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFTMUQsTUFBTSxPQUFPLDBDQUEwQztJQVB2RDtRQVFjLE9BQUUsR0FBRyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztLQUN2RDs4R0FGWSwwQ0FBMEM7a0dBQTFDLDBDQUEwQyxrR0NkdkQsb2dFQWlFQSw0cUREckRjLFlBQVksb0ZBQUUsdUJBQXVCLDhGQUFFLG9CQUFvQixpRkFBRSxjQUFjLHVGQUFFLGdCQUFnQjs7MkZBRTlGLDBDQUEwQztrQkFQdEQsU0FBUzsrQkFDSSx3Q0FBd0MsY0FHdEMsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHVCQUF1QixFQUFFLG9CQUFvQixFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVhQRWxlbWVudERhdGFEaXJlY3RpdmUsIEFYUERibENsaWNrRGlyZWN0aXZlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9jb3JlJztcbmltcG9ydCB7IEFYUERvY3VtZW50RXhwbG9yZXJWaWV3TW9kZWwgfSBmcm9tICcuLi8uLi9kb2N1bWVudC1leHBsb3Jlci52aWV3bW9kZWwnO1xuaW1wb3J0IHsgQVhGb3JtYXRNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvZm9ybWF0JztcbmltcG9ydCB7IEFYRGF0ZVRpbWVNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvZGF0ZS10aW1lJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdheG0tZG9jdW1lbnQtZXhwbG9yZXItc21hbGwtdGlsZXMtdmlldycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUEVsZW1lbnREYXRhRGlyZWN0aXZlLCBBWFBEYmxDbGlja0RpcmVjdGl2ZSwgQVhGb3JtYXRNb2R1bGUsIEFYRGF0ZVRpbWVNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWE1Eb2N1bWVudEV4cGxvcmVyU21hbGxUaWxlc1ZpZXdDb21wb25lbnQge1xuICAgIHByb3RlY3RlZCB2bSA9IGluamVjdChBWFBEb2N1bWVudEV4cGxvcmVyVmlld01vZGVsKTtcbn0gIiwiPCEtLSBGb2xkZXJzIFNlY3Rpb24gLS0+XG5AaWYgKHZtLmZvbGRlcnMoKS5sZW5ndGggPiAwKSB7XG48ZGl2IGNsYXNzPVwiX19zZWN0aW9uXCI+XG4gIDxkaXYgY2xhc3M9XCJfX2hlYWRlclwiPlxuICAgIDxoMyBjbGFzcz1cIl9fdGl0bGVcIj5Gb2xkZXJzPC9oMz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJfX2NvbnRlbnRcIj5cbiAgICBAZm9yIChmb2xkZXIgb2Ygdm0uZm9sZGVycygpOyB0cmFjayBmb2xkZXIuaWQpIHtcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cIl9fZXhwbG9yZXItaXRlbVwiXG4gICAgICBbY2xhc3MuLS1zZWxlY3RlZF09XCJ2bS5pc0l0ZW1TZWxlY3RlZChmb2xkZXIpXCJcbiAgICAgIFtheHAtZGF0YV09XCJmb2xkZXJcIlxuICAgICAgKGNsaWNrKT1cInZtLnRvZ2dsZVNlbGVjdChmb2xkZXIpXCJcbiAgICAgIChvbkRibENsaWNrKT1cInZtLm5hdmlnYXRlVG9Gb2xkZXIoZm9sZGVyLmlkKVwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cIl9faWNvbiBheC10ZXh0LXllbGxvdy00MDAgZmEtMnhcIj5cbiAgICAgICAgQGlmICh2bS5pc0xvYWRpbmdGb2xkZXIoZm9sZGVyLmlkKSkge1xuICAgICAgICA8aSBjbGFzcz1cImZhLWxpZ2h0IGZhLXNwaW5uZXIgZmEtc3Bpbi1wdWxzZVwiPjwvaT5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLWZvbGRlci1jbG9zZWRcIj48L2k+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cIl9fZGV0YWlsc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiX19uYW1lXCI+e3sgZm9sZGVyLm5hbWUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIl9faW5mb1wiPlxuICAgICAgICAgIDxzcGFuPnt7IGZvbGRlci5jaGlsZHJlbkNvdW50IH19IGl0ZW1zPC9zcGFuPlxuICAgICAgICAgIDxzcGFuPnt7IGZvbGRlci5tb2RpZmllZEF0IHwgZm9ybWF0IDogJ2RhdGV0aW1lJyA6IHsgZm9ybWF0OiAnZGF0ZXRpbWUnIH0gfCBhc3luYyB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+XG59XG5cbjwhLS0gRmlsZXMgU2VjdGlvbiAtLT5cbkBpZiAodm0uZmlsZXMoKS5sZW5ndGggPiAwKSB7XG48ZGl2IGNsYXNzPVwiX19zZWN0aW9uXCI+XG4gIDxkaXYgY2xhc3M9XCJfX2hlYWRlclwiPlxuICAgIDxoMyBjbGFzcz1cIl9fdGl0bGVcIj5GaWxlczwvaDM+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiX19jb250ZW50XCI+XG4gICAgQGZvciAoZmlsZSBvZiB2bS5maWxlcygpOyB0cmFjayBmaWxlLmlkKSB7IEBsZXQgZmlsZUluZm8gPSB2bS5nZXRGaWxlSW5mbyhmaWxlLm5hbWUpO1xuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiX19leHBsb3Jlci1pdGVtXCJcbiAgICAgIFtjbGFzcy4tLXNlbGVjdGVkXT1cInZtLmlzSXRlbVNlbGVjdGVkKGZpbGUpXCJcbiAgICAgIFtheHAtZGF0YV09XCJmaWxlXCJcbiAgICAgIChjbGljayk9XCJ2bS50b2dnbGVTZWxlY3QoZmlsZSlcIlxuICAgICAgKG9uRGJsQ2xpY2spPVwidm0ub3BlbkZpbGUoZmlsZSlcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJfX2ljb24gZmEtMnhcIj5cbiAgICAgICAgPGkgY2xhc3M9XCJmYS1mdyB7eyBmaWxlSW5mby5pY29uIH19IGZhLXNvbGlkXCI+PC9pPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiX19kZXRhaWxzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJfX25hbWVcIj57eyBmaWxlLm5hbWUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIl9faW5mb1wiPlxuICAgICAgICAgIDxzcGFuPnt7IGZpbGUuc2l6ZSB8IGZvcm1hdCA6ICdmaWxlc2l6ZScgfCBhc3luYyB9fTwvc3Bhbj5cbiAgICAgICAgICA8c3Bhbj57eyBmaWxlLm1vZGlmaWVkQXQgfCBmb3JtYXQgOiAnZGF0ZXRpbWUnIDogeyBmb3JtYXQ6ICdkYXRldGltZScgfSB8IGFzeW5jIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIH1cbiAgPC9kaXY+XG48L2Rpdj5cbn1cbiJdfQ=="],"names":[],"mappings":";;;;;;;;;;AASO,MAAM,0CAA0C,CAAC;AACxD,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0CAA0C,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC5M,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,0CAA0C,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,wCAAwC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,ogEAAogE,EAAE,MAAM,EAAE,CAAC,qnDAAqnD,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,CAAC,CAAC;AACp1I;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0CAA0C,EAAE,UAAU,EAAE,CAAC;AACpJ,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,wCAAwC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,CAAC,EAAE,QAAQ,EAAE,ogEAAogE,EAAE,MAAM,EAAE,CAAC,qnDAAqnD,CAAC,EAAE;AACt1H,SAAS,CAAC,EAAE,CAAC;;;;"}
+{"version":3,"file":"acorex-modules-document-management-small-tiles-view.component-CbCBAKyR.mjs","sources":["../tmp-esm2022/document-management/lib/features/document-explorer/views/small-tiles/small-tiles-view.component.js"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPElementDataDirective, AXPDblClickDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@acorex/core/format\";\nexport class AXMDocumentExplorerSmallTilesViewComponent {\n    constructor() {\n        this.vm = inject(AXPDocumentExplorerViewModel);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.6\", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.6\", type: AXMDocumentExplorerSmallTilesViewComponent, isStandalone: true, selector: \"axm-document-explorer-small-tiles-view\", ngImport: i0, template: \"<!-- Folders Section -->\\n@if (vm.folders().length > 0) {\\n<div class=\\\"__section\\\">\\n  <div class=\\\"__header\\\">\\n    <h3 class=\\\"__title\\\">Folders</h3>\\n  </div>\\n  <div class=\\\"__content\\\">\\n    @for (folder of vm.folders(); track folder.id) {\\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 ax-text-yellow-400 fa-2x\\\">\\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      </div>\\n      <div class=\\\"__details\\\">\\n        <div class=\\\"__name\\\">{{ folder.name }}</div>\\n        <div class=\\\"__info\\\">\\n          <span>{{ folder.childrenCount }} items</span>\\n          <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\\n        </div>\\n      </div>\\n    </div>\\n    }\\n  </div>\\n</div>\\n}\\n\\n<!-- Files Section -->\\n@if (vm.files().length > 0) {\\n<div class=\\\"__section\\\">\\n  <div class=\\\"__header\\\">\\n    <h3 class=\\\"__title\\\">Files</h3>\\n  </div>\\n  <div class=\\\"__content\\\">\\n    @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\\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\\\">\\n        <i class=\\\"fa-fw {{ fileInfo.icon }} fa-solid\\\"></i>\\n      </div>\\n      <div class=\\\"__details\\\">\\n        <div class=\\\"__name\\\">{{ file.name }}</div>\\n        <div class=\\\"__info\\\">\\n          <span>{{ file.size | format : 'filesize' | async }}</span>\\n          <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\\n        </div>\\n      </div>\\n    </div>\\n    }\\n  </div>\\n</div>\\n}\\n\", styles: [\":host .__section{margin-bottom:2rem}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:.5rem;border-width:1px;padding:.5rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host .__section .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__section .__content .__explorer-item .__icon{flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1 1 0%}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:600}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;font-weight:600;opacity:.65}:host .__section .__content .__explorer-item .__details .__info span{font-size:.75rem;line-height:1rem}:host .__section .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }, { 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: \"pipe\", type: i2.AXFormatPipe, name: \"format\" }, { kind: \"ngmodule\", type: AXDateTimeModule }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.6\", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'axm-document-explorer-small-tiles-view', standalone: true, imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective, AXFormatModule, AXDateTimeModule], template: \"<!-- Folders Section -->\\n@if (vm.folders().length > 0) {\\n<div class=\\\"__section\\\">\\n  <div class=\\\"__header\\\">\\n    <h3 class=\\\"__title\\\">Folders</h3>\\n  </div>\\n  <div class=\\\"__content\\\">\\n    @for (folder of vm.folders(); track folder.id) {\\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 ax-text-yellow-400 fa-2x\\\">\\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      </div>\\n      <div class=\\\"__details\\\">\\n        <div class=\\\"__name\\\">{{ folder.name }}</div>\\n        <div class=\\\"__info\\\">\\n          <span>{{ folder.childrenCount }} items</span>\\n          <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\\n        </div>\\n      </div>\\n    </div>\\n    }\\n  </div>\\n</div>\\n}\\n\\n<!-- Files Section -->\\n@if (vm.files().length > 0) {\\n<div class=\\\"__section\\\">\\n  <div class=\\\"__header\\\">\\n    <h3 class=\\\"__title\\\">Files</h3>\\n  </div>\\n  <div class=\\\"__content\\\">\\n    @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\\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\\\">\\n        <i class=\\\"fa-fw {{ fileInfo.icon }} fa-solid\\\"></i>\\n      </div>\\n      <div class=\\\"__details\\\">\\n        <div class=\\\"__name\\\">{{ file.name }}</div>\\n        <div class=\\\"__info\\\">\\n          <span>{{ file.size | format : 'filesize' | async }}</span>\\n          <span>{{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\\n        </div>\\n      </div>\\n    </div>\\n    }\\n  </div>\\n</div>\\n}\\n\", styles: [\":host .__section{margin-bottom:2rem}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}:host .__section .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:.5rem;border-width:1px;padding:.5rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host .__section .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__section .__content .__explorer-item .__icon{flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1 1 0%}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:600}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;font-weight:600;opacity:.65}:host .__section .__content .__explorer-item .__details .__info span{font-size:.75rem;line-height:1rem}:host .__section .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hbGwtdGlsZXMtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC9zcmMvbGliL2ZlYXR1cmVzL2RvY3VtZW50LWV4cGxvcmVyL3ZpZXdzL3NtYWxsLXRpbGVzL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tb2R1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQvc3JjL2xpYi9mZWF0dXJlcy9kb2N1bWVudC1leHBsb3Jlci92aWV3cy9zbWFsbC10aWxlcy9zbWFsbC10aWxlcy12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFTMUQsTUFBTSxPQUFPLDBDQUEwQztJQVB2RDtRQVFjLE9BQUUsR0FBRyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztLQUN2RDs4R0FGWSwwQ0FBMEM7a0dBQTFDLDBDQUEwQyxrR0NkdkQsb2dFQWlFQSw0cUREckRjLFlBQVksb0ZBQUUsdUJBQXVCLDhGQUFFLG9CQUFvQixpRkFBRSxjQUFjLHVGQUFFLGdCQUFnQjs7MkZBRTlGLDBDQUEwQztrQkFQdEQsU0FBUzsrQkFDSSx3Q0FBd0MsY0FHdEMsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHVCQUF1QixFQUFFLG9CQUFvQixFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVhQRWxlbWVudERhdGFEaXJlY3RpdmUsIEFYUERibENsaWNrRGlyZWN0aXZlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9jb3JlJztcbmltcG9ydCB7IEFYUERvY3VtZW50RXhwbG9yZXJWaWV3TW9kZWwgfSBmcm9tICcuLi8uLi9kb2N1bWVudC1leHBsb3Jlci52aWV3bW9kZWwnO1xuaW1wb3J0IHsgQVhGb3JtYXRNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvZm9ybWF0JztcbmltcG9ydCB7IEFYRGF0ZVRpbWVNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvZGF0ZS10aW1lJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdheG0tZG9jdW1lbnQtZXhwbG9yZXItc21hbGwtdGlsZXMtdmlldycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUEVsZW1lbnREYXRhRGlyZWN0aXZlLCBBWFBEYmxDbGlja0RpcmVjdGl2ZSwgQVhGb3JtYXRNb2R1bGUsIEFYRGF0ZVRpbWVNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWE1Eb2N1bWVudEV4cGxvcmVyU21hbGxUaWxlc1ZpZXdDb21wb25lbnQge1xuICAgIHByb3RlY3RlZCB2bSA9IGluamVjdChBWFBEb2N1bWVudEV4cGxvcmVyVmlld01vZGVsKTtcbn0gIiwiPCEtLSBGb2xkZXJzIFNlY3Rpb24gLS0+XG5AaWYgKHZtLmZvbGRlcnMoKS5sZW5ndGggPiAwKSB7XG48ZGl2IGNsYXNzPVwiX19zZWN0aW9uXCI+XG4gIDxkaXYgY2xhc3M9XCJfX2hlYWRlclwiPlxuICAgIDxoMyBjbGFzcz1cIl9fdGl0bGVcIj5Gb2xkZXJzPC9oMz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJfX2NvbnRlbnRcIj5cbiAgICBAZm9yIChmb2xkZXIgb2Ygdm0uZm9sZGVycygpOyB0cmFjayBmb2xkZXIuaWQpIHtcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cIl9fZXhwbG9yZXItaXRlbVwiXG4gICAgICBbY2xhc3MuLS1zZWxlY3RlZF09XCJ2bS5pc0l0ZW1TZWxlY3RlZChmb2xkZXIpXCJcbiAgICAgIFtheHAtZGF0YV09XCJmb2xkZXJcIlxuICAgICAgKGNsaWNrKT1cInZtLnRvZ2dsZVNlbGVjdChmb2xkZXIpXCJcbiAgICAgIChvbkRibENsaWNrKT1cInZtLm5hdmlnYXRlVG9Gb2xkZXIoZm9sZGVyLmlkKVwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cIl9faWNvbiBheC10ZXh0LXllbGxvdy00MDAgZmEtMnhcIj5cbiAgICAgICAgQGlmICh2bS5pc0xvYWRpbmdGb2xkZXIoZm9sZGVyLmlkKSkge1xuICAgICAgICA8aSBjbGFzcz1cImZhLWxpZ2h0IGZhLXNwaW5uZXIgZmEtc3Bpbi1wdWxzZVwiPjwvaT5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLWZvbGRlci1jbG9zZWRcIj48L2k+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cIl9fZGV0YWlsc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiX19uYW1lXCI+e3sgZm9sZGVyLm5hbWUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIl9faW5mb1wiPlxuICAgICAgICAgIDxzcGFuPnt7IGZvbGRlci5jaGlsZHJlbkNvdW50IH19IGl0ZW1zPC9zcGFuPlxuICAgICAgICAgIDxzcGFuPnt7IGZvbGRlci5tb2RpZmllZEF0IHwgZm9ybWF0IDogJ2RhdGV0aW1lJyA6IHsgZm9ybWF0OiAnZGF0ZXRpbWUnIH0gfCBhc3luYyB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+XG59XG5cbjwhLS0gRmlsZXMgU2VjdGlvbiAtLT5cbkBpZiAodm0uZmlsZXMoKS5sZW5ndGggPiAwKSB7XG48ZGl2IGNsYXNzPVwiX19zZWN0aW9uXCI+XG4gIDxkaXYgY2xhc3M9XCJfX2hlYWRlclwiPlxuICAgIDxoMyBjbGFzcz1cIl9fdGl0bGVcIj5GaWxlczwvaDM+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiX19jb250ZW50XCI+XG4gICAgQGZvciAoZmlsZSBvZiB2bS5maWxlcygpOyB0cmFjayBmaWxlLmlkKSB7IEBsZXQgZmlsZUluZm8gPSB2bS5nZXRGaWxlSW5mbyhmaWxlLm5hbWUpO1xuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiX19leHBsb3Jlci1pdGVtXCJcbiAgICAgIFtjbGFzcy4tLXNlbGVjdGVkXT1cInZtLmlzSXRlbVNlbGVjdGVkKGZpbGUpXCJcbiAgICAgIFtheHAtZGF0YV09XCJmaWxlXCJcbiAgICAgIChjbGljayk9XCJ2bS50b2dnbGVTZWxlY3QoZmlsZSlcIlxuICAgICAgKG9uRGJsQ2xpY2spPVwidm0ub3BlbkZpbGUoZmlsZSlcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJfX2ljb24gZmEtMnhcIj5cbiAgICAgICAgPGkgY2xhc3M9XCJmYS1mdyB7eyBmaWxlSW5mby5pY29uIH19IGZhLXNvbGlkXCI+PC9pPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiX19kZXRhaWxzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJfX25hbWVcIj57eyBmaWxlLm5hbWUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIl9faW5mb1wiPlxuICAgICAgICAgIDxzcGFuPnt7IGZpbGUuc2l6ZSB8IGZvcm1hdCA6ICdmaWxlc2l6ZScgfCBhc3luYyB9fTwvc3Bhbj5cbiAgICAgICAgICA8c3Bhbj57eyBmaWxlLm1vZGlmaWVkQXQgfCBmb3JtYXQgOiAnZGF0ZXRpbWUnIDogeyBmb3JtYXQ6ICdkYXRldGltZScgfSB8IGFzeW5jIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIH1cbiAgPC9kaXY+XG48L2Rpdj5cbn1cbiJdfQ=="],"names":[],"mappings":";;;;;;;;;;AASO,MAAM,0CAA0C,CAAC;AACxD,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0CAA0C,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC5M,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,0CAA0C,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,wCAAwC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,ogEAAogE,EAAE,MAAM,EAAE,CAAC,qnDAAqnD,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,CAAC,CAAC;AACp1I;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0CAA0C,EAAE,UAAU,EAAE,CAAC;AACpJ,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,wCAAwC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,CAAC,EAAE,QAAQ,EAAE,ogEAAogE,EAAE,MAAM,EAAE,CAAC,qnDAAqnD,CAAC,EAAE;AACt1H,SAAS,CAAC,EAAE,CAAC;;;;"}

package/fesm2022/acorex-modules-document-management.mjs

@@ -1,2 +1,2 @@
-export { h as AXMDocumentManagementDocumentEntityModule, l as AXMDocumentManagementDocumentTypeEntityModule, o as AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule, p as AXMDocumentManagementDocumentTypeMetaDefinitionEntityService, q as AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl, s as AXMDocumentManagementDocumentTypeMetaValueEntityModule, t as AXMDocumentManagementDocumentTypeMetaValueEntityService, u as AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl, w as AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule, x as AXMDocumentManagementDocumentTypeStatusDefinitionEntityService, y as AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl, f as AXMDocumentManagementModule, i as AXMDocumentService, j as AXMDocumentServiceImpl, e as AXMDocumentTypeService, m as AXMDocumentTypeServiceImpl, D as AXMEntityProvider, B as AXMFolderService, C as AXMFolderServiceImpl, E as AXMMenuProvider, F as AXMSearchCommandProvider, G as AXMSettingProvider, R as RootConfig, g as documentFactory, k as documentTypeFactory, n as documentTypeMetaDefinitionfactory, r as documentTypeMetaValueFactory, v as documentTypeStatusDefinitionFactory, z as folderFactory } from './acorex-modules-document-management-acorex-modules-document-management-ClH75xx1.mjs';
+export { h as AXMDocumentManagementDocumentEntityModule, l as AXMDocumentManagementDocumentTypeEntityModule, o as AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule, p as AXMDocumentManagementDocumentTypeMetaDefinitionEntityService, q as AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl, s as AXMDocumentManagementDocumentTypeMetaValueEntityModule, t as AXMDocumentManagementDocumentTypeMetaValueEntityService, u as AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl, w as AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule, x as AXMDocumentManagementDocumentTypeStatusDefinitionEntityService, y as AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl, f as AXMDocumentManagementModule, i as AXMDocumentService, j as AXMDocumentServiceImpl, e as AXMDocumentTypeService, m as AXMDocumentTypeServiceImpl, D as AXMEntityProvider, B as AXMFolderService, C as AXMFolderServiceImpl, E as AXMMenuProvider, F as AXMSearchCommandProvider, G as AXMSettingProvider, R as RootConfig, g as documentFactory, k as documentTypeFactory, n as documentTypeMetaDefinitionfactory, r as documentTypeMetaValueFactory, v as documentTypeStatusDefinitionFactory, z as folderFactory } from './acorex-modules-document-management-acorex-modules-document-management-C4cvhxSV.mjs';
 //# sourceMappingURL=acorex-modules-document-management.mjs.map

package/fesm2022/{acorex-modules-form-template-management-acorex-modules-form-template-management-B3o427If.mjs → acorex-modules-form-template-management-acorex-modules-form-template-management-BsAsK1EG.mjs}

@@ -50,24 +50,24 @@ class AXMFormTemplateManagementCategoryEntityServiceImpl extends AXMFormTemplate
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.category.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class AXMFormTemplateManagementCategoryEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, providers: [
             {
                 provide: AXMFormTemplateManagementCategoryEntityService,
                 useClass: AXMFormTemplateManagementCategoryEntityServiceImpl,
             },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementCategoryEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -88,24 +88,24 @@ class AXMFormTemplateManagementTemplateEntityServiceImpl extends AXMFormTemplate
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.template.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class AXMFormTemplateManagementTemplateEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, providers: [
             {
                 provide: AXMFormTemplateManagementTemplateEntityService,
                 useClass: AXMFormTemplateManagementTemplateEntityServiceImpl,
             },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementTemplateEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -141,17 +141,17 @@ class AXMEntityProvider {
         if (moduleName == RootConfig.module.name) {
             switch (entityName) {
                 case RootConfig.entities.category.name:
-                    return (await import('./acorex-modules-form-template-management-category.entity-B7dGrmoa.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-form-template-management-category.entity-B3iAtREq.mjs')).factory(this.injector);
                 case RootConfig.entities.template.name:
-                    return (await import('./acorex-modules-form-template-management-template.entity-Cps77n3G.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-form-template-management-template.entity-BGsixiEI.mjs')).factory(this.injector);
             }
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMEntityProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMEntityProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMEntityProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMEntityProvider, decorators: [{
             type: Injectable
         }] });
 
@@ -334,10 +334,10 @@ class AXPDesignerConnectorImpl extends AXPDesignerConnector {
             throw Error("Invalid Id");
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPDesignerConnectorImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPDesignerConnectorImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPDesignerConnectorImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPDesignerConnectorImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPDesignerConnectorImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPDesignerConnectorImpl, decorators: [{
             type: Injectable
         }] });
 
@@ -453,7 +453,7 @@ class AXPTemplateWidgetProviderService {
         return null;
     }
     async chooseTemplate() {
-        const com = await import('./acorex-modules-form-template-management-template-picker.component-CQZ37yC2.mjs').then((c) => c.AXPTemplateWidgetPickerComponent);
+        const com = await import('./acorex-modules-form-template-management-template-picker.component-CNwhdnGC.mjs').then((c) => c.AXPTemplateWidgetPickerComponent);
         const widgets = await this.items({
             skip: 0,
             take: 100,
@@ -481,10 +481,10 @@ class AXPTemplateWidgetProviderService {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTemplateWidgetProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTemplateWidgetProviderService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPTemplateWidgetProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPTemplateWidgetProviderService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTemplateWidgetProviderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPTemplateWidgetProviderService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -509,8 +509,8 @@ class AXPTemplateWidgetViewComponent extends AXPValueWidgetComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTemplateWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AXPTemplateWidgetViewComponent, isStandalone: true, selector: "axp-template-widget-view", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPTemplateWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXPTemplateWidgetViewComponent, isStandalone: true, selector: "axp-template-widget-view", usesInheritance: true, ngImport: i0, template: `
     @for (node of nodes(); track $index) {
       <ng-container axp-widget-renderer
         [node]="node"
@@ -526,7 +526,7 @@ class AXPTemplateWidgetViewComponent extends AXPValueWidgetComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTemplateWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPTemplateWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-template-widget-view',
@@ -614,8 +614,8 @@ class AXPTemplateWidgetDesignerComponent extends AXPValueWidgetComponent {
         }
         return Promise.resolve();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTemplateWidgetDesignerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AXPTemplateWidgetDesignerComponent, isStandalone: true, selector: "axp-template-widget-designer", host: { properties: { "class": "this.__class" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPTemplateWidgetDesignerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXPTemplateWidgetDesignerComponent, isStandalone: true, selector: "axp-template-widget-designer", host: { properties: { "class": "this.__class" } }, providers: [
             {
                 provide: AXPLayoutWidgetComponent,
                 useExisting: AXPTemplateWidgetDesignerComponent,
@@ -641,7 +641,7 @@ class AXPTemplateWidgetDesignerComponent extends AXPValueWidgetComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "index", "locked", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetMiniButtonComponent, selector: "axp-designer-add-widget-mini-button", outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTemplateWidgetDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPTemplateWidgetDesignerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-template-widget-designer',
@@ -714,7 +714,7 @@ const AXPTemplateWidget = {
             component: () => Promise.resolve().then(function () { return templateWidgetView_component; }).then((c) => c.AXPTemplateWidgetViewComponent),
         },
         edit: {
-            component: () => import('./acorex-modules-form-template-management-template-widget-edit.component-DUeV0yO8.mjs').then((c) => c.AXPTemplateWidgetEditComponent),
+            component: () => import('./acorex-modules-form-template-management-template-widget-edit.component-BNIx16WW.mjs').then((c) => c.AXPTemplateWidgetEditComponent),
         },
         print: {
             component: () => Promise.resolve().then(function () { return templateWidgetView_component; }).then((c) => c.AXPTemplateWidgetViewComponent),
@@ -742,8 +742,8 @@ class AXPTemplateDesignerWidgetViewComponent extends AXPValueWidgetComponent {
             const context = await this.workflow.execute('design-form-template', { id });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTemplateDesignerWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: AXPTemplateDesignerWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPTemplateDesignerWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: AXPTemplateDesignerWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <span
       class="ax-underline ax-decoration-dotted  ax-underline-offset-8 hover:ax-text-primary-500 ax-cursor-pointer"
       (click)="handleClick()" *translate="let t"
@@ -752,7 +752,7 @@ class AXPTemplateDesignerWidgetViewComponent extends AXPValueWidgetComponent {
     </span>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3.AXTranslatorDirective, selector: "[translate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPTemplateDesignerWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPTemplateDesignerWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -799,13 +799,14 @@ class AXMOpenFormTemplateViewerAction extends AXPWorkflowAction {
         this.popupService = inject(AXPopupService);
     }
     async execute(context) {
-        const { id } = context.getVariable('data');
+        const { id, template } = context.getVariable('data');
         const metadata = context.getVariable('metadata');
-        const comp = await import('./acorex-modules-form-template-management-viewer-popup.component-K2ZznaDw.mjs').then(x => x.AXPFormTemplateViewerPopupComponent);
+        const comp = await import('./acorex-modules-form-template-management-viewer-popup.component-CzjuUz4o.mjs').then(x => x.AXPFormTemplateViewerPopupComponent);
         const result = await this.popupService.open(comp, {
             title: 'Form Template Viewer',
             data: {
                 templateId: id,
+                template: template,
                 metadata
             }
         });
@@ -814,10 +815,10 @@ class AXMOpenFormTemplateViewerAction extends AXPWorkflowAction {
             context.setOutput('form-context', result.data?.context);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMOpenFormTemplateViewerAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMOpenFormTemplateViewerAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMOpenFormTemplateViewerAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMOpenFormTemplateViewerAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMOpenFormTemplateViewerAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMOpenFormTemplateViewerAction, decorators: [{
             type: Injectable
         }] });
 const AXMOpenFormTemplateViewerWorkflow = {
@@ -850,10 +851,10 @@ class AXPFormTemplateViewerConnectorImpl extends AXPFormTemplateViewerConnector
             throw Error('Invalid Id');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPFormTemplateViewerConnectorImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPFormTemplateViewerConnectorImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPFormTemplateViewerConnectorImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPFormTemplateViewerConnectorImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPFormTemplateViewerConnectorImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPFormTemplateViewerConnectorImpl, decorators: [{
             type: Injectable
         }] });
 
@@ -870,10 +871,10 @@ class AXMOpenFormTemplateDesignerAction extends AXPWorkflowAction {
         });
         await this.navigation.execute(context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMOpenFormTemplateDesignerAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMOpenFormTemplateDesignerAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMOpenFormTemplateDesignerAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMOpenFormTemplateDesignerAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMOpenFormTemplateDesignerAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMOpenFormTemplateDesignerAction, decorators: [{
             type: Injectable
         }] });
 Injectable();
@@ -937,7 +938,7 @@ function routesFacory() {
             children: [
                 {
                     path: 'designer',
-                    loadComponent: () => import('./acorex-modules-form-template-management-designer.page-DaTGU3w_.mjs').then((c) => c.AXMFormTemplateManagementModuleDesignerPage),
+                    loadComponent: () => import('./acorex-modules-form-template-management-designer.page-B-TIUKl7.mjs').then((c) => c.AXMFormTemplateManagementModuleDesignerPage),
                 },
                 {
                     path: 'preview',
@@ -953,11 +954,11 @@ function routesFacory() {
     return routes;
 }
 class AXMFormTemplateManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementModule, imports: [AXPWidgetsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementModule, imports: [AXPWidgetsModule,
             AXMFormTemplateManagementCategoryEntityModule,
             AXMFormTemplateManagementTemplateEntityModule, i2.AXPLayoutBuilderModule, i2$1.AXPWorkflowModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementModule, providers: [
             {
                 provide: ROUTES,
                 multi: true,
@@ -990,7 +991,7 @@ class AXMFormTemplateManagementModule {
                 provide: AXP_SETTING_DEFINITION_PROVIDER,
                 useFactory: async () => {
                     const injector = inject(Injector);
-                    const provider = (await import('./acorex-modules-form-template-management-settings.provider-CiSjuHGI.mjs')).AXMSettingProvider;
+                    const provider = (await import('./acorex-modules-form-template-management-settings.provider-BmFufTUd.mjs')).AXMSettingProvider;
                     return new provider(injector);
                 },
                 multi: true,
@@ -1004,7 +1005,7 @@ class AXMFormTemplateManagementModule {
                 provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                 useFactory: async () => {
                     const injector = inject(Injector);
-                    const provider = (await import('./acorex-modules-form-template-management-permission-definition.provider-CjjlgO0w.mjs')).AXMPermissionDefinitionProvider;
+                    const provider = (await import('./acorex-modules-form-template-management-permission-definition.provider-CTG95UDp.mjs')).AXMPermissionDefinitionProvider;
                     return new provider(injector);
                 },
                 multi: true,
@@ -1031,7 +1032,7 @@ class AXMFormTemplateManagementModule {
                 },
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMFormTemplateManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMFormTemplateManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1092,7 +1093,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                             provide: AXP_SETTING_DEFINITION_PROVIDER,
                             useFactory: async () => {
                                 const injector = inject(Injector);
-                                const provider = (await import('./acorex-modules-form-template-management-settings.provider-CiSjuHGI.mjs')).AXMSettingProvider;
+                                const provider = (await import('./acorex-modules-form-template-management-settings.provider-BmFufTUd.mjs')).AXMSettingProvider;
                                 return new provider(injector);
                             },
                             multi: true,
@@ -1106,7 +1107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                             provide: AXP_PERMISSION_DEFINITION_PROVIDER,
                             useFactory: async () => {
                                 const injector = inject(Injector);
-                                const provider = (await import('./acorex-modules-form-template-management-permission-definition.provider-CjjlgO0w.mjs')).AXMPermissionDefinitionProvider;
+                                const provider = (await import('./acorex-modules-form-template-management-permission-definition.provider-CTG95UDp.mjs')).AXMPermissionDefinitionProvider;
                                 return new provider(injector);
                             },
                             multi: true,
@@ -1120,4 +1121,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
  */
 
 export { AXMPermissionsKeys as A, RootConfig as R, AXMFormTemplateManagementCategoryEntityService as a, AXMFormTemplateManagementTemplateEntityService as b, AXMFormTemplateTypes as c, AXPFormTemplateViewerConnector as d, AXPTemplateWidgetProviderService as e, AXMFormTemplateManagementModule as f, AXMFormTemplateManagementCategoryEntityModule as g, AXMFormTemplateManagementCategoryEntityServiceImpl as h, AXMFormTemplateManagementTemplateEntityModule as i, AXMFormTemplateManagementTemplateEntityServiceImpl as j };
-//# sourceMappingURL=acorex-modules-form-template-management-acorex-modules-form-template-management-B3o427If.mjs.map
+//# sourceMappingURL=acorex-modules-form-template-management-acorex-modules-form-template-management-BsAsK1EG.mjs.map