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

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

@@ -0,0 +1,68 @@
+import * as i1$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i1 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i4 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { AXDateTimePickerModule } from '@acorex/components/datetime-picker';
+
+class AXMLinkDialogComponent {
+    constructor() {
+        this.linkType = 'view';
+        this.expirationDate = null;
+        this.permission = 'view';
+        this.generatedLink = '';
+        this.linkTypes = [
+            { value: 'view', text: 'View Only Link' },
+            { value: 'edit', text: 'Edit Link' },
+            { value: 'download', text: 'Download Link' },
+        ];
+        this.permissions = [
+            { value: 'view', text: 'View only' },
+            { value: 'edit', text: 'Can edit' },
+            { value: 'full', text: 'Full access' },
+        ];
+    }
+    handleLinkTypeChange(event) {
+        this.linkType = event;
+    }
+    handlePermissionChange(event) {
+        this.permission = event;
+    }
+    copyLink() {
+        if (this.generatedLink) {
+            navigator.clipboard.writeText(this.generatedLink);
+        }
+    }
+    onGenerate() {
+        // Here we would typically make an API call to generate the link
+        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>Link Type:</ax-label>\n      <ax-select-box\n        [(value)]=\"linkType\"\n        [dataSource]=\"linkTypes\"\n        valueField=\"value\"\n        textField=\"text\"\n        (onValueChanged)=\"handleLinkTypeChange($event)\"\n        >\n      </ax-select-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Expiration:</ax-label>\n      <ax-date-picker [(value)]=\"expirationDate\"></ax-date-picker>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Permission:</ax-label>\n      <ax-select-box\n        [(value)]=\"permission\"\n        [dataSource]=\"permissions\"\n        valueField=\"value\"\n        textField=\"text\"\n        (onValueChanged)=\"handlePermissionChange($event)\"\n        >\n      </ax-select-box>\n    </ax-form-field>\n    @if (generatedLink) {\n      <ax-form-field>\n        <ax-label>Generated Link:</ax-label>\n        <ax-text-box [(value)]=\"generatedLink\" [readonly]=\"true\">\n          <ax-suffix>\n            <ax-button text=\"Copy\" size=\"small\" (onClick)=\"copyLink()\"></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=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n      <ax-button text=\"Generate Link\" (onClick)=\"onGenerate()\"></ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4.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 }], 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: [AXSelectBoxModule, AXButtonModule, AXFormModule, AXTextBoxModule, AXDateTimePickerModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"p-4 gap-2\">\n  <ax-form>\n    <ax-form-field>\n      <ax-label>Link Type:</ax-label>\n      <ax-select-box\n        [(value)]=\"linkType\"\n        [dataSource]=\"linkTypes\"\n        valueField=\"value\"\n        textField=\"text\"\n        (onValueChanged)=\"handleLinkTypeChange($event)\"\n        >\n      </ax-select-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Expiration:</ax-label>\n      <ax-date-picker [(value)]=\"expirationDate\"></ax-date-picker>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Permission:</ax-label>\n      <ax-select-box\n        [(value)]=\"permission\"\n        [dataSource]=\"permissions\"\n        valueField=\"value\"\n        textField=\"text\"\n        (onValueChanged)=\"handlePermissionChange($event)\"\n        >\n      </ax-select-box>\n    </ax-form-field>\n    @if (generatedLink) {\n      <ax-form-field>\n        <ax-label>Generated Link:</ax-label>\n        <ax-text-box [(value)]=\"generatedLink\" [readonly]=\"true\">\n          <ax-suffix>\n            <ax-button text=\"Copy\" size=\"small\" (onClick)=\"copyLink()\"></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=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n      <ax-button text=\"Generate Link\" (onClick)=\"onGenerate()\"></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-DXwE55QU.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-link-dialog.component-DXwE55QU.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":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\n\nimport { Component, CUSTOM_ELEMENTS_SCHEMA, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { AXMDocumentExplorerNode } from '../../document-manager.types';\nimport { AXDateTimePickerModule } from '@acorex/components/datetime-picker';\n\n@Component({\n  selector: 'ax-link-dialog',\n  standalone: true,\n  imports: [AXSelectBoxModule, AXButtonModule, AXFormModule, AXTextBoxModule, AXDateTimePickerModule],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  templateUrl: './link-dialog.component.html',\n})\nexport class AXMLinkDialogComponent {\n  @Input() node: AXMDocumentExplorerNode;\n\n  linkType: string = 'view';\n  expirationDate: Date | null = null;\n  permission: string = 'view';\n  generatedLink: string = '';\n\n  linkTypes = [\n    { value: 'view', text: 'View Only Link' },\n    { value: 'edit', text: 'Edit Link' },\n    { value: 'download', text: 'Download Link' },\n  ];\n\n  permissions = [\n    { value: 'view', text: 'View only' },\n    { value: 'edit', text: 'Can edit' },\n    { value: 'full', text: 'Full access' },\n  ];\n\n  handleLinkTypeChange(event: any) {\n    this.linkType = event;\n  }\n\n  handlePermissionChange(event: any) {\n    this.permission = event;\n  }\n\n  copyLink() {\n    if (this.generatedLink) {\n      navigator.clipboard.writeText(this.generatedLink);\n    }\n  }\n\n  onGenerate() {\n    // Here we would typically make an API call to generate the link\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","<div class=\"p-4 gap-2\">\n  <ax-form>\n    <ax-form-field>\n      <ax-label>Link Type:</ax-label>\n      <ax-select-box\n        [(value)]=\"linkType\"\n        [dataSource]=\"linkTypes\"\n        valueField=\"value\"\n        textField=\"text\"\n        (onValueChanged)=\"handleLinkTypeChange($event)\"\n        >\n      </ax-select-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Expiration:</ax-label>\n      <ax-date-picker [(value)]=\"expirationDate\"></ax-date-picker>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Permission:</ax-label>\n      <ax-select-box\n        [(value)]=\"permission\"\n        [dataSource]=\"permissions\"\n        valueField=\"value\"\n        textField=\"text\"\n        (onValueChanged)=\"handlePermissionChange($event)\"\n        >\n      </ax-select-box>\n    </ax-form-field>\n    @if (generatedLink) {\n      <ax-form-field>\n        <ax-label>Generated Link:</ax-label>\n        <ax-text-box [(value)]=\"generatedLink\" [readonly]=\"true\">\n          <ax-suffix>\n            <ax-button text=\"Copy\" size=\"small\" (onClick)=\"copyLink()\"></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=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n      <ax-button text=\"Generate Link\" (onClick)=\"onGenerate()\"></ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/acorex-platform-module-document-management-client-list-view-skeleton.component-C3-7rgTu.mjs

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

package/fesm2022/acorex-platform-module-document-management-client-list-view-skeleton.component-C3-7rgTu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-list-view-skeleton.component-C3-7rgTu.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-_r7VP4i8.mjs

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex-platform/framework-client/core';
+import { A as AXPDocumentExplorerViewModel, a as AXMDocumentExpirationBadgeComponent, b as AXMFolderExpirationBadgesComponent } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-LQjccofO.mjs';
+import * as i3 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+
+class 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.name }}</div>\n              <axm-document-expiration-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        </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: 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,
+                        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.name }}</div>\n              <axm-document-expiration-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        </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-_r7VP4i8.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-list-view.component-_r7VP4i8.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 { 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      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            </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        </div>\n      </div>\n    }\n  </div>\n}\n"],"names":["i2"],"mappings":";;;;;;;;;MAyBa,oCAAoC,CAAA;AAfjD,IAAA,WAAA,GAAA;AAgBc,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,ECzBjD,qxJAsHA,EAAA,MAAA,EAAA,CAAA,65DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrGM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACvB,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACpB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,mCAAmC,4FACnC,kCAAkC,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA,CAAA;;2FAG3B,oCAAoC,EAAA,UAAA,EAAA,CAAA;kBAfhD,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,kCAAkC;AACnC,qBAAA,EAAA,QAAA,EAAA,qxJAAA,EAAA,MAAA,EAAA,CAAA,65DAAA,CAAA,EAAA;;;;;"}

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

@@ -0,0 +1,96 @@
+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 { c as AXMDocumentManagerService } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-LQjccofO.mjs';
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Helpers -----
+function isExplorerFileNode(value) {
+    return (!!value &&
+        typeof value === 'object' &&
+        value.type === 'file' &&
+        typeof value.id === 'string');
+}
+function resolveDocumentId(input = {}) {
+    const fromOptions = input.options?.documentId;
+    const data = input.data;
+    const fromData = data && typeof data === 'object'
+        ? 'documentId' in data && typeof data.documentId === 'string'
+            ? data.documentId
+            : 'id' in data && typeof data.id === 'string'
+                ? data.id
+                : undefined
+        : undefined;
+    const fromRoot = input.documentId;
+    const value = fromOptions ?? fromData ?? fromRoot;
+    return typeof value === 'string' && value.trim() ? value.trim() : undefined;
+}
+function toExplorerNode(document) {
+    const rawFileInfo = document.fileInfo;
+    const fileListItem = rawFileInfo != null && typeof rawFileInfo === 'object' ? rawFileInfo : undefined;
+    const storedFileRef = typeof rawFileInfo === 'string' ? rawFileInfo : undefined;
+    return {
+        id: document.id,
+        name: document.name,
+        type: 'file',
+        parentId: document.parentId ?? null,
+        size: fileListItem?.size ?? 0,
+        fileId: fileListItem ?? storedFileRef,
+        storageType: 'physical',
+        metaDataForm: document.metaDataForm ?? undefined,
+        documentTypes: document.documentType ? [document.documentType] : [],
+        expirationDate: document.expirationDate ? new Date(document.expirationDate) : undefined,
+    };
+}
+//#endregion
+//#region ----- Open file command -----
+/**
+ * Opens a document the same way Drive context menu open does
+ * (catalog open handler, otherwise download).
+ */
+class AXMOpenDocumentCommand {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.documentManager = inject(AXMDocumentManagerService);
+        this.entityService = inject(AXPEntityService);
+        this.documentData = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.document.name)
+            .data();
+    }
+    //#endregion
+    //#region ----- Execute -----
+    async execute(input = {}) {
+        // Drive already has the explorer node — reuse it (no refetch).
+        if (isExplorerFileNode(input.data)) {
+            await this.documentManager.openFile(input.data);
+            return { success: true, kind: 'object', data: { documentId: input.data.id } };
+        }
+        const documentId = resolveDocumentId(input);
+        if (!documentId) {
+            return {
+                success: false,
+                message: { text: 'Document id is required' },
+            };
+        }
+        const document = await this.documentData.byKey(documentId);
+        if (!document?.id) {
+            return {
+                success: false,
+                message: { text: 'Document not found' },
+            };
+        }
+        await this.documentManager.openFile(toExplorerNode(document));
+        return { success: true, kind: 'object', data: { documentId } };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOpenDocumentCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOpenDocumentCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMOpenDocumentCommand, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+export { AXMOpenDocumentCommand };
+//# sourceMappingURL=acorex-platform-module-document-management-client-open-document.command-BbMZf6zo.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-open-document.command-BbMZf6zo.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  };\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 resolveDocumentId(input: AXMOpenDocumentCommandInput = {}): string | undefined {\n  const fromOptions = input.options?.documentId;\n  const data = input.data;\n  const fromData =\n    data && typeof data === 'object'\n      ? 'documentId' in data && typeof data.documentId === 'string'\n        ? data.documentId\n        : 'id' in data && typeof data.id === 'string'\n          ? data.id\n          : undefined\n      : undefined;\n  const fromRoot = input.documentId;\n  const value = fromOptions ?? fromData ?? fromRoot;\n  return typeof value === 'string' && value.trim() ? value.trim() : undefined;\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    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 id is 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 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-D0D75M7u.mjs

@@ -0,0 +1,143 @@
+import * as i1$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i1 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i4 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+
+class AXMShareDialogComponent {
+    constructor() {
+        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.permissions = [
+            { value: 'view', text: 'View only' },
+            { value: 'edit', text: 'Can edit' },
+            { value: 'full', text: 'Full access' },
+        ];
+    }
+    handleUserChange(event) {
+        this.selectedUsers = event;
+    }
+    handlePermissionChange(event) {
+        this.permission = event;
+    }
+    onShare() {
+        // The parent component will handle closing
+        console.log({
+            result: true,
+            data: {
+                users: this.selectedUsers,
+                permission: this.permission,
+                message: this.message,
+            },
+        });
+    }
+    onCancel() {
+        // The parent component will handle closing
+        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">
+      <ax-form>
+        <ax-form-field>
+          <ax-label>Share with:</ax-label>
+          <ax-select-box
+            [(value)]="selectedUsers"
+            [dataSource]="users"
+            [multiple]="true"
+            valueField="id"
+            textField="name"
+            (onValueChanged)="handleUserChange($event)"
+          >
+          </ax-select-box>
+        </ax-form-field>
+        <ax-form-field>
+          <ax-label>Permission:</ax-label>
+          <ax-select-box
+            [(value)]="permission"
+            [dataSource]="permissions"
+            valueField="value"
+            textField="text"
+            (onValueChanged)="handlePermissionChange($event)"
+          >
+          </ax-select-box>
+        </ax-form-field>
+        <ax-form-field>
+          <ax-label>Message (Optional):</ax-label>
+          <ax-text-box [(value)]="message" [multiline]="true"></ax-text-box>
+        </ax-form-field>
+      </ax-form>
+      <ax-footer>
+        <ax-suffix>
+          <ax-button text="Cancel" (onClick)="onCancel()"></ax-button>
+          <ax-button text="Share" (onClick)="onShare()"></ax-button>
+        </ax-suffix>
+      </ax-footer>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4.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"] }], 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: [AXSelectBoxModule, AXButtonModule, AXFormModule, AXTextBoxModule],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    changeDetection: ChangeDetectionStrategy.Eager,
+                    template: `
+    <div class="p-4 gap-2">
+      <ax-form>
+        <ax-form-field>
+          <ax-label>Share with:</ax-label>
+          <ax-select-box
+            [(value)]="selectedUsers"
+            [dataSource]="users"
+            [multiple]="true"
+            valueField="id"
+            textField="name"
+            (onValueChanged)="handleUserChange($event)"
+          >
+          </ax-select-box>
+        </ax-form-field>
+        <ax-form-field>
+          <ax-label>Permission:</ax-label>
+          <ax-select-box
+            [(value)]="permission"
+            [dataSource]="permissions"
+            valueField="value"
+            textField="text"
+            (onValueChanged)="handlePermissionChange($event)"
+          >
+          </ax-select-box>
+        </ax-form-field>
+        <ax-form-field>
+          <ax-label>Message (Optional):</ax-label>
+          <ax-text-box [(value)]="message" [multiline]="true"></ax-text-box>
+        </ax-form-field>
+      </ax-form>
+      <ax-footer>
+        <ax-suffix>
+          <ax-button text="Cancel" (onClick)="onCancel()"></ax-button>
+          <ax-button text="Share" (onClick)="onShare()"></ax-button>
+        </ax-suffix>
+      </ax-footer>
+    </div>
+  `,
+                }]
+        }], propDecorators: { node: [{
+                type: Input
+            }] } });
+
+export { AXMShareDialogComponent };
+//# sourceMappingURL=acorex-platform-module-document-management-client-share-dialog.component-D0D75M7u.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-share-dialog.component-D0D75M7u.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/shared/components/share-dialog/share-dialog.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\n\nimport { Component, CUSTOM_ELEMENTS_SCHEMA, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { AXMDocumentExplorerNode } from '../../document-manager.types';\n\n@Component({\n  selector: 'ax-share-dialog',\n  standalone: true,\n  imports: [AXSelectBoxModule, AXButtonModule, AXFormModule, AXTextBoxModule],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  template: `\n    <div class=\"p-4 gap-2\">\n      <ax-form>\n        <ax-form-field>\n          <ax-label>Share with:</ax-label>\n          <ax-select-box\n            [(value)]=\"selectedUsers\"\n            [dataSource]=\"users\"\n            [multiple]=\"true\"\n            valueField=\"id\"\n            textField=\"name\"\n            (onValueChanged)=\"handleUserChange($event)\"\n          >\n          </ax-select-box>\n        </ax-form-field>\n        <ax-form-field>\n          <ax-label>Permission:</ax-label>\n          <ax-select-box\n            [(value)]=\"permission\"\n            [dataSource]=\"permissions\"\n            valueField=\"value\"\n            textField=\"text\"\n            (onValueChanged)=\"handlePermissionChange($event)\"\n          >\n          </ax-select-box>\n        </ax-form-field>\n        <ax-form-field>\n          <ax-label>Message (Optional):</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=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n          <ax-button text=\"Share\" (onClick)=\"onShare()\"></ax-button>\n        </ax-suffix>\n      </ax-footer>\n    </div>\n  `,\n})\nexport class AXMShareDialogComponent {\n  @Input() node: AXMDocumentExplorerNode;\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  permissions = [\n    { value: 'view', text: 'View only' },\n    { value: 'edit', text: 'Can edit' },\n    { value: 'full', text: 'Full access' },\n  ];\n\n  handleUserChange(event: any) {\n    this.selectedUsers = event;\n  }\n\n  handlePermissionChange(event: any) {\n    this.permission = event;\n  }\n\n  onShare() {\n    // The parent component will handle closing\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    // The parent component will handle closing\n    console.log({ result: false });\n  }\n}\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/acorex-platform-module-document-management-client-share-email-dialog.component-CTP-r-4w.mjs

@@ -0,0 +1,54 @@
+import * as i1$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i1 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i4 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i0 from '@angular/core';
+import { Input, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+
+class AXMShareEmailDialogComponent {
+    constructor() {
+        this.emails = '';
+        this.permission = 'view';
+        this.message = '';
+        this.permissions = [
+            { value: 'view', text: 'View only' },
+            { value: 'edit', text: 'Can edit' },
+            { value: 'full', text: 'Full access' },
+        ];
+    }
+    handlePermissionChange(event) {
+        this.permission = event;
+    }
+    onSend() {
+        const emailList = this.emails
+            .split('\n')
+            .map((email) => email.trim())
+            .filter((email) => email.length > 0);
+        console.log({
+            result: true,
+            data: {
+                emails: emailList,
+                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: AXMShareEmailDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXMShareEmailDialogComponent, isStandalone: true, selector: "ax-share-email-dialog", inputs: { node: "node" }, ngImport: i0, template: "<div class=\"p-4 gap-2\">\n  <ax-form>\n    <ax-form-field>\n      <ax-label>Email Addresses:</ax-label>\n      <ax-text-box\n        [(value)]=\"emails\"\n        [multiline]=\"true\"\n        placeholder=\"Enter email addresses (one per line)\"\n      ></ax-text-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Permission:</ax-label>\n      <ax-select-box\n        [(value)]=\"permission\"\n        [dataSource]=\"permissions\"\n        valueField=\"value\"\n        textField=\"text\"\n        (onValueChanged)=\"handlePermissionChange($event)\"\n      >\n      </ax-select-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Message (Optional):</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=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n      <ax-button text=\"Send\" (onClick)=\"onSend()\"></ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4.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"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMShareEmailDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-share-email-dialog', standalone: true, imports: [AXSelectBoxModule, AXButtonModule, AXFormModule, AXTextBoxModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"p-4 gap-2\">\n  <ax-form>\n    <ax-form-field>\n      <ax-label>Email Addresses:</ax-label>\n      <ax-text-box\n        [(value)]=\"emails\"\n        [multiline]=\"true\"\n        placeholder=\"Enter email addresses (one per line)\"\n      ></ax-text-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Permission:</ax-label>\n      <ax-select-box\n        [(value)]=\"permission\"\n        [dataSource]=\"permissions\"\n        valueField=\"value\"\n        textField=\"text\"\n        (onValueChanged)=\"handlePermissionChange($event)\"\n      >\n      </ax-select-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Message (Optional):</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=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n      <ax-button text=\"Send\" (onClick)=\"onSend()\"></ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n" }]
+        }], propDecorators: { node: [{
+                type: Input
+            }] } });
+
+export { AXMShareEmailDialogComponent };
+//# sourceMappingURL=acorex-platform-module-document-management-client-share-email-dialog.component-CTP-r-4w.mjs.map

package/fesm2022/acorex-platform-module-document-management-client-share-email-dialog.component-CTP-r-4w.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-document-management-client-share-email-dialog.component-CTP-r-4w.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/shared/components/share-email-dialog/share-email-dialog.component.ts","../../../../libs/modules/document-management/client/src/lib/features/shared/components/share-email-dialog/share-email-dialog.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\n\nimport { Component, CUSTOM_ELEMENTS_SCHEMA, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { AXMDocumentExplorerNode } from '../../document-manager.types';\n\n@Component({\n  selector: 'ax-share-email-dialog',\n  standalone: true,\n  imports: [AXSelectBoxModule, AXButtonModule, AXFormModule, AXTextBoxModule],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  changeDetection: ChangeDetectionStrategy.Eager,\n  templateUrl: './share-email-dialog.component.html',\n})\nexport class AXMShareEmailDialogComponent {\n  @Input() node: AXMDocumentExplorerNode;\n\n  emails: string = '';\n  permission: string = 'view';\n  message: string = '';\n\n  permissions = [\n    { value: 'view', text: 'View only' },\n    { value: 'edit', text: 'Can edit' },\n    { value: 'full', text: 'Full access' },\n  ];\n\n  handlePermissionChange(event: any) {\n    this.permission = event;\n  }\n\n  onSend() {\n    const emailList = this.emails\n      .split('\\n')\n      .map((email) => email.trim())\n      .filter((email) => email.length > 0);\n\n    console.log({\n      result: true,\n      data: {\n        emails: emailList,\n        permission: this.permission,\n        message: this.message,\n      },\n    });\n  }\n\n  onCancel() {\n    console.log({ result: false });\n  }\n}\n","<div class=\"p-4 gap-2\">\n  <ax-form>\n    <ax-form-field>\n      <ax-label>Email Addresses:</ax-label>\n      <ax-text-box\n        [(value)]=\"emails\"\n        [multiline]=\"true\"\n        placeholder=\"Enter email addresses (one per line)\"\n      ></ax-text-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Permission:</ax-label>\n      <ax-select-box\n        [(value)]=\"permission\"\n        [dataSource]=\"permissions\"\n        valueField=\"value\"\n        textField=\"text\"\n        (onValueChanged)=\"handlePermissionChange($event)\"\n      >\n      </ax-select-box>\n    </ax-form-field>\n    <ax-form-field>\n      <ax-label>Message (Optional):</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=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n      <ax-button text=\"Send\" (onClick)=\"onSend()\"></ax-button>\n    </ax-suffix>\n  </ax-footer>\n</div>\n"],"names":["i2"],"mappings":"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"}