@acorex/modules 20.2.2 → 20.2.3

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-document-management-small-tiles-view.component-xoO1Loxt.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.1.6\", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.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: \"directive\", type: AXPElementDataDirective, selector: \"[axp-data]\", inputs: [\"axp-data\", \"axp-data-path\"] }, { kind: \"directive\", type: AXPDblClickDirective, selector: \"[onDblClick]\", outputs: [\"onDblClick\"] }, { kind: \"ngmodule\", type: AXFormatModule }, { kind: \"ngmodule\", type: AXDateTimeModule }, { kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i2.AXFormatPipe, name: \"format\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hbGwtdGlsZXMtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC9zcmMvbGliL2ZlYXR1cmVzL2RvY3VtZW50LWV4cGxvcmVyL3ZpZXdzL3NtYWxsLXRpbGVzL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tb2R1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQvc3JjL2xpYi9mZWF0dXJlcy9kb2N1bWVudC1leHBsb3Jlci92aWV3cy9zbWFsbC10aWxlcy9zbWFsbC10aWxlcy12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFTMUQsTUFBTSxPQUFPLDBDQUEwQztJQVB2RDtRQVFjLE9BQUUsR0FBRyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztLQUN2RDs4R0FGWSwwQ0FBMEM7a0dBQTFDLDBDQUEwQyxrR0NkdkQsb2dFQWlFQSw0cUREckRjLFlBQVksK0JBQUUsdUJBQXVCLDhGQUFFLG9CQUFvQixpRkFBRSxjQUFjLDhCQUFFLGdCQUFnQjs7MkZBRTlGLDBDQUEwQztrQkFQdEQsU0FBUzsrQkFDSSx3Q0FBd0MsY0FHdEMsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHVCQUF1QixFQUFFLG9CQUFvQixFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVhQRWxlbWVudERhdGFEaXJlY3RpdmUsIEFYUERibENsaWNrRGlyZWN0aXZlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9jb3JlJztcbmltcG9ydCB7IEFYUERvY3VtZW50RXhwbG9yZXJWaWV3TW9kZWwgfSBmcm9tICcuLi8uLi9kb2N1bWVudC1leHBsb3Jlci52aWV3bW9kZWwnO1xuaW1wb3J0IHsgQVhGb3JtYXRNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvZm9ybWF0JztcbmltcG9ydCB7IEFYRGF0ZVRpbWVNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvZGF0ZS10aW1lJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdheG0tZG9jdW1lbnQtZXhwbG9yZXItc21hbGwtdGlsZXMtdmlldycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUEVsZW1lbnREYXRhRGlyZWN0aXZlLCBBWFBEYmxDbGlja0RpcmVjdGl2ZSwgQVhGb3JtYXRNb2R1bGUsIEFYRGF0ZVRpbWVNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWE1Eb2N1bWVudEV4cGxvcmVyU21hbGxUaWxlc1ZpZXdDb21wb25lbnQge1xuICAgIHByb3RlY3RlZCB2bSA9IGluamVjdChBWFBEb2N1bWVudEV4cGxvcmVyVmlld01vZGVsKTtcbn0gIiwiPCEtLSBGb2xkZXJzIFNlY3Rpb24gLS0+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,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,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,QAAQ,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-B70rSvao.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.1.6\", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.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: \"directive\", type: AXPElementDataDirective, selector: \"[axp-data]\", inputs: [\"axp-data\", \"axp-data-path\"] }, { kind: \"directive\", type: AXPDblClickDirective, selector: \"[onDblClick]\", outputs: [\"onDblClick\"] }, { kind: \"ngmodule\", type: AXFormatModule }, { kind: \"ngmodule\", type: AXDateTimeModule }, { kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }, { kind: \"pipe\", type: i2.AXFormatPipe, name: \"format\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hbGwtdGlsZXMtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC9zcmMvbGliL2ZlYXR1cmVzL2RvY3VtZW50LWV4cGxvcmVyL3ZpZXdzL3NtYWxsLXRpbGVzL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tb2R1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQvc3JjL2xpYi9mZWF0dXJlcy9kb2N1bWVudC1leHBsb3Jlci92aWV3cy9zbWFsbC10aWxlcy9zbWFsbC10aWxlcy12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFTMUQsTUFBTSxPQUFPLDBDQUEwQztJQVB2RDtRQVFjLE9BQUUsR0FBRyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztLQUN2RDs4R0FGWSwwQ0FBMEM7a0dBQTFDLDBDQUEwQyxrR0NkdkQsb2dFQWlFQSw0cUREckRjLFlBQVksK0JBQUUsdUJBQXVCLDhGQUFFLG9CQUFvQixpRkFBRSxjQUFjLDhCQUFFLGdCQUFnQjs7MkZBRTlGLDBDQUEwQztrQkFQdEQsU0FBUzsrQkFDSSx3Q0FBd0MsY0FHdEMsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHVCQUF1QixFQUFFLG9CQUFvQixFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVhQRWxlbWVudERhdGFEaXJlY3RpdmUsIEFYUERibENsaWNrRGlyZWN0aXZlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9jb3JlJztcbmltcG9ydCB7IEFYUERvY3VtZW50RXhwbG9yZXJWaWV3TW9kZWwgfSBmcm9tICcuLi8uLi9kb2N1bWVudC1leHBsb3Jlci52aWV3bW9kZWwnO1xuaW1wb3J0IHsgQVhGb3JtYXRNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvZm9ybWF0JztcbmltcG9ydCB7IEFYRGF0ZVRpbWVNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvZGF0ZS10aW1lJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdheG0tZG9jdW1lbnQtZXhwbG9yZXItc21hbGwtdGlsZXMtdmlldycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NtYWxsLXRpbGVzLXZpZXcuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUEVsZW1lbnREYXRhRGlyZWN0aXZlLCBBWFBEYmxDbGlja0RpcmVjdGl2ZSwgQVhGb3JtYXRNb2R1bGUsIEFYRGF0ZVRpbWVNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWE1Eb2N1bWVudEV4cGxvcmVyU21hbGxUaWxlc1ZpZXdDb21wb25lbnQge1xuICAgIHByb3RlY3RlZCB2bSA9IGluamVjdChBWFBEb2N1bWVudEV4cGxvcmVyVmlld01vZGVsKTtcbn0gIiwiPCEtLSBGb2xkZXJzIFNlY3Rpb24gLS0+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,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,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,QAAQ,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 { M as AXMDistributionInteractionService, N as AXMDistributionInteractionServiceImpl, J as AXMDistributionService, K as AXMDistributionServiceImpl, h as AXMDocumentManagementDocumentEntityModule, n as AXMDocumentManagementDocumentTypeEntityModule, q as AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule, r as AXMDocumentManagementDocumentTypeMetaDefinitionEntityService, s as AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl, u as AXMDocumentManagementDocumentTypeMetaValueEntityModule, v as AXMDocumentManagementDocumentTypeMetaValueEntityService, w as AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl, y as AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule, z as AXMDocumentManagementDocumentTypeStatusDefinitionEntityService, B as AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl, f as AXMDocumentManagementModule, i as AXMDocumentService, j as AXMDocumentServiceImpl, e as AXMDocumentTypeService, o as AXMDocumentTypeServiceImpl, O as AXMEntityProvider, D as AXMFolderService, E as AXMFolderServiceImpl, P as AXMMenuProvider, G as AXMReviewService, H as AXMReviewServiceImpl, Q as AXMSearchCommandProvider, S as AXMSettingProvider, R as RootConfig, l as canTransition, I as distributionFactory, L as distributionInteractionFactory, g as documentFactory, m as documentTypeFactory, p as documentTypeMetaDefinitionfactory, t as documentTypeMetaValueFactory, x as documentTypeStatusDefinitionFactory, C as folderFactory, k as getNextStatus, F as reviewFactory } from './acorex-modules-document-management-acorex-modules-document-management-C4G6L94e.mjs';
+export { M as AXMDistributionInteractionService, N as AXMDistributionInteractionServiceImpl, J as AXMDistributionService, K as AXMDistributionServiceImpl, h as AXMDocumentManagementDocumentEntityModule, n as AXMDocumentManagementDocumentTypeEntityModule, q as AXMDocumentManagementDocumentTypeMetaDefinitionEntityModule, r as AXMDocumentManagementDocumentTypeMetaDefinitionEntityService, s as AXMDocumentManagementDocumentTypeMetaDefinitionEntityServiceImpl, u as AXMDocumentManagementDocumentTypeMetaValueEntityModule, v as AXMDocumentManagementDocumentTypeMetaValueEntityService, w as AXMDocumentManagementDocumentTypeMetaValueEntityServiceImpl, y as AXMDocumentManagementDocumentTypeStatusDefinitionEntityModule, z as AXMDocumentManagementDocumentTypeStatusDefinitionEntityService, B as AXMDocumentManagementDocumentTypeStatusDefinitionEntityServiceImpl, f as AXMDocumentManagementModule, i as AXMDocumentService, j as AXMDocumentServiceImpl, e as AXMDocumentTypeService, o as AXMDocumentTypeServiceImpl, O as AXMEntityProvider, D as AXMFolderService, E as AXMFolderServiceImpl, P as AXMMenuProvider, G as AXMReviewService, H as AXMReviewServiceImpl, Q as AXMSearchCommandProvider, S as AXMSettingProvider, R as RootConfig, l as canTransition, I as distributionFactory, L as distributionInteractionFactory, g as documentFactory, m as documentTypeFactory, p as documentTypeMetaDefinitionfactory, t as documentTypeMetaValueFactory, x as documentTypeStatusDefinitionFactory, C as folderFactory, k as getNextStatus, F as reviewFactory } from './acorex-modules-document-management-acorex-modules-document-management-BvIGh15O.mjs';
 //# sourceMappingURL=acorex-modules-document-management.mjs.map

package/fesm2022/{acorex-modules-issue-management-acorex-modules-issue-management-CTFlKzqy.mjs → acorex-modules-help-desk-acorex-modules-help-desk-8iEAzfh5.mjs}

@@ -42,14 +42,14 @@ import { Subject, take } from 'rxjs';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
 
 const config = {
-    i18n: 'issue-management',
+    i18n: 'help-desk',
 };
 const RootConfig = {
     config,
     module: {
-        route: 'issue-management',
-        name: 'IssueManagement',
-        title: `t('issueManagement', {scope:"${config.i18n}"})`,
+        route: 'help-desk',
+        name: 'HelpDesk',
+        title: `t('help-desk', {scope:"${config.i18n}"})`,
         icon: 'fa-light fa-file-invoice',
     },
     entities: {
@@ -1768,7 +1768,7 @@ const AXMCaptureScreenService = signalStore({ providedIn: 'root' }, withState(()
                     toastService.show({
                         color: 'warning',
                         content: await translationService.translateAsync('issue.recording-time-limit', {
-                            scope: 'issue-management',
+                            scope: 'help-desk',
                         }),
                         timeOut: 5000,
                     });
@@ -1800,7 +1800,7 @@ const AXMCaptureScreenService = signalStore({ providedIn: 'root' }, withState(()
     return {
         init: async (onFinish) => {
             try {
-                const { AXMCaptureScreenComponent } = await import('./acorex-modules-issue-management-capture-screen.component-DDvum8EG.mjs');
+                const { AXMCaptureScreenComponent } = await import('./acorex-modules-help-desk-capture-screen.component-BiJX9lxr.mjs');
                 const viewContainerRef = application.components[0].injector.get(ViewContainerRef);
                 componentRef = viewContainerRef.createComponent(AXMCaptureScreenComponent);
                 document.body.appendChild(componentRef.location.nativeElement);
@@ -1877,7 +1877,7 @@ const AXMCaptureScreenService = signalStore({ providedIn: 'root' }, withState(()
                     toastService.show({
                         color: 'warning',
                         content: await translationService.translateAsync('issue.capture-screen-error', {
-                            scope: 'issue-management',
+                            scope: 'help-desk',
                         }),
                         timeOut: 5000,
                     });
@@ -1908,7 +1908,7 @@ const AXMCaptureScreenService = signalStore({ providedIn: 'root' }, withState(()
                 toastService.show({
                     color: 'warning',
                     content: await translationService.translateAsync('issue.get-microphone-error', {
-                        scope: 'issue-management',
+                        scope: 'help-desk',
                     }),
                     timeOut: 5000,
                 });
@@ -2188,7 +2188,7 @@ class AXMReportNewIssueComponent extends AXBasePageComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMReportNewIssueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: AXMReportNewIssueComponent, isStandalone: true, selector: "axm-report-new-issue", viewQueries: [{ propertyName: "form", first: true, predicate: AXFormComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *translate=\"let t\" class=\"ax-p-6\">\r\n  <ax-form #form>\r\n    <div class=\"ax-grid ax-gap-2\">\r\n      <ax-form-field>\r\n        <ax-label>{{ t('report-new-issue.title', { scope: 'issue-management' }) | async }}</ax-label>\r\n        <ax-text-box [(ngModel)]=\"vm.data().title\">\r\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\r\n        </ax-text-box>\r\n      </ax-form-field>\r\n      <ax-form-field>\r\n        <ax-label>{{ t('report-new-issue.issue-type', { scope: 'issue-management' }) | async }}</ax-label>\r\n        <ax-select-box\r\n          valueField=\"id\"\r\n          textField=\"title\"\r\n          [dataSource]=\"issueTypeDataSource\"\r\n          [value]=\"vm.data().issueType\"\r\n          (onValueChanged)=\"handleIssueTypeChange($event)\"\r\n        ></ax-select-box>\r\n      </ax-form-field>\r\n      <ax-form-field>\r\n        <ax-label>{{ t('report-new-issue.priority', { scope: 'issue-management' }) | async }}</ax-label>\r\n        <ax-select-box\r\n          valueField=\"id\"\r\n          textField=\"title\"\r\n          [dataSource]=\"priorityList\"\r\n          [value]=\"vm.data().priority\"\r\n          (onValueChanged)=\"handlePriorityChange($event)\"\r\n        ></ax-select-box>\r\n      </ax-form-field>\r\n      <ax-form-field>\r\n        <ax-label>{{ t('report-new-issue.description', { scope: 'issue-management' }) | async }}</ax-label>\r\n        <ax-text-area [(ngModel)]=\"vm.data().description\">\r\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\r\n        </ax-text-area>\r\n      </ax-form-field>\r\n      <ax-form-field>\r\n        <ax-label>{{ t('report-new-issue.attachments', { scope: 'issue-management' }) | async }}</ax-label>\r\n        <axp-widgets-container class=\"ax-flex ax-flex-col ax-gap-2 ax-p-4\" [context]=\"context\">\r\n          <ng-container axp-widget-renderer [node]=\"attachNode\" [mode]=\"'edit'\"> </ng-container>\r\n        </axp-widgets-container>\r\n      </ax-form-field>\r\n    </div>\r\n  </ax-form>\r\n  <!-- @if(vm.media().length > 0){\r\n  <div class=\"ax-py-4\">\r\n    <ax-content>\r\n      <ax-media-viewer-container #mediaViewer [dataArray]=\"vm.media()\" class=\"ax-block\">\r\n        <ax-header>\r\n          <ax-file-info></ax-file-info>\r\n          <ax-suffix>\r\n            <ax-button class=\"ax-sm\" color=\"danger\" (onClick)=\"onDeleteMediaClick(mediaViewer.getActiveIndex())\">\r\n              <ax-icon class=\"ax-icon ax-icon-trash\"> </ax-icon>\r\n            </ax-button>\r\n          </ax-suffix>\r\n        </ax-header>\r\n        <ax-prefix>\r\n          <ax-button (click)=\"mediaViewer.next()\">\r\n            <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\r\n          </ax-button>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n          <ax-button (click)=\"mediaViewer.prev()\">\r\n            <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\r\n          </ax-button>\r\n        </ax-suffix>\r\n      </ax-media-viewer-container>\r\n    </ax-content>\r\n  </div>\r\n  } -->\r\n  <!-- <div>\r\n    <ax-label>{{ t('report-new-issue.attach', { scope: 'issue-management' }) | async }}</ax-label>\r\n    <div\r\n      class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-border-dashed ax-border-secondary-500 ax-rounded-lg ax-p-6\"\r\n    >\r\n      <div class=\"ax-rounded-full ax-bg-surface ax-px-4 ax-py-3\">\r\n        <ax-icon class=\"fa-solid fa-paperclip ax-text-on-surface ax-text-xl\"></ax-icon>\r\n      </div>\r\n      <p class=\"ax-text-lg ax-text-on-surface\">\r\n        {{ t('report-new-issue.attach-box-description', { scope: 'issue-management' }) | async }}\r\n      </p>\r\n      <ax-button\r\n        class=\"ax-w-fit ax-mt-6\"\r\n        [text]=\"t('report-new-issue.start-capture-screen', { scope: 'issue-management' }) | async\"\r\n        color=\"secondary\"\r\n        (onClick)=\"handleStartRecordingClick()\"\r\n      ></ax-button>\r\n    </div>\r\n  </div> -->\r\n</div>\r\n<ax-footer>\r\n  <ax-suffix>\r\n    <ax-button\r\n      look=\"solid\"\r\n      color=\"default\"\r\n      [text]=\"'cancel' | translate | async\"\r\n      (onClick)=\"onCancelClick()\"\r\n    ></ax-button>\r\n    <ax-button\r\n      look=\"solid\"\r\n      color=\"primary\"\r\n      [text]=\"'save' | translate | async\"\r\n      (onClick)=\"handleSubmitClick()\"\r\n    ></ax-button>\r\n  </ax-suffix>\r\n</ax-footer>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: AXMReportNewIssueComponent, isStandalone: true, selector: "axm-report-new-issue", viewQueries: [{ propertyName: "form", first: true, predicate: AXFormComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *translate=\"let t\" class=\"ax-p-6\">\n  <ax-form #form>\n    <div class=\"ax-grid ax-gap-2\">\n      <ax-form-field>\n        <ax-label>{{ t('report-new-issue.title', { scope: 'help-desk' }) | async }}</ax-label>\n        <ax-text-box [(ngModel)]=\"vm.data().title\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>{{ t('report-new-issue.issue-type', { scope: 'help-desk' }) | async }}</ax-label>\n        <ax-select-box\n          valueField=\"id\"\n          textField=\"title\"\n          [dataSource]=\"issueTypeDataSource\"\n          [value]=\"vm.data().issueType\"\n          (onValueChanged)=\"handleIssueTypeChange($event)\"\n        ></ax-select-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>{{ t('report-new-issue.priority', { scope: 'help-desk' }) | async }}</ax-label>\n        <ax-select-box\n          valueField=\"id\"\n          textField=\"title\"\n          [dataSource]=\"priorityList\"\n          [value]=\"vm.data().priority\"\n          (onValueChanged)=\"handlePriorityChange($event)\"\n        ></ax-select-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>{{ t('report-new-issue.description', { scope: 'help-desk' }) | async }}</ax-label>\n        <ax-text-area [(ngModel)]=\"vm.data().description\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-area>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>{{ t('report-new-issue.attachments', { scope: 'help-desk' }) | async }}</ax-label>\n        <axp-widgets-container class=\"ax-flex ax-flex-col ax-gap-2 ax-p-4\" [context]=\"context\">\n          <ng-container axp-widget-renderer [node]=\"attachNode\" [mode]=\"'edit'\"> </ng-container>\n        </axp-widgets-container>\n      </ax-form-field>\n    </div>\n  </ax-form>\n  <!-- @if(vm.media().length > 0){\n  <div class=\"ax-py-4\">\n    <ax-content>\n      <ax-media-viewer-container #mediaViewer [dataArray]=\"vm.media()\" class=\"ax-block\">\n        <ax-header>\n          <ax-file-info></ax-file-info>\n          <ax-suffix>\n            <ax-button class=\"ax-sm\" color=\"danger\" (onClick)=\"onDeleteMediaClick(mediaViewer.getActiveIndex())\">\n              <ax-icon class=\"ax-icon ax-icon-trash\"> </ax-icon>\n            </ax-button>\n          </ax-suffix>\n        </ax-header>\n        <ax-prefix>\n          <ax-button (click)=\"mediaViewer.next()\">\n            <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\n          </ax-button>\n        </ax-prefix>\n        <ax-suffix>\n          <ax-button (click)=\"mediaViewer.prev()\">\n            <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\n          </ax-button>\n        </ax-suffix>\n      </ax-media-viewer-container>\n    </ax-content>\n  </div>\n  } -->\n  <!-- <div>\n    <ax-label>{{ t('report-new-issue.attach', { scope: 'help-desk' }) | async }}</ax-label>\n    <div\n      class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-border-dashed ax-border-secondary-500 ax-rounded-lg ax-p-6\"\n    >\n      <div class=\"ax-rounded-full ax-bg-surface ax-px-4 ax-py-3\">\n        <ax-icon class=\"fa-solid fa-paperclip ax-text-on-surface ax-text-xl\"></ax-icon>\n      </div>\n      <p class=\"ax-text-lg ax-text-on-surface\">\n        {{ t('report-new-issue.attach-box-description', { scope: 'help-desk' }) | async }}\n      </p>\n      <ax-button\n        class=\"ax-w-fit ax-mt-6\"\n        [text]=\"t('report-new-issue.start-capture-screen', { scope: 'help-desk' }) | async\"\n        color=\"secondary\"\n        (onClick)=\"handleStartRecordingClick()\"\n      ></ax-button>\n    </div>\n  </div> -->\n</div>\n<ax-footer>\n  <ax-suffix>\n    <ax-button\n      look=\"solid\"\n      color=\"default\"\n      [text]=\"'cancel' | translate | async\"\n      (onClick)=\"onCancelClick()\"\n    ></ax-button>\n    <ax-button\n      look=\"solid\"\n      color=\"primary\"\n      [text]=\"'save' | translate | async\"\n      (onClick)=\"handleSubmitClick()\"\n    ></ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
                 //
                 AXTranslationModule }, { kind: "directive", type: i2.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i5.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTextAreaModule }, { kind: "component", type: i7.AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i9.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXMediaViewerModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i10.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i10.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }] }); }
 }
@@ -2208,7 +2208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                         AXButtonModule,
                         AXMediaViewerModule,
                         AXPLayoutBuilderModule,
-                    ], template: "<div *translate=\"let t\" class=\"ax-p-6\">\r\n  <ax-form #form>\r\n    <div class=\"ax-grid ax-gap-2\">\r\n      <ax-form-field>\r\n        <ax-label>{{ t('report-new-issue.title', { scope: 'issue-management' }) | async }}</ax-label>\r\n        <ax-text-box [(ngModel)]=\"vm.data().title\">\r\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\r\n        </ax-text-box>\r\n      </ax-form-field>\r\n      <ax-form-field>\r\n        <ax-label>{{ t('report-new-issue.issue-type', { scope: 'issue-management' }) | async }}</ax-label>\r\n        <ax-select-box\r\n          valueField=\"id\"\r\n          textField=\"title\"\r\n          [dataSource]=\"issueTypeDataSource\"\r\n          [value]=\"vm.data().issueType\"\r\n          (onValueChanged)=\"handleIssueTypeChange($event)\"\r\n        ></ax-select-box>\r\n      </ax-form-field>\r\n      <ax-form-field>\r\n        <ax-label>{{ t('report-new-issue.priority', { scope: 'issue-management' }) | async }}</ax-label>\r\n        <ax-select-box\r\n          valueField=\"id\"\r\n          textField=\"title\"\r\n          [dataSource]=\"priorityList\"\r\n          [value]=\"vm.data().priority\"\r\n          (onValueChanged)=\"handlePriorityChange($event)\"\r\n        ></ax-select-box>\r\n      </ax-form-field>\r\n      <ax-form-field>\r\n        <ax-label>{{ t('report-new-issue.description', { scope: 'issue-management' }) | async }}</ax-label>\r\n        <ax-text-area [(ngModel)]=\"vm.data().description\">\r\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\r\n        </ax-text-area>\r\n      </ax-form-field>\r\n      <ax-form-field>\r\n        <ax-label>{{ t('report-new-issue.attachments', { scope: 'issue-management' }) | async }}</ax-label>\r\n        <axp-widgets-container class=\"ax-flex ax-flex-col ax-gap-2 ax-p-4\" [context]=\"context\">\r\n          <ng-container axp-widget-renderer [node]=\"attachNode\" [mode]=\"'edit'\"> </ng-container>\r\n        </axp-widgets-container>\r\n      </ax-form-field>\r\n    </div>\r\n  </ax-form>\r\n  <!-- @if(vm.media().length > 0){\r\n  <div class=\"ax-py-4\">\r\n    <ax-content>\r\n      <ax-media-viewer-container #mediaViewer [dataArray]=\"vm.media()\" class=\"ax-block\">\r\n        <ax-header>\r\n          <ax-file-info></ax-file-info>\r\n          <ax-suffix>\r\n            <ax-button class=\"ax-sm\" color=\"danger\" (onClick)=\"onDeleteMediaClick(mediaViewer.getActiveIndex())\">\r\n              <ax-icon class=\"ax-icon ax-icon-trash\"> </ax-icon>\r\n            </ax-button>\r\n          </ax-suffix>\r\n        </ax-header>\r\n        <ax-prefix>\r\n          <ax-button (click)=\"mediaViewer.next()\">\r\n            <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\r\n          </ax-button>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n          <ax-button (click)=\"mediaViewer.prev()\">\r\n            <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\r\n          </ax-button>\r\n        </ax-suffix>\r\n      </ax-media-viewer-container>\r\n    </ax-content>\r\n  </div>\r\n  } -->\r\n  <!-- <div>\r\n    <ax-label>{{ t('report-new-issue.attach', { scope: 'issue-management' }) | async }}</ax-label>\r\n    <div\r\n      class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-border-dashed ax-border-secondary-500 ax-rounded-lg ax-p-6\"\r\n    >\r\n      <div class=\"ax-rounded-full ax-bg-surface ax-px-4 ax-py-3\">\r\n        <ax-icon class=\"fa-solid fa-paperclip ax-text-on-surface ax-text-xl\"></ax-icon>\r\n      </div>\r\n      <p class=\"ax-text-lg ax-text-on-surface\">\r\n        {{ t('report-new-issue.attach-box-description', { scope: 'issue-management' }) | async }}\r\n      </p>\r\n      <ax-button\r\n        class=\"ax-w-fit ax-mt-6\"\r\n        [text]=\"t('report-new-issue.start-capture-screen', { scope: 'issue-management' }) | async\"\r\n        color=\"secondary\"\r\n        (onClick)=\"handleStartRecordingClick()\"\r\n      ></ax-button>\r\n    </div>\r\n  </div> -->\r\n</div>\r\n<ax-footer>\r\n  <ax-suffix>\r\n    <ax-button\r\n      look=\"solid\"\r\n      color=\"default\"\r\n      [text]=\"'cancel' | translate | async\"\r\n      (onClick)=\"onCancelClick()\"\r\n    ></ax-button>\r\n    <ax-button\r\n      look=\"solid\"\r\n      color=\"primary\"\r\n      [text]=\"'save' | translate | async\"\r\n      (onClick)=\"handleSubmitClick()\"\r\n    ></ax-button>\r\n  </ax-suffix>\r\n</ax-footer>\r\n" }]
+                    ], template: "<div *translate=\"let t\" class=\"ax-p-6\">\n  <ax-form #form>\n    <div class=\"ax-grid ax-gap-2\">\n      <ax-form-field>\n        <ax-label>{{ t('report-new-issue.title', { scope: 'help-desk' }) | async }}</ax-label>\n        <ax-text-box [(ngModel)]=\"vm.data().title\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>{{ t('report-new-issue.issue-type', { scope: 'help-desk' }) | async }}</ax-label>\n        <ax-select-box\n          valueField=\"id\"\n          textField=\"title\"\n          [dataSource]=\"issueTypeDataSource\"\n          [value]=\"vm.data().issueType\"\n          (onValueChanged)=\"handleIssueTypeChange($event)\"\n        ></ax-select-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>{{ t('report-new-issue.priority', { scope: 'help-desk' }) | async }}</ax-label>\n        <ax-select-box\n          valueField=\"id\"\n          textField=\"title\"\n          [dataSource]=\"priorityList\"\n          [value]=\"vm.data().priority\"\n          (onValueChanged)=\"handlePriorityChange($event)\"\n        ></ax-select-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>{{ t('report-new-issue.description', { scope: 'help-desk' }) | async }}</ax-label>\n        <ax-text-area [(ngModel)]=\"vm.data().description\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-area>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>{{ t('report-new-issue.attachments', { scope: 'help-desk' }) | async }}</ax-label>\n        <axp-widgets-container class=\"ax-flex ax-flex-col ax-gap-2 ax-p-4\" [context]=\"context\">\n          <ng-container axp-widget-renderer [node]=\"attachNode\" [mode]=\"'edit'\"> </ng-container>\n        </axp-widgets-container>\n      </ax-form-field>\n    </div>\n  </ax-form>\n  <!-- @if(vm.media().length > 0){\n  <div class=\"ax-py-4\">\n    <ax-content>\n      <ax-media-viewer-container #mediaViewer [dataArray]=\"vm.media()\" class=\"ax-block\">\n        <ax-header>\n          <ax-file-info></ax-file-info>\n          <ax-suffix>\n            <ax-button class=\"ax-sm\" color=\"danger\" (onClick)=\"onDeleteMediaClick(mediaViewer.getActiveIndex())\">\n              <ax-icon class=\"ax-icon ax-icon-trash\"> </ax-icon>\n            </ax-button>\n          </ax-suffix>\n        </ax-header>\n        <ax-prefix>\n          <ax-button (click)=\"mediaViewer.next()\">\n            <ax-icon class=\"ax-icon ax-icon-chevron-right\"> </ax-icon>\n          </ax-button>\n        </ax-prefix>\n        <ax-suffix>\n          <ax-button (click)=\"mediaViewer.prev()\">\n            <ax-icon class=\"ax-icon ax-icon-chevron-left\"> </ax-icon>\n          </ax-button>\n        </ax-suffix>\n      </ax-media-viewer-container>\n    </ax-content>\n  </div>\n  } -->\n  <!-- <div>\n    <ax-label>{{ t('report-new-issue.attach', { scope: 'help-desk' }) | async }}</ax-label>\n    <div\n      class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-border-dashed ax-border-secondary-500 ax-rounded-lg ax-p-6\"\n    >\n      <div class=\"ax-rounded-full ax-bg-surface ax-px-4 ax-py-3\">\n        <ax-icon class=\"fa-solid fa-paperclip ax-text-on-surface ax-text-xl\"></ax-icon>\n      </div>\n      <p class=\"ax-text-lg ax-text-on-surface\">\n        {{ t('report-new-issue.attach-box-description', { scope: 'help-desk' }) | async }}\n      </p>\n      <ax-button\n        class=\"ax-w-fit ax-mt-6\"\n        [text]=\"t('report-new-issue.start-capture-screen', { scope: 'help-desk' }) | async\"\n        color=\"secondary\"\n        (onClick)=\"handleStartRecordingClick()\"\n      ></ax-button>\n    </div>\n  </div> -->\n</div>\n<ax-footer>\n  <ax-suffix>\n    <ax-button\n      look=\"solid\"\n      color=\"default\"\n      [text]=\"'cancel' | translate | async\"\n      (onClick)=\"onCancelClick()\"\n    ></ax-button>\n    <ax-button\n      look=\"solid\"\n      color=\"primary\"\n      [text]=\"'save' | translate | async\"\n      (onClick)=\"handleSubmitClick()\"\n    ></ax-button>\n  </ax-suffix>\n</ax-footer>\n" }]
         }], ctorParameters: () => [], propDecorators: { form: [{
                 type: ViewChild,
                 args: [AXFormComponent]
@@ -2283,7 +2283,7 @@ class AXPCaptureScreenWidgetExtensionComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: AXPCaptureScreenWidgetExtensionComponent, isStandalone: true, selector: "axp-file-uploader-widget-extension", providers: [], ngImport: i0, template: `
     <ax-divider></ax-divider>
     <ax-button-item
-      [text]="('@issue-management:report-new-issue.capture-screen' | translate | async)!"
+      [text]="('@help-desk:report-new-issue.capture-screen' | translate | async)!"
       (onClick)="openCaptureScreen()"
     >
       <ax-prefix>
@@ -2303,7 +2303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     template: `
     <ax-divider></ax-divider>
     <ax-button-item
-      [text]="('@issue-management:report-new-issue.capture-screen' | translate | async)!"
+      [text]="('@help-desk:report-new-issue.capture-screen' | translate | async)!"
       (onClick)="openCaptureScreen()"
     >
       <ax-prefix>
@@ -2331,20 +2331,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
 
 const AXMPermissionsKeys = {
     Issue: {
-        Management: 'issue-management:manage',
+        Management: 'help-desk:manage',
         MyReportedIssues: {
-            Management: 'issue-management:my-reported-issues:manage',
-            View: 'issue-management:my-reported-issues:view',
-            Edit: 'issue-management:my-reported-issues:edit',
-            Delete: 'issue-management:my-reported-issues:delete',
-            Create: 'issue-management:my-reported-issues:create',
+            Management: 'help-desk:my-reported-issues:manage',
+            View: 'help-desk:my-reported-issues:view',
+            Edit: 'help-desk:my-reported-issues:edit',
+            Delete: 'help-desk:my-reported-issues:delete',
+            Create: 'help-desk:my-reported-issues:create',
         },
         ReportedIssues: {
-            Management: 'issue-management:reported-issues:manage',
-            View: 'issue-management:reported-issues:view',
-            Edit: 'issue-management:reported-issues:edit',
-            Delete: 'issue-management:reported-issues:delete',
-            Create: 'issue-management:reported-issues:create',
+            Management: 'help-desk:reported-issues:manage',
+            View: 'help-desk:reported-issues:view',
+            Edit: 'help-desk:reported-issues:edit',
+            Delete: 'help-desk:reported-issues:delete',
+            Create: 'help-desk:reported-issues:create',
         },
     },
 };
@@ -2354,6 +2354,53 @@ class AXMMenuProvider {
         this.entityService = inject(AXPEntityService);
     }
     async provide(context) {
+        const scope = RootConfig.config.i18n;
+        //#region ----   Help Menu (Always Available)   ----
+        context.addItems([
+            {
+                name: 'app-help',
+                text: `t('help',{scope: "${scope}"})`,
+                icon: 'fa-light  fa-circle-question',
+                priority: 900000,
+                data: {
+                    requiredPermission: 'platform',
+                },
+                children: [
+                    {
+                        name: 'app-help-center',
+                        text: `t('help-center',{scope: "${scope}"})`,
+                        icon: 'fa-light fa-book-open',
+                        priority: 900001,
+                    },
+                    {
+                        name: 'app-help-tutorials',
+                        text: `t('tutorials',{scope: "${scope}"})`,
+                        icon: 'fa-light fa-clapperboard-play',
+                        priority: 900002,
+                    },
+                    {
+                        name: 'app-release-notes',
+                        text: `t('release-notes',{scope: "${scope}"})`,
+                        icon: 'fa-light fa-memo-pad',
+                        command: {
+                            name: 'show-release-notes',
+                        },
+                        priority: 900003,
+                    },
+                    {
+                        text: 'break',
+                        type: 'break',
+                        priority: 900004,
+                    },
+                    {
+                        name: 'app-about',
+                        text: `t('about',{scope: "${scope}"})`,
+                        icon: 'fa-light fa-circle-info',
+                        priority: 900011,
+                    },
+                ],
+            },
+        ]);
         context.find('platform-management').addItems([
             {
                 text: 'break',
@@ -2434,10 +2481,10 @@ class AXMSettingProvider {
     }
 }
 
-class AXMIssueManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMIssueManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: AXMIssueManagementModule, imports: [i1$2.AXPWorkflowModule, i2$2.AXPComponentSlotModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMIssueManagementModule, providers: [
+class AXMHelpDeskModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMHelpDeskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: AXMHelpDeskModule, imports: [i1$2.AXPWorkflowModule, i2$2.AXPComponentSlotModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMHelpDeskModule, providers: [
             {
                 provide: AXMIssueTypeService,
                 useClass: AXMIssueTypeServiceImpl,
@@ -2484,7 +2531,7 @@ class AXMIssueManagementModule {
                 ],
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMIssueManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMHelpDeskModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2545,5 +2592,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMCaptureScreenService as A, RootConfig as R, AXMIssueTypeService as a, AXMIssueTypeServiceImpl as b, AXMMyReportedIssuesService as c, AXMMyReportedIssuesServiceImpl as d, AXMReportedIssuesService as e, AXMReportedIssuesServiceImpl as f, AXMEntityProvider as g, AXMLogCaptureService as h, issueTypeEntityFactory as i, AXMIssueManagementModule as j, AXMMenuProvider as k, AXMPermissionsKeys as l, myReportedIssuesEntityFactory as m, AXMSettingProvider as n, reportedIssuesEntityFactory as r };
-//# sourceMappingURL=acorex-modules-issue-management-acorex-modules-issue-management-CTFlKzqy.mjs.map
+export { AXMCaptureScreenService as A, RootConfig as R, AXMIssueTypeService as a, AXMIssueTypeServiceImpl as b, AXMMyReportedIssuesService as c, AXMMyReportedIssuesServiceImpl as d, AXMReportedIssuesService as e, AXMReportedIssuesServiceImpl as f, AXMEntityProvider as g, AXMLogCaptureService as h, issueTypeEntityFactory as i, AXMHelpDeskModule as j, AXMMenuProvider as k, AXMPermissionsKeys as l, myReportedIssuesEntityFactory as m, AXMSettingProvider as n, reportedIssuesEntityFactory as r };
+//# sourceMappingURL=acorex-modules-help-desk-acorex-modules-help-desk-8iEAzfh5.mjs.map