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

package/fesm2022/{acorex-platform-module-document-management-client-large-tiles-view.component-Dm-MSIUn.mjs.map → acorex-platform-module-document-management-client-large-tiles-view.component-DzWIUZtv.mjs.map}

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

package/fesm2022/acorex-platform-module-document-management-client-link-dialog.component-EYoimqRD.mjs

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

package/fesm2022/acorex-platform-module-document-management-client-link-dialog.component-EYoimqRD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-link-dialog.component-EYoimqRD.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/shared/components/link-dialog/link-dialog.component.ts","../../../../libs/modules/document-management/client/src/lib/features/shared/components/link-dialog/link-dialog.component.html"],"sourcesContent":["//#region ----- Imports -----\n\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXComboBoxComponent, type AXComboBoxItem } from '@acorex/components/combo-box';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXDateTimePickerModule } from '@acorex/components/datetime-picker';\nimport { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { Component, CUSTOM_ELEMENTS_SCHEMA, Input, ChangeDetectionStrategy, inject, signal, OnInit } from '@angular/core';\nimport { AXMDocumentExplorerNode } from '../../document-manager.types';\n\n//#endregion\n\n//#region ----- Component -----\n\n@Component({\n  selector: 'ax-link-dialog',\n  standalone: true,\n  imports: [\n    AXComboBoxComponent,\n    AXButtonModule,\n    AXFormModule,\n    AXTextBoxModule,\n    AXDateTimePickerModule,\n    AXTranslationModule,\n    AsyncPipe,\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  templateUrl: './link-dialog.component.html',\n})\nexport class AXMLinkDialogComponent implements OnInit {\n  //#region ----- Services & Dependencies -----\n\n  private readonly translationService = inject(AXTranslationService);\n\n  //#endregion\n\n  //#region ----- Inputs -----\n\n  @Input() node: AXMDocumentExplorerNode;\n\n  //#endregion\n\n  //#region ----- State -----\n\n  linkType: string = 'view';\n  expirationDate: Date | null = null;\n  permission: string = 'view';\n  generatedLink: string = '';\n\n  protected readonly linkTypeComboItems = signal<AXComboBoxItem[]>([]);\n  protected readonly permissionComboItems = signal<AXComboBoxItem[]>([]);\n\n  //#endregion\n\n  //#region ----- Lifecycle -----\n\n  async ngOnInit(): Promise<void> {\n    const t = this.translationService;\n    this.linkTypeComboItems.set([\n      {\n        id: 'view',\n        value: 'view',\n        text: (await t.translateAsync('@document-management:dialogs.share-link-dialog.link-types.view-only')) ?? '',\n      },\n      {\n        id: 'edit',\n        value: 'edit',\n        text: (await t.translateAsync('@document-management:dialogs.share-link-dialog.link-types.edit')) ?? '',\n      },\n      {\n        id: 'download',\n        value: 'download',\n        text: (await t.translateAsync('@document-management:dialogs.share-link-dialog.link-types.download')) ?? '',\n      },\n    ]);\n    this.permissionComboItems.set([\n      {\n        id: 'view',\n        value: 'view',\n        text: (await t.translateAsync('@document-management:dialogs.share-dialog.permissions.view-only')) ?? '',\n      },\n      {\n        id: 'edit',\n        value: 'edit',\n        text: (await t.translateAsync('@document-management:dialogs.share-dialog.permissions.can-edit')) ?? '',\n      },\n      {\n        id: 'full',\n        value: 'full',\n        text: (await t.translateAsync('@document-management:dialogs.share-dialog.permissions.full-access')) ?? '',\n      },\n    ]);\n  }\n\n  //#endregion\n\n  //#region ----- Event Handlers -----\n\n  handleLinkTypeChange(event: { value?: unknown }) {\n    this.linkType = (event.value as string) ?? this.linkType;\n  }\n\n  handlePermissionChange(event: { value?: unknown }) {\n    this.permission = (event.value as string) ?? this.permission;\n  }\n\n  copyLink() {\n    if (this.generatedLink) {\n      navigator.clipboard.writeText(this.generatedLink);\n    }\n  }\n\n  onGenerate() {\n    this.generatedLink = `https://example.com/share/${this.node.id}?type=${this.linkType}&permission=${this.permission}`;\n\n    console.log({\n      result: true,\n      data: {\n        linkType: this.linkType,\n        permission: this.permission,\n        expirationDate: this.expirationDate,\n        link: this.generatedLink,\n      },\n    });\n  }\n\n  onCancel() {\n    console.log({ result: false });\n  }\n\n  //#endregion\n}\n\n//#endregion\n","<div class=\"p-4 gap-2\">\n  <ax-form>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-link-dialog.fields.link-type' | translate | async }}</ax-label>\n      <ax-combo-box\n        [(value)]=\"linkType\"\n        [items]=\"linkTypeComboItems()\"\n        [searchable]=\"false\"\n        (onValueChanged)=\"handleLinkTypeChange($event)\"\n        >\n      </ax-combo-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-link-dialog.fields.expiration' | translate | async }}</ax-label>\n      <ax-date-picker [(value)]=\"expirationDate\"></ax-date-picker>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>{{ '@document-management:dialogs.share-link-dialog.fields.permission' | translate | async }}</ax-label>\n      <ax-combo-box\n        [(value)]=\"permission\"\n        [items]=\"permissionComboItems()\"\n        [searchable]=\"false\"\n        (onValueChanged)=\"handlePermissionChange($event)\"\n        >\n      </ax-combo-box>\n    </ax-form-field>\n    <!-- ----- Generated link field when a link exists ----- -->\n    @if (generatedLink) {\n      <ax-form-field>\n        <ax-label>{{ '@document-management:dialogs.share-link-dialog.fields.generated-link' | translate | async }}</ax-label>\n        <ax-text-box [(value)]=\"generatedLink\" [readonly]=\"true\">\n          <ax-suffix>\n            <ax-button\n              [text]=\"('@document-management:dialogs.share-link-dialog.actions.copy' | translate | async) ?? ''\"\n              size=\"small\"\n              (onClick)=\"copyLink()\"\n            ></ax-button>\n          </ax-suffix>\n        </ax-text-box>\n      </ax-form-field>\n    }\n  </ax-form>\n  <ax-footer>\n    <ax-suffix>\n      <ax-button [text]=\"('@general:actions.cancel.title' | translate | async) ?? ''\" (onClick)=\"onCancel()\"></ax-button>\n      <ax-button\n        [text]=\"('@document-management:dialogs.share-link-dialog.actions.generate-link' | translate | async) ?? ''\"\n        (onClick)=\"onGenerate()\"\n      ></ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-module-document-management-client-list-view-skeleton.component-D-QA5J07.mjs → acorex-platform-module-document-management-client-list-view-skeleton.component-Dgx8lVyN.mjs}

@@ -6,7 +6,7 @@ import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
-import { A as AXPDocumentExplorerViewModel } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client--0oIEHPI.mjs';
+import { A as AXPDocumentExplorerViewModel } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-qhcOFKFu.mjs';
 
 class AXMDocumentExplorerListViewSkeletonComponent {
     constructor() {
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 export { AXMDocumentExplorerListViewSkeletonComponent };
-//# sourceMappingURL=acorex-platform-module-document-management-client-list-view-skeleton.component-D-QA5J07.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-list-view-skeleton.component-Dgx8lVyN.mjs.map

package/fesm2022/{acorex-platform-module-document-management-client-list-view-skeleton.component-D-QA5J07.mjs.map → acorex-platform-module-document-management-client-list-view-skeleton.component-Dgx8lVyN.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-module-document-management-client-list-view-skeleton.component-D-QA5J07.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/list/list-view-skeleton.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/list/list-view-skeleton.component.html"],"sourcesContent":["import { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\n\n@Component({\n  selector: 'axm-document-explorer-list-view-skeleton',\n  templateUrl: './list-view-skeleton.component.html',\n  styleUrl: './list-view-skeleton.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXSkeletonModule, AXTranslationModule],\n})\nexport class AXMDocumentExplorerListViewSkeletonComponent {\n  protected readonly vm = inject(AXPDocumentExplorerViewModel);\n\n  protected readonly folderPlaceholders = [0, 1, 2];\n  protected readonly filePlaceholders = [0, 1];\n  protected readonly flatPlaceholders = [0, 1, 2, 3, 4];\n}\n","@if (vm.groupByType()) {\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of folderPlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  </div>\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of filePlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"__content\">\n    @for (item of flatPlaceholders; track item) {\n      <div class=\"__item\">\n        <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n      </div>\n    }\n  </div>\n}\n"],"names":["i2"],"mappings":";;;;;;;;;;MAaa,4CAA4C,CAAA;AAPzD,IAAA,WAAA,GAAA;AAQqB,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;QAEzC,IAAA,CAAA,kBAAkB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACzB,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACtD,IAAA;8GANY,4CAA4C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4CAA4C,oGCbzD,+xCAqCA,EAAA,MAAA,EAAA,CAAA,4vCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED1BY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,kIAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAElD,4CAA4C,EAAA,UAAA,EAAA,CAAA;kBAPxD,SAAS;+BACE,0CAA0C,EAAA,eAAA,EAGnC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,+xCAAA,EAAA,MAAA,EAAA,CAAA,4vCAAA,CAAA,EAAA;;;"}
+{"version":3,"file":"acorex-platform-module-document-management-client-list-view-skeleton.component-Dgx8lVyN.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/list/list-view-skeleton.component.ts","../../../../libs/modules/document-management/client/src/lib/features/document-explorer/views/list/list-view-skeleton.component.html"],"sourcesContent":["import { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\n\n@Component({\n  selector: 'axm-document-explorer-list-view-skeleton',\n  templateUrl: './list-view-skeleton.component.html',\n  styleUrl: './list-view-skeleton.component.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXSkeletonModule, AXTranslationModule],\n})\nexport class AXMDocumentExplorerListViewSkeletonComponent {\n  protected readonly vm = inject(AXPDocumentExplorerViewModel);\n\n  protected readonly folderPlaceholders = [0, 1, 2];\n  protected readonly filePlaceholders = [0, 1];\n  protected readonly flatPlaceholders = [0, 1, 2, 3, 4];\n}\n","@if (vm.groupByType()) {\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of folderPlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  </div>\n  <div class=\"__section\">\n    <div class=\"__header\">\n      <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n    </div>\n    <div class=\"__content\">\n      @for (item of filePlaceholders; track item) {\n        <div class=\"__item\">\n          <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n          <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n        </div>\n      }\n    </div>\n  </div>\n} @else {\n  <div class=\"__content\">\n    @for (item of flatPlaceholders; track item) {\n      <div class=\"__item\">\n        <ax-skeleton [animated]=\"true\" class=\"__icon\"></ax-skeleton>\n        <ax-skeleton [animated]=\"true\" class=\"__name\"></ax-skeleton>\n      </div>\n    }\n  </div>\n}\n"],"names":["i2"],"mappings":";;;;;;;;;;MAaa,4CAA4C,CAAA;AAPzD,IAAA,WAAA,GAAA;AAQqB,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;QAEzC,IAAA,CAAA,kBAAkB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACzB,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACtD,IAAA;8GANY,4CAA4C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4CAA4C,oGCbzD,+xCAqCA,EAAA,MAAA,EAAA,CAAA,4vCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED1BY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,kIAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAElD,4CAA4C,EAAA,UAAA,EAAA,CAAA;kBAPxD,SAAS;+BACE,0CAA0C,EAAA,eAAA,EAGnC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,+xCAAA,EAAA,MAAA,EAAA,CAAA,4vCAAA,CAAA,EAAA;;;"}

package/fesm2022/acorex-platform-module-document-management-client-list-view.component-DVUfHWHB.mjs

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

package/fesm2022/{acorex-platform-module-document-management-client-list-view.component-CDldLoV-.mjs.map → acorex-platform-module-document-management-client-list-view.component-DVUfHWHB.mjs.map}

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

package/fesm2022/{acorex-platform-module-document-management-client-open-document.command--tM4SRV7.mjs → acorex-platform-module-document-management-client-open-document.command-Bimm2bzt.mjs}

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, Injectable } from '@angular/core';
 import { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
 import { RootConfig } from '@acorex-platform/module-document-management-client/contracts';
-import { d as AXMDocumentManagerService } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client--0oIEHPI.mjs';
+import { i as AXMDocumentManagerService } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-qhcOFKFu.mjs';
 
 //#region ----- Imports -----
 //#endregion
@@ -47,6 +47,7 @@ function toExplorerNode(document) {
     return {
         id: document.id,
         name: document.name,
+        title: document.title,
         type: 'file',
         parentId: document.parentId ?? null,
         size: fileListItem?.size ?? 0,
@@ -106,4 +107,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }] });
 
 export { AXMOpenDocumentCommand };
-//# sourceMappingURL=acorex-platform-module-document-management-client-open-document.command--tM4SRV7.mjs.map
+//# sourceMappingURL=acorex-platform-module-document-management-client-open-document.command-Bimm2bzt.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-open-document.command-Bimm2bzt.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/commands/open-document.command.ts"],"sourcesContent":["//#region ----- Imports -----\n\nimport { inject, Injectable } from '@angular/core';\nimport { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';\nimport { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport type { AXPFileListItem } from '@acorex-platform/framework-shared/core';\nimport {\n  AXMDocumentDto,\n  RootConfig,\n} from '@acorex-platform/module-document-management-client/contracts';\n\nimport { AXMDocumentManagerService } from '../shared/document-manager.service';\nimport type { AXMDocumentExplorerNode } from '../shared/document-manager.types';\n\n//#endregion\n\n//#region ----- Types -----\n\nexport interface AXMOpenDocumentCommandInput {\n  documentId?: string;\n  data?: AXMDocumentExplorerNode | {\n    documentId?: string;\n    id?: string;\n    payload?: { context?: { documentId?: string } };\n    context?: { documentId?: string };\n  };\n  options?: {\n    documentId?: string;\n  };\n}\n\n//#endregion\n\n//#region ----- Helpers -----\n\nfunction isExplorerFileNode(value: unknown): value is AXMDocumentExplorerNode {\n  return (\n    !!value &&\n    typeof value === 'object' &&\n    (value as AXMDocumentExplorerNode).type === 'file' &&\n    typeof (value as AXMDocumentExplorerNode).id === 'string'\n  );\n}\n\nfunction readDocumentId(value: unknown): string | undefined {\n  if (typeof value !== 'string') {\n    return undefined;\n  }\n  const trimmed = value.trim();\n  if (!trimmed || trimmed.includes('{{') || trimmed.includes('}}')) {\n    return undefined;\n  }\n  return trimmed;\n}\n\nfunction resolveDocumentId(input: AXMOpenDocumentCommandInput = {}): string | undefined {\n  const data = input.data;\n  const fromPayloadContext =\n    data && typeof data === 'object' && 'payload' in data\n      ? (data as { payload?: { context?: { documentId?: unknown } } }).payload?.context?.documentId\n      : undefined;\n  const fromDataContext =\n    data && typeof data === 'object' && 'context' in data\n      ? (data as { context?: { documentId?: unknown } }).context?.documentId\n      : undefined;\n  const fromDataDocumentId =\n    data && typeof data === 'object' && 'documentId' in data\n      ? (data as { documentId?: unknown }).documentId\n      : undefined;\n\n  return (\n    readDocumentId(input.documentId) ??\n    readDocumentId(input.options?.documentId) ??\n    readDocumentId(fromDataDocumentId) ??\n    readDocumentId(fromPayloadContext) ??\n    readDocumentId(fromDataContext)\n  );\n}\n\nfunction toExplorerNode(document: AXMDocumentDto): AXMDocumentExplorerNode {\n  const rawFileInfo = document.fileInfo;\n  const fileListItem =\n    rawFileInfo != null && typeof rawFileInfo === 'object' ? (rawFileInfo as AXPFileListItem) : undefined;\n  const storedFileRef = typeof rawFileInfo === 'string' ? rawFileInfo : undefined;\n\n  return {\n    id: document.id!,\n    name: document.name,\n    title: document.title,\n    type: 'file',\n    parentId: document.parentId ?? null,\n    size: fileListItem?.size ?? 0,\n    fileId: fileListItem ?? storedFileRef,\n    storageType: 'physical',\n    metaDataForm: document.metaDataForm ?? undefined,\n    documentTypes: document.documentType ? [document.documentType] : [],\n    expirationDate: document.expirationDate ? new Date(document.expirationDate) : undefined,\n  };\n}\n\n//#endregion\n\n//#region ----- Open file command -----\n\n/**\n * Opens a document the same way Drive context menu open does\n * (catalog open handler, otherwise download).\n */\n@Injectable({ providedIn: 'root' })\nexport class AXMOpenDocumentCommand implements AXPCommand<AXMOpenDocumentCommandInput> {\n  //#region ----- Services & Dependencies -----\n\n  private readonly documentManager = inject(AXMDocumentManagerService);\n  private readonly entityService = inject(AXPEntityService);\n  private readonly documentData = this.entityService\n    .withEntity(RootConfig.module.name, RootConfig.entities.document.name)\n    .data<string, AXMDocumentDto>();\n\n  //#endregion\n\n  //#region ----- Execute -----\n\n  async execute(input: AXMOpenDocumentCommandInput = {}): AXPCommandExecuteResultPromise {\n    // Drive already has the explorer node — reuse it (no refetch).\n    if (isExplorerFileNode(input.data)) {\n      await this.documentManager.openFile(input.data);\n      return { success: true, kind: 'object', data: { documentId: input.data.id } };\n    }\n\n    const documentId = resolveDocumentId(input);\n    if (!documentId) {\n      return {\n        success: false,\n        message: { text: '@document-management:distribute.errors.document-required' },\n      };\n    }\n\n    const document = await this.documentData.byKey(documentId);\n    if (!document?.id) {\n      return {\n        success: false,\n        message: { text: '@document-management:distribute.errors.document-not-found' },\n      };\n    }\n\n    await this.documentManager.openFile(toExplorerNode(document));\n    return { success: true, kind: 'object', data: { documentId } };\n  }\n\n  //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}

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

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

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

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