@acorex/modules 19.3.3-next.1 → 19.3.5

package/fesm2022/acorex-modules-document-management-attachment-widget.component-BHCuKbmu.mjs

@@ -0,0 +1,32 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXFormatModule } from '@acorex/core/format';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPElementDataDirective } from '@acorex/platform/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Component } from '@angular/core';
+import { c as AXPDocumentExplorerViewModel, a as AXMDocumentManagerService } from './acorex-modules-document-management-acorex-modules-document-management-k2QMxYk9.mjs';
+
+class AXMDocumentExplorerAttachmentComponent {
+    constructor() {
+        this.vm = inject(AXPDocumentExplorerViewModel);
+        this.driveService = inject(AXMDocumentManagerService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerAttachmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentExplorerAttachmentComponent, isStandalone: true, selector: "axm-document-explorer-attachment-widget", ngImport: i0, template: "<!-- List View -->\n<div class=\"__content fa-xl\">\n  @for (folder of vm.folders(); track folder.id) {\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(folder)\"\n    [axp-data]=\"folder\"\n    (click)=\"vm.toggleSelect(folder)\"\n    (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n  >\n    <div class=\"__icon ax-text-yellow-400\">\n      @if (vm.isLoadingFolder(folder.id)) {\n      <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n      } @else {\n      <i class=\"fas fa-folder-closed\"></i>\n      }\n    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n  <div\n    [class.--selected]=\"vm.isItemSelected(file)\"\n    class=\"__explorer-item ax-group\"\n    [axp-data]=\"file\"\n    (click)=\"vm.toggleSelect(file)\"\n    (onDblClick)=\"vm.openFile(file)\"\n  >\n    <div class=\"name-bar\">\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n      </div>\n      <div class=\"__name\">{{ file.name }}</div>\n    </div>\n    <div class=\"action-bar group-hover:ax-visible ax-invisible\">\n      <div>\n        <i class=\"fa-regular fa-trash\" (click)=\"vm.deleteNodes([file])\"></i>\n      </div>\n      <div>\n        <i class=\"fa-regular fa-download\" (click)=\"driveService.downloadFile(file)\"></i>\n      </div>\n    </div>\n  </div>\n  }\n</div>\n", styles: [":host{width:100%}:host .__content{display:flex;flex-direction:column;gap:.125rem}:host .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.375rem;padding:.5rem}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .name-bar{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}:host .__content .__explorer-item .action-bar{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}:host .__content .__explorer-item .__icon{width:1.5rem;flex-shrink:0}:host .__content .__explorer-item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:500}:host .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerAttachmentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-document-explorer-attachment-widget', standalone: true, imports: [
+                        CommonModule,
+                        AXDecoratorModule,
+                        AXFormatModule,
+                        AXButtonModule,
+                        AXTranslationModule,
+                        AXPElementDataDirective,
+                    ], template: "<!-- List View -->\n<div class=\"__content fa-xl\">\n  @for (folder of vm.folders(); track folder.id) {\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(folder)\"\n    [axp-data]=\"folder\"\n    (click)=\"vm.toggleSelect(folder)\"\n    (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n  >\n    <div class=\"__icon ax-text-yellow-400\">\n      @if (vm.isLoadingFolder(folder.id)) {\n      <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n      } @else {\n      <i class=\"fas fa-folder-closed\"></i>\n      }\n    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n  <div\n    [class.--selected]=\"vm.isItemSelected(file)\"\n    class=\"__explorer-item ax-group\"\n    [axp-data]=\"file\"\n    (click)=\"vm.toggleSelect(file)\"\n    (onDblClick)=\"vm.openFile(file)\"\n  >\n    <div class=\"name-bar\">\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n      </div>\n      <div class=\"__name\">{{ file.name }}</div>\n    </div>\n    <div class=\"action-bar group-hover:ax-visible ax-invisible\">\n      <div>\n        <i class=\"fa-regular fa-trash\" (click)=\"vm.deleteNodes([file])\"></i>\n      </div>\n      <div>\n        <i class=\"fa-regular fa-download\" (click)=\"driveService.downloadFile(file)\"></i>\n      </div>\n    </div>\n  </div>\n  }\n</div>\n", styles: [":host{width:100%}:host .__content{display:flex;flex-direction:column;gap:.125rem}:host .__content .__explorer-item{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.375rem;padding:.5rem}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .name-bar{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}:host .__content .__explorer-item .action-bar{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}:host .__content .__explorer-item .__icon{width:1.5rem;flex-shrink:0}:host .__content .__explorer-item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:500}:host .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"] }]
+        }] });
+
+export { AXMDocumentExplorerAttachmentComponent };
+//# sourceMappingURL=acorex-modules-document-management-attachment-widget.component-BHCuKbmu.mjs.map

package/fesm2022/acorex-modules-document-management-attachment-widget.component-BHCuKbmu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-document-management-attachment-widget.component-BHCuKbmu.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/views/attachement-widget/attachment-widget.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/views/attachement-widget/attachment-widget.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPElementDataDirective } from '@acorex/platform/core';\nimport { CommonModule } from '@angular/common';\nimport { Component, inject } from '@angular/core';\nimport { AXMDocumentManagerService } from '../../../shared';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\n\n@Component({\n  selector: 'axm-document-explorer-attachment-widget',\n  templateUrl: './attachment-widget.component.html',\n  styleUrls: ['./attachment-widget.component.scss'],\n  standalone: true,\n  imports: [\n    CommonModule,\n    AXDecoratorModule,\n    AXFormatModule,\n    AXButtonModule,\n    AXTranslationModule,\n    AXPElementDataDirective,\n  ],\n})\nexport class AXMDocumentExplorerAttachmentComponent {\n  protected vm = inject(AXPDocumentExplorerViewModel);\n  protected readonly driveService = inject(AXMDocumentManagerService);\n}\n","<!-- List View -->\n<div class=\"__content fa-xl\">\n  @for (folder of vm.folders(); track folder.id) {\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(folder)\"\n    [axp-data]=\"folder\"\n    (click)=\"vm.toggleSelect(folder)\"\n    (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n  >\n    <div class=\"__icon ax-text-yellow-400\">\n      @if (vm.isLoadingFolder(folder.id)) {\n      <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n      } @else {\n      <i class=\"fas fa-folder-closed\"></i>\n      }\n    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n  <div\n    [class.--selected]=\"vm.isItemSelected(file)\"\n    class=\"__explorer-item ax-group\"\n    [axp-data]=\"file\"\n    (click)=\"vm.toggleSelect(file)\"\n    (onDblClick)=\"vm.openFile(file)\"\n  >\n    <div class=\"name-bar\">\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n      </div>\n      <div class=\"__name\">{{ file.name }}</div>\n    </div>\n    <div class=\"action-bar group-hover:ax-visible ax-invisible\">\n      <div>\n        <i class=\"fa-regular fa-trash\" (click)=\"vm.deleteNodes([file])\"></i>\n      </div>\n      <div>\n        <i class=\"fa-regular fa-download\" (click)=\"driveService.downloadFile(file)\"></i>\n      </div>\n    </div>\n  </div>\n  }\n</div>\n"],"names":[],"mappings":";;;;;;;;;;MAwBa,sCAAsC,CAAA;AAdnD,IAAA,WAAA,GAAA;AAeY,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AAChC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACpE;+GAHY,sCAAsC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sCAAsC,ECxBnD,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,86CA4CA,ED5BI,MAAA,EAAA,CAAA,2nCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,EACjB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,+BACnB,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAGd,sCAAsC,EAAA,UAAA,EAAA,CAAA;kBAdlD,SAAS;+BACE,yCAAyC,EAAA,UAAA,EAGvC,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,cAAc;wBACd,cAAc;wBACd,mBAAmB;wBACnB,uBAAuB;AACxB,qBAAA,EAAA,QAAA,EAAA,86CAAA,EAAA,MAAA,EAAA,CAAA,2nCAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{acorex-modules-document-management-create-folder-dialog.component-D_FfCqY8.mjs → acorex-modules-document-management-create-folder-dialog.component-CNvlm2Va.mjs}

@@ -2,7 +2,7 @@ import * as i2$2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i8 from '@acorex/components/color-box';
 import { AXColorBoxModule } from '@acorex/components/color-box';
-import { AXDataSource, AXAutoFocusDirective } from '@acorex/components/common';
+import { AXDataSource, AXAutoFocusDirective } from '@acorex/cdk/common';
 import * as i2$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i3 from '@acorex/components/form';
@@ -24,7 +24,7 @@ import * as i0 from '@angular/core';
 import { inject, model, signal, Component } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { a as AXMDocumentManagerService, b as AXMDocumentTypeService } from './acorex-modules-document-management-acorex-modules-document-management-hMEt0yZI.mjs';
+import { a as AXMDocumentManagerService, b as AXMDocumentTypeService } from './acorex-modules-document-management-acorex-modules-document-management-k2QMxYk9.mjs';
 
 class AXMCreateFolderDialog extends AXBasePageComponent {
     constructor() {
@@ -107,12 +107,12 @@ class AXMCreateFolderDialog extends AXBasePageComponent {
             result: false,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCreateFolderDialog, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMCreateFolderDialog, isStandalone: true, selector: "ax-create-folder-dialog", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { name: "nameChange", color: "colorChange", description: "descriptionChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-p-4\">\n  <ax-form #form>\n    <div class=\"ax-flex ax-flex-col ax-gap-4\">\n      <ax-form-field>\n        <ax-label>\n          {{ 'name' | translate | async }}\n        </ax-label>\n        <ax-text-box [(ngModel)]=\"name\" class=\"ax-input ax-w-full\" [axAutoFocus]=\"true\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'description' | translate | async }}\n        </ax-label>\n        <ax-text-box [(ngModel)]=\"description\" class=\"ax-input ax-w-full\"> </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'documentTypes' | translate | async }}\n        </ax-label>\n        <ax-select-box\n          [dataSource]=\"dataSource\"\n          valueField=\"name\"\n          textField=\"title\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"handleValueChange($event)\"\n          [ngModel]=\"selectedDocumentTypes()\"\n        />\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'color' | translate | async }}\n        </ax-label>\n        <ax-color-box [(ngModel)]=\"color\" class=\"ax-w-full\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-color-box>\n      </ax-form-field>\n      <div class=\"ax-flex ax-justify-end ax-gap-2\"></div>\n    </div>\n  </ax-form>\n</div>\n<ax-footer>\n  <ax-suffix>\n    <ax-button (onClick)=\"onCancel()\" [text]=\"'cancel' | translate | async\"></ax-button>\n    <ax-button look=\"solid\" color=\"secondary\" (onClick)=\"handleSubmitButton(form)\" [text]=\"'save' | translate | async\">\n      @if(isLoading) {\n      <ax-loading> </ax-loading>\n      }\n    </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMCreateFolderDialog, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMCreateFolderDialog, isStandalone: true, selector: "ax-create-folder-dialog", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { name: "nameChange", color: "colorChange", description: "descriptionChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-p-4\">\n  <ax-form #form>\n    <div class=\"ax-flex ax-flex-col ax-gap-4\">\n      <ax-form-field>\n        <ax-label>\n          {{ 'name' | translate | async }}\n        </ax-label>\n        <ax-text-box [(ngModel)]=\"name\" class=\"ax-input ax-w-full\" [axAutoFocus]=\"true\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'description' | translate | async }}\n        </ax-label>\n        <ax-text-box [(ngModel)]=\"description\" class=\"ax-input ax-w-full\"> </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'documentTypes' | translate | async }}\n        </ax-label>\n        <ax-select-box\n          [dataSource]=\"dataSource\"\n          valueField=\"name\"\n          textField=\"title\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"handleValueChange($event)\"\n          [ngModel]=\"selectedDocumentTypes()\"\n        />\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'color' | translate | async }}\n        </ax-label>\n        <ax-color-box [(ngModel)]=\"color\" class=\"ax-w-full\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-color-box>\n      </ax-form-field>\n      <div class=\"ax-flex ax-justify-end ax-gap-2\"></div>\n    </div>\n  </ax-form>\n</div>\n<ax-footer>\n  <ax-suffix>\n    <ax-button (onClick)=\"onCancel()\" [text]=\"'cancel' | translate | async\"></ax-button>\n    <ax-button look=\"solid\" color=\"secondary\" (onClick)=\"handleSubmitButton(form)\" [text]=\"'save' | translate | async\">\n      @if(isLoading) {\n      <ax-loading> </ax-loading>\n      }\n    </ax-button>\n  </ax-suffix>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
                 //
-                AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXColorBoxModule }, { kind: "component", type: i8.AXColorBoxComponent, selector: "ax-color-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "showBadge", "showValue", "showClearButton", "showIcon"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$2.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i10.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "directive", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }] }); }
+                AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXColorBoxModule }, { kind: "component", type: i8.AXColorBoxComponent, selector: "ax-color-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "showBadge", "showValue", "showClearButton", "showIcon"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$2.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i10.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "directive", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCreateFolderDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMCreateFolderDialog, decorators: [{
             type: Component,
             args: [{ selector: 'ax-create-folder-dialog', standalone: true, imports: [
                         CommonModule,
@@ -132,4 +132,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }] });
 
 export { AXMCreateFolderDialog };
-//# sourceMappingURL=acorex-modules-document-management-create-folder-dialog.component-D_FfCqY8.mjs.map
+//# sourceMappingURL=acorex-modules-document-management-create-folder-dialog.component-CNvlm2Va.mjs.map

package/fesm2022/acorex-modules-document-management-create-folder-dialog.component-CNvlm2Va.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-modules-document-management-create-folder-dialog.component-CNvlm2Va.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/components/create-folder-dialog/create-folder-dialog.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/components/create-folder-dialog/create-folder-dialog.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXColorBoxModule } from '@acorex/components/color-box';\nimport { AXAutoFocusDirective, AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { Component, inject, model, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXMDocumentTypeService } from '../../../../entities/document-type/document-type.service';\nimport { AXMDocumentManagementDocumentTypeEntityModel } from '../../../../entities/document-type/document-type.types';\nimport { AXMDocumentExplorerNode, AXMNodeType } from '../../../drive';\nimport { AXMDocumentManagerService } from '../../../shared';\n\ninterface QueryResult {\n  items: AXMDocumentManagementDocumentTypeEntityModel[];\n  total: number;\n}\n\n@Component({\n  selector: 'ax-create-folder-dialog',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    //\n    AXDecoratorModule,\n    AXTextBoxModule,\n    AXLabelModule,\n    AXButtonModule,\n    AXFormModule,\n    AXColorBoxModule,\n    AXTranslationModule,\n    AXLoadingModule,\n    AXAutoFocusDirective,\n    AXSelectBoxModule,\n  ],\n  templateUrl: './create-folder-dialog.component.html',\n})\nexport class AXMCreateFolderDialog extends AXBasePageComponent {\n  private driveService = inject(AXMDocumentManagerService);\n  private documentTypeService = inject(AXMDocumentTypeService);\n\n  defaultValue?: AXMDocumentExplorerNode;\n\n  parentId?: string;\n\n  protected name = model<string>('');\n  protected color = model<string>('#FFFFFF');\n  protected description = model<string>('');\n  protected selectedDocumentTypes = signal<AXMNodeType[]>([]);\n\n  protected dataSource = new AXDataSource({\n    load: async (_) => {\n      try {\n        const res = (await this.documentTypeService.query()) as QueryResult;\n        return res;\n      } catch (e) {\n        console.log(e);\n      }\n      return {\n        items: [],\n        total: 0,\n      };\n    },\n    pageSize: 100,\n  });\n\n  protected override ngOnInit(): void {\n    if (this.defaultValue != null) {\n      this.selectedDocumentTypes.set(this.defaultValue.documentTypes ?? []);\n      this.name.set(this.defaultValue.name);\n      this.description.set(this.defaultValue.description ?? '');\n    }\n  }\n\n  protected handleValueChange(event: AXValueChangedEvent) {\n    this.selectedDocumentTypes.set(event.component.selectedItems);\n  }\n\n  async handleSubmitButton(form: AXFormComponent) {\n    this.isLoading = true;\n    const validated = await form.validate();\n    if (validated.result) {\n      try {\n        let folder;\n        if (this.defaultValue != null) {\n          folder = await this.driveService.updateFolder(this.defaultValue.id, {\n            name: this.name(),\n            color: this.color(),\n            description: this.description(),\n            documentTypes: this.selectedDocumentTypes(),\n          });\n        } else {\n          folder = await this.driveService.createFolder({\n            name: this.name(),\n            color: this.color(),\n            parentId: this.parentId,\n            description: this.description(),\n            documentTypes: this.selectedDocumentTypes(),\n            size: 0,\n          });\n        }\n\n        this.close({\n          result: true,\n          folder,\n        });\n      } catch (error) {\n        console.error('Error creating folder:', error);\n      } finally {\n        this.isLoading = false;\n      }\n    } else {\n      this.isLoading = false;\n    }\n  }\n\n  onCancel() {\n    this.close({\n      result: false,\n    });\n  }\n}\n","<div class=\"ax-p-4\">\n  <ax-form #form>\n    <div class=\"ax-flex ax-flex-col ax-gap-4\">\n      <ax-form-field>\n        <ax-label>\n          {{ 'name' | translate | async }}\n        </ax-label>\n        <ax-text-box [(ngModel)]=\"name\" class=\"ax-input ax-w-full\" [axAutoFocus]=\"true\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'description' | translate | async }}\n        </ax-label>\n        <ax-text-box [(ngModel)]=\"description\" class=\"ax-input ax-w-full\"> </ax-text-box>\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'documentTypes' | translate | async }}\n        </ax-label>\n        <ax-select-box\n          [dataSource]=\"dataSource\"\n          valueField=\"name\"\n          textField=\"title\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"handleValueChange($event)\"\n          [ngModel]=\"selectedDocumentTypes()\"\n        />\n      </ax-form-field>\n      <ax-form-field>\n        <ax-label>\n          {{ 'color' | translate | async }}\n        </ax-label>\n        <ax-color-box [(ngModel)]=\"color\" class=\"ax-w-full\">\n          <ax-validation-rule rule=\"required\"></ax-validation-rule>\n        </ax-color-box>\n      </ax-form-field>\n      <div class=\"ax-flex ax-justify-end ax-gap-2\"></div>\n    </div>\n  </ax-form>\n</div>\n<ax-footer>\n  <ax-suffix>\n    <ax-button (onClick)=\"onCancel()\" [text]=\"'cancel' | translate | async\"></ax-button>\n    <ax-button look=\"solid\" color=\"secondary\" (onClick)=\"handleSubmitButton(form)\" [text]=\"'save' | translate | async\">\n      @if(isLoading) {\n      <ax-loading> </ax-loading>\n      }\n    </ax-button>\n  </ax-suffix>\n</ax-footer>\n"],"names":["i5","i6","i7","i9","i11"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CM,MAAO,qBAAsB,SAAQ,mBAAmB,CAAA;AApB9D,IAAA,WAAA,GAAA;;AAqBU,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,yBAAyB,CAAC;AAChD,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AAMlD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;AACxB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,SAAS,CAAC;AAChC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,EAAE,CAAC;AAC/B,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAgB,EAAE,CAAC;QAEjD,IAAU,CAAA,UAAA,GAAG,IAAI,YAAY,CAAC;AACtC,YAAA,IAAI,EAAE,OAAO,CAAC,KAAI;AAChB,gBAAA,IAAI;oBACF,MAAM,GAAG,IAAI,MAAM,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,CAAgB;AACnE,oBAAA,OAAO,GAAG;;gBACV,OAAO,CAAC,EAAE;AACV,oBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;;gBAEhB,OAAO;AACL,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,KAAK,EAAE,CAAC;iBACT;aACF;AACD,YAAA,QAAQ,EAAE,GAAG;AACd,SAAA,CAAC;AAyDH;IAvDoB,QAAQ,GAAA;AACzB,QAAA,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,EAAE;AAC7B,YAAA,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,IAAI,EAAE,CAAC;YACrE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACrC,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,EAAE,CAAC;;;AAInD,IAAA,iBAAiB,CAAC,KAA0B,EAAA;QACpD,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;;IAG/D,MAAM,kBAAkB,CAAC,IAAqB,EAAA;AAC5C,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,QAAA,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;AACvC,QAAA,IAAI,SAAS,CAAC,MAAM,EAAE;AACpB,YAAA,IAAI;AACF,gBAAA,IAAI,MAAM;AACV,gBAAA,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,EAAE;AAC7B,oBAAA,MAAM,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE;AAClE,wBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,wBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,wBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,wBAAA,aAAa,EAAE,IAAI,CAAC,qBAAqB,EAAE;AAC5C,qBAAA,CAAC;;qBACG;AACL,oBAAA,MAAM,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;AAC5C,wBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,wBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;wBACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,wBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,wBAAA,aAAa,EAAE,IAAI,CAAC,qBAAqB,EAAE;AAC3C,wBAAA,IAAI,EAAE,CAAC;AACR,qBAAA,CAAC;;gBAGJ,IAAI,CAAC,KAAK,CAAC;AACT,oBAAA,MAAM,EAAE,IAAI;oBACZ,MAAM;AACP,iBAAA,CAAC;;YACF,OAAO,KAAK,EAAE;AACd,gBAAA,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC;;oBACtC;AACR,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;;aAEnB;AACL,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;;IAI1B,QAAQ,GAAA;QACN,IAAI,CAAC,KAAK,CAAC;AACT,YAAA,MAAM,EAAE,KAAK;AACd,SAAA,CAAC;;+GAlFO,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EC5ClC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,YAAA,EAAA,KAAA,EAAA,aAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gyDAoDA,EDxBI,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,mFACZ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;AAEX,gBAAA,iBAAiB,uPACjB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,IAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,cAAA,EAAA,MAAA,EAAA,cAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,KAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,MAAA,EAAA,cAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,+ZAChB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,eAAe,EACf,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,GAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,oBAAoB,qGACpB,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,aAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,EAAA,eAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,oBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIR,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBApBjC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EACvB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,WAAW;;wBAEX,iBAAiB;wBACjB,eAAe;wBACf,aAAa;wBACb,cAAc;wBACd,YAAY;wBACZ,gBAAgB;wBAChB,mBAAmB;wBACnB,eAAe;wBACf,oBAAoB;wBACpB,iBAAiB;AAClB,qBAAA,EAAA,QAAA,EAAA,gyDAAA,EAAA;;;;;"}

package/fesm2022/{acorex-modules-document-management-details-view.component-Oxtnvogq.mjs → acorex-modules-document-management-details-view.component-DE84Itc_.mjs}

@@ -3,7 +3,7 @@ import { inject, Component } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { AXPElementDataDirective } from '@acorex/platform/core';
-import { c as AXPDocumentExplorerViewModel } from './acorex-modules-document-management-acorex-modules-document-management-hMEt0yZI.mjs';
+import { c as AXPDocumentExplorerViewModel } from './acorex-modules-document-management-acorex-modules-document-management-k2QMxYk9.mjs';
 import * as i2 from '@acorex/core/format';
 import { AXFormatModule } from '@acorex/core/format';
 import { AXDateTimeModule } from '@acorex/core/date-time';
@@ -12,13 +12,13 @@ class AXMDocumentExplorerDetailsViewComponent {
     constructor() {
         this.vm = inject(AXPDocumentExplorerViewModel);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentExplorerDetailsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMDocumentExplorerDetailsViewComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<!-- Details View -->\n<div class=\"details-view\">\n  <table class=\"items-table\">\n    <thead>\n      <tr>\n        <th class=\"name-column\">Name</th>\n        <th class=\"type-column\">Type</th>\n        <th class=\"size-column\">Size</th>\n        <th class=\"date-column\">Last Modified</th>\n      </tr>\n    </thead>\n    <tbody>\n      @for (folder of vm.folders(); track folder.id) {\n      <tr\n        class=\"folder-row\"\n        (dblclick)=\"vm.navigateToFolder(folder.id)\"\n        (click)=\"vm.toggleSelect(folder)\"\n        [class.--selected]=\"vm.isItemSelected(folder)\"\n      >\n        <td class=\"name-column axp-explorer-item\" [axp-data]=\"folder\">\n          <div class=\"item-name\">\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            <span>{{ folder.name }}</span>\n          </div>\n        </td>\n        <td class=\"type-column axp-explorer-item\" [axp-data]=\"folder\">Folder</td>\n        <td class=\"size-column axp-explorer-item\" [axp-data]=\"folder\">\n          {{ folder.size | format : 'filesize' | async }}\n        </td>\n        <td class=\"date-column axp-explorer-item\" [axp-data]=\"folder\">\n          {{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}\n        </td>\n      </tr>\n      } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n      <tr\n        class=\"file-row\"\n        (dblclick)=\"vm.openFile(file)\"\n        (click)=\"vm.toggleSelect(file)\"\n        [class.--selected]=\"vm.isItemSelected(file)\"\n      >\n        <td class=\"name-column axp-explorer-item\" [axp-data]=\"file\">\n          <div class=\"item-name hover:ax-underline\">\n            <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n            <span>{{ file.name }}</span>\n          </div>\n        </td>\n        <td class=\"type-column axp-explorer-item\" [axp-data]=\"file\">{{ fileInfo.type }}</td>\n        <td class=\"size-column axp-explorer-item\" [axp-data]=\"file\">{{ file.size | format : 'filesize' | async }}</td>\n        <td class=\"date-column axp-explorer-item\" [axp-data]=\"file\">\n          {{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}\n        </td>\n      </tr>\n      }\n    </tbody>\n  </table>\n</div>\n", styles: [":host .details-view .items-table{width:100%;border-collapse:collapse}:host .details-view .items-table th{border-bottom-width:1px;padding:.75rem;text-align:start;font-weight:500;background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host .details-view .items-table th.name-column{width:50%}:host .details-view .items-table th.type-column{width:20%}:host .details-view .items-table th.size-column{width:15%}:host .details-view .items-table th.date-column{width:15%}:host .details-view .items-table td{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:.75rem}:host .details-view .items-table td.name-column .item-name{display:flex;align-items:center;gap:.5rem}:host .details-view .items-table td.name-column .item-name i{font-size:1.25rem;line-height:1.75rem}:host .details-view .items-table tr{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .details-view .items-table tr:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}:host .details-view .items-table tr.folder-row td .item-name i{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXDateTimeModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerDetailsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentExplorerDetailsViewComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<!-- Details View -->\n<div class=\"details-view\">\n  <table class=\"items-table\">\n    <thead>\n      <tr>\n        <th class=\"name-column\">Name</th>\n        <th class=\"type-column\">Type</th>\n        <th class=\"size-column\">Size</th>\n        <th class=\"date-column\">Last Modified</th>\n      </tr>\n    </thead>\n    <tbody>\n      @for (folder of vm.folders(); track folder.id) {\n      <tr\n        class=\"folder-row\"\n        (dblclick)=\"vm.navigateToFolder(folder.id)\"\n        (click)=\"vm.toggleSelect(folder)\"\n        [class.--selected]=\"vm.isItemSelected(folder)\"\n      >\n        <td class=\"name-column axp-explorer-item\" [axp-data]=\"folder\">\n          <div class=\"item-name\">\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            <span>{{ folder.name }}</span>\n          </div>\n        </td>\n        <td class=\"type-column axp-explorer-item\" [axp-data]=\"folder\">Folder</td>\n        <td class=\"size-column axp-explorer-item\" [axp-data]=\"folder\">\n          {{ folder.size | format : 'filesize' | async }}\n        </td>\n        <td class=\"date-column axp-explorer-item\" [axp-data]=\"folder\">\n          {{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}\n        </td>\n      </tr>\n      } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n      <tr\n        class=\"file-row\"\n        (dblclick)=\"vm.openFile(file)\"\n        (click)=\"vm.toggleSelect(file)\"\n        [class.--selected]=\"vm.isItemSelected(file)\"\n      >\n        <td class=\"name-column axp-explorer-item\" [axp-data]=\"file\">\n          <div class=\"item-name hover:ax-underline\">\n            <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n            <span>{{ file.name }}</span>\n          </div>\n        </td>\n        <td class=\"type-column axp-explorer-item\" [axp-data]=\"file\">{{ fileInfo.type }}</td>\n        <td class=\"size-column axp-explorer-item\" [axp-data]=\"file\">{{ file.size | format : 'filesize' | async }}</td>\n        <td class=\"date-column axp-explorer-item\" [axp-data]=\"file\">\n          {{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}\n        </td>\n      </tr>\n      }\n    </tbody>\n  </table>\n</div>\n", styles: [":host .details-view .items-table{width:100%;border-collapse:collapse}:host .details-view .items-table th{border-bottom-width:1px;padding:.75rem;text-align:start;font-weight:500;background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host .details-view .items-table th.name-column{width:50%}:host .details-view .items-table th.type-column{width:20%}:host .details-view .items-table th.size-column{width:15%}:host .details-view .items-table th.date-column{width:15%}:host .details-view .items-table td{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:.75rem}:host .details-view .items-table td.name-column .item-name{display:flex;align-items:center;gap:.5rem}:host .details-view .items-table td.name-column .item-name i{font-size:1.25rem;line-height:1.75rem}:host .details-view .items-table tr{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .details-view .items-table tr:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}:host .details-view .items-table tr.folder-row td .item-name i{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "ngmodule", type: AXDateTimeModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentExplorerDetailsViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerDetailsViewComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, AXPElementDataDirective, AXFormatModule, AXDateTimeModule], template: "<!-- Details View -->\n<div class=\"details-view\">\n  <table class=\"items-table\">\n    <thead>\n      <tr>\n        <th class=\"name-column\">Name</th>\n        <th class=\"type-column\">Type</th>\n        <th class=\"size-column\">Size</th>\n        <th class=\"date-column\">Last Modified</th>\n      </tr>\n    </thead>\n    <tbody>\n      @for (folder of vm.folders(); track folder.id) {\n      <tr\n        class=\"folder-row\"\n        (dblclick)=\"vm.navigateToFolder(folder.id)\"\n        (click)=\"vm.toggleSelect(folder)\"\n        [class.--selected]=\"vm.isItemSelected(folder)\"\n      >\n        <td class=\"name-column axp-explorer-item\" [axp-data]=\"folder\">\n          <div class=\"item-name\">\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            <span>{{ folder.name }}</span>\n          </div>\n        </td>\n        <td class=\"type-column axp-explorer-item\" [axp-data]=\"folder\">Folder</td>\n        <td class=\"size-column axp-explorer-item\" [axp-data]=\"folder\">\n          {{ folder.size | format : 'filesize' | async }}\n        </td>\n        <td class=\"date-column axp-explorer-item\" [axp-data]=\"folder\">\n          {{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}\n        </td>\n      </tr>\n      } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n      <tr\n        class=\"file-row\"\n        (dblclick)=\"vm.openFile(file)\"\n        (click)=\"vm.toggleSelect(file)\"\n        [class.--selected]=\"vm.isItemSelected(file)\"\n      >\n        <td class=\"name-column axp-explorer-item\" [axp-data]=\"file\">\n          <div class=\"item-name hover:ax-underline\">\n            <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n            <span>{{ file.name }}</span>\n          </div>\n        </td>\n        <td class=\"type-column axp-explorer-item\" [axp-data]=\"file\">{{ fileInfo.type }}</td>\n        <td class=\"size-column axp-explorer-item\" [axp-data]=\"file\">{{ file.size | format : 'filesize' | async }}</td>\n        <td class=\"date-column axp-explorer-item\" [axp-data]=\"file\">\n          {{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}\n        </td>\n      </tr>\n      }\n    </tbody>\n  </table>\n</div>\n", styles: [":host .details-view .items-table{width:100%;border-collapse:collapse}:host .details-view .items-table th{border-bottom-width:1px;padding:.75rem;text-align:start;font-weight:500;background-color:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface));border-color:rgb(var(--ax-sys-color-border-surface))}:host .details-view .items-table th.name-column{width:50%}:host .details-view .items-table th.type-column{width:20%}:host .details-view .items-table th.size-column{width:15%}:host .details-view .items-table th.date-column{width:15%}:host .details-view .items-table td{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding:.75rem}:host .details-view .items-table td.name-column .item-name{display:flex;align-items:center;gap:.5rem}:host .details-view .items-table td.name-column .item-name i{font-size:1.25rem;line-height:1.75rem}:host .details-view .items-table tr{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host .details-view .items-table tr:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface),var(--tw-bg-opacity, 1))}:host .details-view .items-table tr.folder-row td .item-name i{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}\n"] }]
         }] });
 
 export { AXMDocumentExplorerDetailsViewComponent };
-//# sourceMappingURL=acorex-modules-document-management-details-view.component-Oxtnvogq.mjs.map
+//# sourceMappingURL=acorex-modules-document-management-details-view.component-DE84Itc_.mjs.map

package/fesm2022/{acorex-modules-document-management-details-view.component-Oxtnvogq.mjs.map → acorex-modules-document-management-details-view.component-DE84Itc_.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-document-management-details-view.component-Oxtnvogq.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/views/details/details-view.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/views/details/details-view.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPElementDataDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\n\n@Component({\n    templateUrl: './details-view.component.html',\n    styleUrls: ['./details-view.component.scss'],\n    standalone: true,\n    imports: [CommonModule, AXPElementDataDirective, AXFormatModule, AXDateTimeModule],\n})\nexport class AXMDocumentExplorerDetailsViewComponent {\n    protected vm = inject(AXPDocumentExplorerViewModel);\n} ","<!-- Details View -->\n<div class=\"details-view\">\n  <table class=\"items-table\">\n    <thead>\n      <tr>\n        <th class=\"name-column\">Name</th>\n        <th class=\"type-column\">Type</th>\n        <th class=\"size-column\">Size</th>\n        <th class=\"date-column\">Last Modified</th>\n      </tr>\n    </thead>\n    <tbody>\n      @for (folder of vm.folders(); track folder.id) {\n      <tr\n        class=\"folder-row\"\n        (dblclick)=\"vm.navigateToFolder(folder.id)\"\n        (click)=\"vm.toggleSelect(folder)\"\n        [class.--selected]=\"vm.isItemSelected(folder)\"\n      >\n        <td class=\"name-column axp-explorer-item\" [axp-data]=\"folder\">\n          <div class=\"item-name\">\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            <span>{{ folder.name }}</span>\n          </div>\n        </td>\n        <td class=\"type-column axp-explorer-item\" [axp-data]=\"folder\">Folder</td>\n        <td class=\"size-column axp-explorer-item\" [axp-data]=\"folder\">\n          {{ folder.size | format : 'filesize' | async }}\n        </td>\n        <td class=\"date-column axp-explorer-item\" [axp-data]=\"folder\">\n          {{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}\n        </td>\n      </tr>\n      } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n      <tr\n        class=\"file-row\"\n        (dblclick)=\"vm.openFile(file)\"\n        (click)=\"vm.toggleSelect(file)\"\n        [class.--selected]=\"vm.isItemSelected(file)\"\n      >\n        <td class=\"name-column axp-explorer-item\" [axp-data]=\"file\">\n          <div class=\"item-name hover:ax-underline\">\n            <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n            <span>{{ file.name }}</span>\n          </div>\n        </td>\n        <td class=\"type-column axp-explorer-item\" [axp-data]=\"file\">{{ fileInfo.type }}</td>\n        <td class=\"size-column axp-explorer-item\" [axp-data]=\"file\">{{ file.size | format : 'filesize' | async }}</td>\n        <td class=\"date-column axp-explorer-item\" [axp-data]=\"file\">\n          {{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}\n        </td>\n      </tr>\n      }\n    </tbody>\n  </table>\n</div>\n"],"names":[],"mappings":";;;;;;;;;;MAaa,uCAAuC,CAAA;AANpD,IAAA,WAAA,GAAA;AAOc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD;8GAFY,uCAAuC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvC,uCAAuC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbpD,24EA4DA,EDjDc,MAAA,EAAA,CAAA,w5CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,oFAAE,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAExE,uCAAuC,EAAA,UAAA,EAAA,CAAA;kBANnD,SAAS;iCAGM,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,uBAAuB,EAAE,cAAc,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,24EAAA,EAAA,MAAA,EAAA,CAAA,w5CAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"acorex-modules-document-management-details-view.component-DE84Itc_.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/views/details/details-view.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/views/details/details-view.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPElementDataDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\n\n@Component({\n    templateUrl: './details-view.component.html',\n    styleUrls: ['./details-view.component.scss'],\n    standalone: true,\n    imports: [CommonModule, AXPElementDataDirective, AXFormatModule, AXDateTimeModule],\n})\nexport class AXMDocumentExplorerDetailsViewComponent {\n    protected vm = inject(AXPDocumentExplorerViewModel);\n} ","<!-- Details View -->\n<div class=\"details-view\">\n  <table class=\"items-table\">\n    <thead>\n      <tr>\n        <th class=\"name-column\">Name</th>\n        <th class=\"type-column\">Type</th>\n        <th class=\"size-column\">Size</th>\n        <th class=\"date-column\">Last Modified</th>\n      </tr>\n    </thead>\n    <tbody>\n      @for (folder of vm.folders(); track folder.id) {\n      <tr\n        class=\"folder-row\"\n        (dblclick)=\"vm.navigateToFolder(folder.id)\"\n        (click)=\"vm.toggleSelect(folder)\"\n        [class.--selected]=\"vm.isItemSelected(folder)\"\n      >\n        <td class=\"name-column axp-explorer-item\" [axp-data]=\"folder\">\n          <div class=\"item-name\">\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            <span>{{ folder.name }}</span>\n          </div>\n        </td>\n        <td class=\"type-column axp-explorer-item\" [axp-data]=\"folder\">Folder</td>\n        <td class=\"size-column axp-explorer-item\" [axp-data]=\"folder\">\n          {{ folder.size | format : 'filesize' | async }}\n        </td>\n        <td class=\"date-column axp-explorer-item\" [axp-data]=\"folder\">\n          {{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}\n        </td>\n      </tr>\n      } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n      <tr\n        class=\"file-row\"\n        (dblclick)=\"vm.openFile(file)\"\n        (click)=\"vm.toggleSelect(file)\"\n        [class.--selected]=\"vm.isItemSelected(file)\"\n      >\n        <td class=\"name-column axp-explorer-item\" [axp-data]=\"file\">\n          <div class=\"item-name hover:ax-underline\">\n            <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n            <span>{{ file.name }}</span>\n          </div>\n        </td>\n        <td class=\"type-column axp-explorer-item\" [axp-data]=\"file\">{{ fileInfo.type }}</td>\n        <td class=\"size-column axp-explorer-item\" [axp-data]=\"file\">{{ file.size | format : 'filesize' | async }}</td>\n        <td class=\"date-column axp-explorer-item\" [axp-data]=\"file\">\n          {{ file.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}\n        </td>\n      </tr>\n      }\n    </tbody>\n  </table>\n</div>\n"],"names":[],"mappings":";;;;;;;;;;MAaa,uCAAuC,CAAA;AANpD,IAAA,WAAA,GAAA;AAOc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD;+GAFY,uCAAuC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAvC,uCAAuC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbpD,24EA4DA,EDjDc,MAAA,EAAA,CAAA,w5CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,oFAAE,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAExE,uCAAuC,EAAA,UAAA,EAAA,CAAA;kBANnD,SAAS;iCAGM,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,uBAAuB,EAAE,cAAc,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,24EAAA,EAAA,MAAA,EAAA,CAAA,w5CAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{acorex-modules-document-management-drive-choose.component-BqZyAAAw.mjs → acorex-modules-document-management-drive-choose.component-CKMI_oKM.mjs}

@@ -26,7 +26,7 @@ import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, signal, viewChild, computed, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { R as RootConfig, a as AXMDocumentManagerService, c as AXPDocumentExplorerViewModel, d as AXMDocumentExplorerComponent, e as AXMFolderPathBreadcrumbsComponent } from './acorex-modules-document-management-acorex-modules-document-management-hMEt0yZI.mjs';
+import { R as RootConfig, a as AXMDocumentManagerService, c as AXPDocumentExplorerViewModel, d as AXMDocumentExplorerComponent, e as AXMFolderPathBreadcrumbsComponent } from './acorex-modules-document-management-acorex-modules-document-management-k2QMxYk9.mjs';
 
 class AXMDocumentDriveChooseComponent extends AXBasePageComponent {
     constructor() {
@@ -138,10 +138,10 @@ class AXMDocumentDriveChooseComponent extends AXBasePageComponent {
             result: false,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentDriveChooseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXMDocumentDriveChooseComponent, isStandalone: true, selector: "ax-document-drive-choose", providers: [AXPDocumentExplorerViewModel], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-p-2 ax-items-center ax-w-full ax-light-surface ax-border-b\" *translate=\"let t\">\n  <!-- Breadcrumbs Section -->\n  <axm-folder-path-breadcrumbs></axm-folder-path-breadcrumbs>\n  <!-- Search Box -->\n  <ax-search-box (onValueChanged)=\"handleSearchChange($event)\" class=\"ax-w-72 ax-sm\"\n    [placeholder]=\"t('actions.search', { scope: rootConfig.config.i18n }) | async\"><ax-clear-button></ax-clear-button></ax-search-box>\n</div>\n<div class=\"ax-p-2\">\n  <axm-document-explorer [browseMode]=\"browseMode\" [selectionMode]=\"selectionMode\" [viewMode]=\"'list'\"\n    [showContextMenu]=\"false\"></axm-document-explorer>\n</div>\n<ax-footer *translate=\"let t\">\n  <ax-suffix>\n    <ax-button (onClick)=\"handleCancelClick()\" [text]=\"'cancel' | translate | async\"></ax-button>\n    <ax-button look=\"solid\" color=\"primary\" (onClick)=\"handleSubmitButton()\"\n      [text]=\"t(selectText(),{scope:rootConfig.config.i18n}) | async\">\n    </ax-button>\n  </ax-suffix>\n</ax-footer>", styles: ["ax-document-drive-choose{display:block;min-height:50vh;width:100%;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: i4.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXFileModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXMFolderPathBreadcrumbsComponent, selector: "axm-folder-path-breadcrumbs" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentDriveChooseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", type: AXMDocumentDriveChooseComponent, isStandalone: true, selector: "ax-document-drive-choose", providers: [AXPDocumentExplorerViewModel], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-p-2 ax-items-center ax-w-full ax-light-surface ax-border-b\" *translate=\"let t\">\n  <!-- Breadcrumbs Section -->\n  <axm-folder-path-breadcrumbs></axm-folder-path-breadcrumbs>\n  <!-- Search Box -->\n  <ax-search-box (onValueChanged)=\"handleSearchChange($event)\" class=\"ax-w-72 ax-sm\"\n    [placeholder]=\"t('actions.search', { scope: rootConfig.config.i18n }) | async\"><ax-clear-button></ax-clear-button></ax-search-box>\n</div>\n<div class=\"ax-p-2\">\n  <axm-document-explorer [browseMode]=\"browseMode\" [selectionMode]=\"selectionMode\" [viewMode]=\"'list'\"\n    [showContextMenu]=\"false\"></axm-document-explorer>\n</div>\n<ax-footer *translate=\"let t\">\n  <ax-suffix>\n    <ax-button (onClick)=\"handleCancelClick()\" [text]=\"'cancel' | translate | async\"></ax-button>\n    <ax-button look=\"solid\" color=\"primary\" (onClick)=\"handleSubmitButton()\"\n      [text]=\"t(selectText(),{scope:rootConfig.config.i18n}) | async\">\n    </ax-button>\n  </ax-suffix>\n</ax-footer>", styles: ["ax-document-drive-choose{display:block;min-height:50vh;width:100%;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }, { kind: "directive", type: i4.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXFileModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXMFolderPathBreadcrumbsComponent, selector: "axm-folder-path-breadcrumbs" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentDriveChooseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentDriveChooseComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-document-drive-choose', standalone: true, imports: [
                         CommonModule,
@@ -166,4 +166,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }] });
 
 export { AXMDocumentDriveChooseComponent };
-//# sourceMappingURL=acorex-modules-document-management-drive-choose.component-BqZyAAAw.mjs.map
+//# sourceMappingURL=acorex-modules-document-management-drive-choose.component-CKMI_oKM.mjs.map

package/fesm2022/{acorex-modules-document-management-drive-choose.component-BqZyAAAw.mjs.map → acorex-modules-document-management-drive-choose.component-CKMI_oKM.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-document-management-drive-choose.component-BqZyAAAw.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/drive-choose/drive-choose.component.ts","../../../../libs/modules/document-management/src/lib/features/drive-choose/drive-choose.component.html"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXButtonGroupModule } from '@acorex/components/button-group';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXMenuModule } from '@acorex/components/menu';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXFileModule } from '@acorex/core/file';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPSessionService } from '@acorex/platform/auth';\nimport { AXPFileTypeProviderService } from '@acorex/platform/common';\nimport { AXPPlatformScope } from '@acorex/platform/core';\nimport { AXPLayoutThemeService } from '@acorex/platform/themes/shared';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  OnInit,\n  signal,\n  untracked,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { RootConfig } from '../../const';\nimport { AXMDocumentExplorerComponent, AXPDocumentExplorerViewModel } from '../document-explorer';\nimport { AXMDocumentManagerService, AXMFolderPathBreadcrumbsComponent } from '../shared';\nimport { AXMDocumentExplorerBrowseMode, AXMDocumentSelectionMode } from '../shared/document-manager.types';\n@Component({\n  selector: 'ax-document-drive-choose',\n  templateUrl: './drive-choose.component.html',\n  styleUrls: ['./drive-choose.component.scss'],\n  standalone: true,\n  imports: [\n    CommonModule,\n    RouterModule,\n    AXMenuModule,\n    AXButtonModule,\n    AXButtonGroupModule,\n    AXDropdownButtonModule,\n    AXDropdownModule,\n    AXTranslationModule,\n    AXDecoratorModule,\n    AXLoadingModule,\n    AXBadgeModule,\n    AXSearchBoxModule,\n    AXFormatModule,\n    AXFileModule,\n    AXBreadcrumbsModule,\n    AXDateTimeModule,\n    AXMDocumentExplorerComponent,\n    AXMFolderPathBreadcrumbsComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXPDocumentExplorerViewModel],\n})\nexport class AXMDocumentDriveChooseComponent extends AXBasePageComponent implements OnInit {\n  public scope!: AXPPlatformScope;\n\n  protected readonly layout = inject(AXPLayoutThemeService);\n  protected readonly rootConfig = RootConfig;\n  private readonly fileTypeService = inject(AXPFileTypeProviderService);\n  private readonly driveService = inject(AXMDocumentManagerService);\n  protected readonly vm = inject(AXPDocumentExplorerViewModel);\n  protected readonly sessionService = inject(AXPSessionService);\n\n  protected readonly filterItems = signal<Array<{ key: string; textKey: string; icon: string }>>([]);\n  public selectedFilter = signal<string>('all');\n\n  protected browseMode: AXMDocumentExplorerBrowseMode = 'file';\n  protected selectionMode: AXMDocumentSelectionMode = 'single';\n\n  protected readonly sortItems = signal([\n    { key: 'name', textKey: 'actions.sort-by-name', icon: 'fa-light fa-font' },\n    { key: 'modified', textKey: 'actions.sort-by-date', icon: 'fa-light fa-calendar' },\n    { key: 'size', textKey: 'actions.sort-by-size', icon: 'fa-light fa-weight-hanging' },\n  ]);\n\n  protected documentExplorer = viewChild(AXMDocumentExplorerComponent);\n\n  protected readonly selectedSort = computed(() => {\n    const items = this.sortItems();\n    return items.find((item) => item.key === this.vm.sortField()) || items[0];\n  });\n\n  protected readonly selectText = computed(() => {\n    return this.vm.browseMode() == 'file' ? 'actions.select-file' : 'actions.select-folder';\n  });\n\n  #navigateEffect = effect(() => {\n    const navigatingFolderId = this.vm.navigatingFolderId();\n    if (navigatingFolderId) {\n      this.loadDrive(navigatingFolderId);\n    }\n  });\n\n  #loadingEffect = effect(() => {\n    const isLoading = this.vm.isLoading();\n    untracked(() => {\n      this.layout.setNavigationLoading(isLoading);\n    });\n  });\n\n  async handleSearchChange(event: any) {\n    const result = await this.driveService.searchNodes(event.value, AXPPlatformScope.Tenant);\n  }\n\n  override async ngOnInit() {\n    super.ngOnInit();\n    await this.loadFilterItems();\n\n    await this.vm.initialize({\n      browseMode: this.browseMode,\n      scope: this.scope,\n    });\n    this.loadDrive();\n  }\n\n  private async loadDrive(folderId?: string) {\n    if (folderId) {\n      await this.vm.loadFolderContents(folderId);\n    } else {\n      const root = await this.driveService.getRoot(this.scope, {\n        tenantId: this.sessionService.tenant?.id,\n        userId: this.sessionService.user?.id,\n      });\n      if (root.result) {\n        await this.vm.loadFolderContents(root.result.id);\n      }\n    }\n  }\n\n  async loadFilterItems() {\n    const types = await this.fileTypeService.items();\n    const items = [\n      { key: 'all', textKey: 'file-types.all', icon: 'fa-light fa-folder-closed' },\n      ...types.map((type) => ({\n        key: type.name,\n        textKey: `file-types.${type.name}`,\n        icon: type.icon || 'fa-light fa-file',\n      })),\n    ];\n    this.filterItems.set(items);\n  }\n\n  protected setFilter(key: string): void {\n    this.selectedFilter.set(key);\n  }\n\n  protected getFilterIcon(): string {\n    if (this.selectedFilter() === 'all') {\n      return 'fa-light fa-folder-closed';\n    }\n    const item = this.filterItems().find((item) => item.key === this.selectedFilter());\n    return item?.icon || 'fa-light fa-file';\n  }\n\n  protected getFilterText(): string {\n    if (this.selectedFilter() === 'all') {\n      return 'file-types.all';\n    }\n    const item = this.filterItems().find((item) => item.key === this.selectedFilter());\n    return item?.textKey || 'file-types.all';\n  }\n\n  protected handleNavigateToFolder(folderId: string) {\n    this.vm.navigateToFolder(folderId);\n  }\n\n  protected async handleSubmitButton() {\n    this.close({\n      result: true,\n      items: this.vm.browseMode() == 'file' ? this.vm.selectedNodes() : [this.vm.currentFolder()],\n    });\n  }\n\n  protected handleCancelClick() {\n    this.close({\n      result: false,\n    });\n  }\n}\n","<div class=\"ax-flex ax-p-2 ax-items-center ax-w-full ax-light-surface ax-border-b\" *translate=\"let t\">\n  <!-- Breadcrumbs Section -->\n  <axm-folder-path-breadcrumbs></axm-folder-path-breadcrumbs>\n  <!-- Search Box -->\n  <ax-search-box (onValueChanged)=\"handleSearchChange($event)\" class=\"ax-w-72 ax-sm\"\n    [placeholder]=\"t('actions.search', { scope: rootConfig.config.i18n }) | async\"><ax-clear-button></ax-clear-button></ax-search-box>\n</div>\n<div class=\"ax-p-2\">\n  <axm-document-explorer [browseMode]=\"browseMode\" [selectionMode]=\"selectionMode\" [viewMode]=\"'list'\"\n    [showContextMenu]=\"false\"></axm-document-explorer>\n</div>\n<ax-footer *translate=\"let t\">\n  <ax-suffix>\n    <ax-button (onClick)=\"handleCancelClick()\" [text]=\"'cancel' | translate | async\"></ax-button>\n    <ax-button look=\"solid\" color=\"primary\" (onClick)=\"handleSubmitButton()\"\n      [text]=\"t(selectText(),{scope:rootConfig.config.i18n}) | async\">\n    </ax-button>\n  </ax-suffix>\n</ax-footer>"],"names":["i4","i5"],"mappings":"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"}
+{"version":3,"file":"acorex-modules-document-management-drive-choose.component-CKMI_oKM.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/drive-choose/drive-choose.component.ts","../../../../libs/modules/document-management/src/lib/features/drive-choose/drive-choose.component.html"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXButtonGroupModule } from '@acorex/components/button-group';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXMenuModule } from '@acorex/components/menu';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXFileModule } from '@acorex/core/file';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPSessionService } from '@acorex/platform/auth';\nimport { AXPFileTypeProviderService } from '@acorex/platform/common';\nimport { AXPPlatformScope } from '@acorex/platform/core';\nimport { AXPLayoutThemeService } from '@acorex/platform/themes/shared';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  OnInit,\n  signal,\n  untracked,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { RootConfig } from '../../const';\nimport { AXMDocumentExplorerComponent, AXPDocumentExplorerViewModel } from '../document-explorer';\nimport { AXMDocumentManagerService, AXMFolderPathBreadcrumbsComponent } from '../shared';\nimport { AXMDocumentExplorerBrowseMode, AXMDocumentSelectionMode } from '../shared/document-manager.types';\n@Component({\n  selector: 'ax-document-drive-choose',\n  templateUrl: './drive-choose.component.html',\n  styleUrls: ['./drive-choose.component.scss'],\n  standalone: true,\n  imports: [\n    CommonModule,\n    RouterModule,\n    AXMenuModule,\n    AXButtonModule,\n    AXButtonGroupModule,\n    AXDropdownButtonModule,\n    AXDropdownModule,\n    AXTranslationModule,\n    AXDecoratorModule,\n    AXLoadingModule,\n    AXBadgeModule,\n    AXSearchBoxModule,\n    AXFormatModule,\n    AXFileModule,\n    AXBreadcrumbsModule,\n    AXDateTimeModule,\n    AXMDocumentExplorerComponent,\n    AXMFolderPathBreadcrumbsComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [AXPDocumentExplorerViewModel],\n})\nexport class AXMDocumentDriveChooseComponent extends AXBasePageComponent implements OnInit {\n  public scope!: AXPPlatformScope;\n\n  protected readonly layout = inject(AXPLayoutThemeService);\n  protected readonly rootConfig = RootConfig;\n  private readonly fileTypeService = inject(AXPFileTypeProviderService);\n  private readonly driveService = inject(AXMDocumentManagerService);\n  protected readonly vm = inject(AXPDocumentExplorerViewModel);\n  protected readonly sessionService = inject(AXPSessionService);\n\n  protected readonly filterItems = signal<Array<{ key: string; textKey: string; icon: string }>>([]);\n  public selectedFilter = signal<string>('all');\n\n  protected browseMode: AXMDocumentExplorerBrowseMode = 'file';\n  protected selectionMode: AXMDocumentSelectionMode = 'single';\n\n  protected readonly sortItems = signal([\n    { key: 'name', textKey: 'actions.sort-by-name', icon: 'fa-light fa-font' },\n    { key: 'modified', textKey: 'actions.sort-by-date', icon: 'fa-light fa-calendar' },\n    { key: 'size', textKey: 'actions.sort-by-size', icon: 'fa-light fa-weight-hanging' },\n  ]);\n\n  protected documentExplorer = viewChild(AXMDocumentExplorerComponent);\n\n  protected readonly selectedSort = computed(() => {\n    const items = this.sortItems();\n    return items.find((item) => item.key === this.vm.sortField()) || items[0];\n  });\n\n  protected readonly selectText = computed(() => {\n    return this.vm.browseMode() == 'file' ? 'actions.select-file' : 'actions.select-folder';\n  });\n\n  #navigateEffect = effect(() => {\n    const navigatingFolderId = this.vm.navigatingFolderId();\n    if (navigatingFolderId) {\n      this.loadDrive(navigatingFolderId);\n    }\n  });\n\n  #loadingEffect = effect(() => {\n    const isLoading = this.vm.isLoading();\n    untracked(() => {\n      this.layout.setNavigationLoading(isLoading);\n    });\n  });\n\n  async handleSearchChange(event: any) {\n    const result = await this.driveService.searchNodes(event.value, AXPPlatformScope.Tenant);\n  }\n\n  override async ngOnInit() {\n    super.ngOnInit();\n    await this.loadFilterItems();\n\n    await this.vm.initialize({\n      browseMode: this.browseMode,\n      scope: this.scope,\n    });\n    this.loadDrive();\n  }\n\n  private async loadDrive(folderId?: string) {\n    if (folderId) {\n      await this.vm.loadFolderContents(folderId);\n    } else {\n      const root = await this.driveService.getRoot(this.scope, {\n        tenantId: this.sessionService.tenant?.id,\n        userId: this.sessionService.user?.id,\n      });\n      if (root.result) {\n        await this.vm.loadFolderContents(root.result.id);\n      }\n    }\n  }\n\n  async loadFilterItems() {\n    const types = await this.fileTypeService.items();\n    const items = [\n      { key: 'all', textKey: 'file-types.all', icon: 'fa-light fa-folder-closed' },\n      ...types.map((type) => ({\n        key: type.name,\n        textKey: `file-types.${type.name}`,\n        icon: type.icon || 'fa-light fa-file',\n      })),\n    ];\n    this.filterItems.set(items);\n  }\n\n  protected setFilter(key: string): void {\n    this.selectedFilter.set(key);\n  }\n\n  protected getFilterIcon(): string {\n    if (this.selectedFilter() === 'all') {\n      return 'fa-light fa-folder-closed';\n    }\n    const item = this.filterItems().find((item) => item.key === this.selectedFilter());\n    return item?.icon || 'fa-light fa-file';\n  }\n\n  protected getFilterText(): string {\n    if (this.selectedFilter() === 'all') {\n      return 'file-types.all';\n    }\n    const item = this.filterItems().find((item) => item.key === this.selectedFilter());\n    return item?.textKey || 'file-types.all';\n  }\n\n  protected handleNavigateToFolder(folderId: string) {\n    this.vm.navigateToFolder(folderId);\n  }\n\n  protected async handleSubmitButton() {\n    this.close({\n      result: true,\n      items: this.vm.browseMode() == 'file' ? this.vm.selectedNodes() : [this.vm.currentFolder()],\n    });\n  }\n\n  protected handleCancelClick() {\n    this.close({\n      result: false,\n    });\n  }\n}\n","<div class=\"ax-flex ax-p-2 ax-items-center ax-w-full ax-light-surface ax-border-b\" *translate=\"let t\">\n  <!-- Breadcrumbs Section -->\n  <axm-folder-path-breadcrumbs></axm-folder-path-breadcrumbs>\n  <!-- Search Box -->\n  <ax-search-box (onValueChanged)=\"handleSearchChange($event)\" class=\"ax-w-72 ax-sm\"\n    [placeholder]=\"t('actions.search', { scope: rootConfig.config.i18n }) | async\"><ax-clear-button></ax-clear-button></ax-search-box>\n</div>\n<div class=\"ax-p-2\">\n  <axm-document-explorer [browseMode]=\"browseMode\" [selectionMode]=\"selectionMode\" [viewMode]=\"'list'\"\n    [showContextMenu]=\"false\"></axm-document-explorer>\n</div>\n<ax-footer *translate=\"let t\">\n  <ax-suffix>\n    <ax-button (onClick)=\"handleCancelClick()\" [text]=\"'cancel' | translate | async\"></ax-button>\n    <ax-button look=\"solid\" color=\"primary\" (onClick)=\"handleSubmitButton()\"\n      [text]=\"t(selectText(),{scope:rootConfig.config.i18n}) | async\">\n    </ax-button>\n  </ax-suffix>\n</ax-footer>"],"names":["i4","i5"],"mappings":"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"}

package/fesm2022/{acorex-modules-document-management-large-icons-view.component-9APgNKIu.mjs → acorex-modules-document-management-large-icons-view.component-BPY3z02r.mjs}

@@ -2,19 +2,19 @@ import * as i0 from '@angular/core';
 import { inject, Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex/platform/core';
-import { c as AXPDocumentExplorerViewModel } from './acorex-modules-document-management-acorex-modules-document-management-hMEt0yZI.mjs';
+import { c as AXPDocumentExplorerViewModel } from './acorex-modules-document-management-acorex-modules-document-management-k2QMxYk9.mjs';
 
 class AXMDocumentExplorerLargeIconsViewComponent {
     constructor() {
         this.vm = inject(AXPDocumentExplorerViewModel);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentExplorerLargeIconsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMDocumentExplorerLargeIconsViewComponent, isStandalone: true, selector: "axm-document-explorer-large-icons-view", ngImport: i0, template: "<!-- Large Icons View -->\n<div class=\"__content fa-4x\">\n  @for (folder of vm.folders(); track folder.id) {\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(folder)\"\n    [axp-data]=\"folder\"\n    (click)=\"vm.toggleSelect(folder)\"\n    (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n  >\n    <div class=\"__icon ax-text-yellow-400\">\n      @if (vm.isLoadingFolder(folder.id)) {\n      <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n      } @else {\n      <i class=\"fas fa-folder-closed\"></i>\n      }\n    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(file)\"\n    [axp-data]=\"file\"\n    (click)=\"vm.toggleSelect(file)\"\n    (onDblClick)=\"vm.openFile(file)\"\n  >\n    <div class=\"__icon\">\n      <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n    </div>\n    <div class=\"__name\">{{ file.name }}</div>\n  </div>\n  }\n</div>\n", styles: [":host{width:100%}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;border-radius:.375rem;padding:1rem;text-align:center}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .__icon{flex-shrink:0}:host .__content .__explorer-item .__name{width:100%;font-size:.875rem;line-height:1.25rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}:host .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "directive", type: AXPDblClickDirective, selector: "[onDblClick]", outputs: ["onDblClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerLargeIconsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AXMDocumentExplorerLargeIconsViewComponent, isStandalone: true, selector: "axm-document-explorer-large-icons-view", ngImport: i0, template: "<!-- Large Icons View -->\n<div class=\"__content fa-4x\">\n  @for (folder of vm.folders(); track folder.id) {\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(folder)\"\n    [axp-data]=\"folder\"\n    (click)=\"vm.toggleSelect(folder)\"\n    (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n  >\n    <div class=\"__icon ax-text-yellow-400\">\n      @if (vm.isLoadingFolder(folder.id)) {\n      <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n      } @else {\n      <i class=\"fas fa-folder-closed\"></i>\n      }\n    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(file)\"\n    [axp-data]=\"file\"\n    (click)=\"vm.toggleSelect(file)\"\n    (onDblClick)=\"vm.openFile(file)\"\n  >\n    <div class=\"__icon\">\n      <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n    </div>\n    <div class=\"__name\">{{ file.name }}</div>\n  </div>\n  }\n</div>\n", styles: [":host{width:100%}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;border-radius:.375rem;padding:1rem;text-align:center}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .__icon{flex-shrink:0}:host .__content .__explorer-item .__name{width:100%;font-size:.875rem;line-height:1.25rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}:host .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "directive", type: AXPDblClickDirective, selector: "[onDblClick]", outputs: ["onDblClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDocumentExplorerLargeIconsViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXMDocumentExplorerLargeIconsViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-document-explorer-large-icons-view', standalone: true, imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective], template: "<!-- Large Icons View -->\n<div class=\"__content fa-4x\">\n  @for (folder of vm.folders(); track folder.id) {\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(folder)\"\n    [axp-data]=\"folder\"\n    (click)=\"vm.toggleSelect(folder)\"\n    (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n  >\n    <div class=\"__icon ax-text-yellow-400\">\n      @if (vm.isLoadingFolder(folder.id)) {\n      <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n      } @else {\n      <i class=\"fas fa-folder-closed\"></i>\n      }\n    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(file)\"\n    [axp-data]=\"file\"\n    (click)=\"vm.toggleSelect(file)\"\n    (onDblClick)=\"vm.openFile(file)\"\n  >\n    <div class=\"__icon\">\n      <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n    </div>\n    <div class=\"__name\">{{ file.name }}</div>\n  </div>\n  }\n</div>\n", styles: [":host{width:100%}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}:host .__content .__explorer-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;border-radius:.375rem;padding:1rem;text-align:center}:host .__content .__explorer-item:hover{background-color:rgb(var(--ax-sys-color-light-surface));color:rgb(var(--ax-sys-color-on-light-surface));border-color:rgb(var(--ax-sys-color-border-light-surface))}:host .__content .__explorer-item .__icon{flex-shrink:0}:host .__content .__explorer-item .__name{width:100%;font-size:.875rem;line-height:1.25rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}:host .__content .__explorer-item.--selected{background-color:rgb(var(--ax-sys-color-darker-surface));color:rgb(var(--ax-sys-color-on-darker-surface));border-color:rgb(var(--ax-sys-color-border-darker-surface))}\n"] }]
         }] });
 
 export { AXMDocumentExplorerLargeIconsViewComponent };
-//# sourceMappingURL=acorex-modules-document-management-large-icons-view.component-9APgNKIu.mjs.map
+//# sourceMappingURL=acorex-modules-document-management-large-icons-view.component-BPY3z02r.mjs.map

package/fesm2022/{acorex-modules-document-management-large-icons-view.component-9APgNKIu.mjs.map → acorex-modules-document-management-large-icons-view.component-BPY3z02r.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-document-management-large-icons-view.component-9APgNKIu.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/views/large-icons/large-icons-view.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/views/large-icons/large-icons-view.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPDblClickDirective, AXPElementDataDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\n\n@Component({\n    selector: 'axm-document-explorer-large-icons-view',\n    templateUrl: './large-icons-view.component.html',\n    styleUrls: ['./large-icons-view.component.scss'],\n    standalone: true,\n    imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective],\n})\nexport class AXMDocumentExplorerLargeIconsViewComponent {\n    protected vm = inject(AXPDocumentExplorerViewModel);\n} ","<!-- Large Icons View -->\n<div class=\"__content fa-4x\">\n  @for (folder of vm.folders(); track folder.id) {\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(folder)\"\n    [axp-data]=\"folder\"\n    (click)=\"vm.toggleSelect(folder)\"\n    (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n  >\n    <div class=\"__icon ax-text-yellow-400\">\n      @if (vm.isLoadingFolder(folder.id)) {\n      <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n      } @else {\n      <i class=\"fas fa-folder-closed\"></i>\n      }\n    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(file)\"\n    [axp-data]=\"file\"\n    (click)=\"vm.toggleSelect(file)\"\n    (onDblClick)=\"vm.openFile(file)\"\n  >\n    <div class=\"__icon\">\n      <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n    </div>\n    <div class=\"__name\">{{ file.name }}</div>\n  </div>\n  }\n</div>\n"],"names":[],"mappings":";;;;;;MAYa,0CAA0C,CAAA;AAPvD,IAAA,WAAA,GAAA;AAQc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD;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,kGCZvD,okCAkCA,EAAA,MAAA,EAAA,CAAA,m8BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxBc,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,uBAAuB,8FAAE,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAE5D,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAPtD,SAAS;+BACI,wCAAwC,EAAA,UAAA,EAGtC,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,uBAAuB,EAAE,oBAAoB,CAAC,EAAA,QAAA,EAAA,okCAAA,EAAA,MAAA,EAAA,CAAA,m8BAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"acorex-modules-document-management-large-icons-view.component-BPY3z02r.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/views/large-icons/large-icons-view.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/views/large-icons/large-icons-view.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPDblClickDirective, AXPElementDataDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\n\n@Component({\n    selector: 'axm-document-explorer-large-icons-view',\n    templateUrl: './large-icons-view.component.html',\n    styleUrls: ['./large-icons-view.component.scss'],\n    standalone: true,\n    imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective],\n})\nexport class AXMDocumentExplorerLargeIconsViewComponent {\n    protected vm = inject(AXPDocumentExplorerViewModel);\n} ","<!-- Large Icons View -->\n<div class=\"__content fa-4x\">\n  @for (folder of vm.folders(); track folder.id) {\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(folder)\"\n    [axp-data]=\"folder\"\n    (click)=\"vm.toggleSelect(folder)\"\n    (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n  >\n    <div class=\"__icon ax-text-yellow-400\">\n      @if (vm.isLoadingFolder(folder.id)) {\n      <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n      } @else {\n      <i class=\"fas fa-folder-closed\"></i>\n      }\n    </div>\n    <div class=\"__name\">{{ folder.name }}</div>\n  </div>\n  } @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n  <div\n    class=\"__explorer-item\"\n    [class.--selected]=\"vm.isItemSelected(file)\"\n    [axp-data]=\"file\"\n    (click)=\"vm.toggleSelect(file)\"\n    (onDblClick)=\"vm.openFile(file)\"\n  >\n    <div class=\"__icon\">\n      <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n    </div>\n    <div class=\"__name\">{{ file.name }}</div>\n  </div>\n  }\n</div>\n"],"names":[],"mappings":";;;;;;MAYa,0CAA0C,CAAA;AAPvD,IAAA,WAAA,GAAA;AAQc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD;+GAFY,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,SAAA,EAAA,IAAA,EAAA,0CAA0C,kGCZvD,okCAkCA,EAAA,MAAA,EAAA,CAAA,m8BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxBc,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,uBAAuB,8FAAE,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAE5D,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAPtD,SAAS;+BACI,wCAAwC,EAAA,UAAA,EAGtC,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,uBAAuB,EAAE,oBAAoB,CAAC,EAAA,QAAA,EAAA,okCAAA,EAAA,MAAA,EAAA,CAAA,m8BAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{acorex-modules-document-management-large-tiles-view.component-Byt-Hl3M.mjs → acorex-modules-document-management-large-tiles-view.component-eymKR4xY.mjs}

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

package/fesm2022/{acorex-modules-document-management-large-tiles-view.component-Byt-Hl3M.mjs.map → acorex-modules-document-management-large-tiles-view.component-eymKR4xY.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-document-management-large-tiles-view.component-Byt-Hl3M.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/views/large-tiles/large-tiles-view.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/views/large-tiles/large-tiles-view.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPDblClickDirective, AXPElementDataDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\n\n@Component({\n    selector: 'axm-document-explorer-large-tiles-view',\n    templateUrl: './large-tiles-view.component.html',\n    styleUrls: ['./large-tiles-view.component.scss'],\n    standalone: true,\n    imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective, AXFormatModule, AXDateTimeModule],\n})\nexport class AXMDocumentExplorerLargeTilesViewComponent {\n    protected vm = inject(AXPDocumentExplorerViewModel);\n} ","<!-- Folders Section -->\n@if (vm.folders().length > 0) {\n<div class=\"__section fa-3x\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.folders(); track folder.id) {\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(folder)\"\n      [axp-data]=\"folder\"\n      (click)=\"vm.toggleSelect(folder)\"\n      (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n    >\n      <div class=\"__icon ax-text-yellow-400\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n        } @else {\n        <i class=\"fas fa-folder-closed\"></i>\n        }\n      </div>\n      <span class=\"__name\">{{ folder.name }}</span>\n      <div class=\"__info\">\n        <span>{{ folder.childrenCount }} items</span>\n        <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.files().length > 0) {\n<div class=\"__section fa-3x\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(file)\"\n      [axp-data]=\"file\"\n      (click)=\"vm.toggleSelect(file)\"\n      (dblclick)=\"vm.openFile(file)\"\n    >\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n      </div>\n      <span class=\"__name\">{{ file.name }}</span>\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":";;;;;;;;;;MAca,0CAA0C,CAAA;AAPvD,IAAA,WAAA,GAAA;AAQc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD;8GAFY,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1C,0CAA0C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdvD,o5DA6DA,EAAA,MAAA,EAAA,CAAA,ygDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDjDc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAE9F,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAPtD,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wCAAwC,EAGtC,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,o5DAAA,EAAA,MAAA,EAAA,CAAA,ygDAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"acorex-modules-document-management-large-tiles-view.component-eymKR4xY.mjs","sources":["../../../../libs/modules/document-management/src/lib/features/document-explorer/views/large-tiles/large-tiles-view.component.ts","../../../../libs/modules/document-management/src/lib/features/document-explorer/views/large-tiles/large-tiles-view.component.html"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXPDblClickDirective, AXPElementDataDirective } from '@acorex/platform/core';\nimport { AXPDocumentExplorerViewModel } from '../../document-explorer.viewmodel';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXDateTimeModule } from '@acorex/core/date-time';\n\n@Component({\n    selector: 'axm-document-explorer-large-tiles-view',\n    templateUrl: './large-tiles-view.component.html',\n    styleUrls: ['./large-tiles-view.component.scss'],\n    standalone: true,\n    imports: [CommonModule, AXPElementDataDirective, AXPDblClickDirective, AXFormatModule, AXDateTimeModule],\n})\nexport class AXMDocumentExplorerLargeTilesViewComponent {\n    protected vm = inject(AXPDocumentExplorerViewModel);\n} ","<!-- Folders Section -->\n@if (vm.folders().length > 0) {\n<div class=\"__section fa-3x\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Folders</h3>\n  </div>\n  <div class=\"__content\">\n    @for (folder of vm.folders(); track folder.id) {\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(folder)\"\n      [axp-data]=\"folder\"\n      (click)=\"vm.toggleSelect(folder)\"\n      (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n    >\n      <div class=\"__icon ax-text-yellow-400\">\n        @if (vm.isLoadingFolder(folder.id)) {\n        <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n        } @else {\n        <i class=\"fas fa-folder-closed\"></i>\n        }\n      </div>\n      <span class=\"__name\">{{ folder.name }}</span>\n      <div class=\"__info\">\n        <span>{{ folder.childrenCount }} items</span>\n        <span>{{ folder.modifiedAt | format : 'datetime' : { format: 'datetime' } | async }}</span>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n}\n\n<!-- Files Section -->\n@if (vm.files().length > 0) {\n<div class=\"__section fa-3x\">\n  <div class=\"__header\">\n    <h3 class=\"__title\">Files</h3>\n  </div>\n  <div class=\"__content\">\n    @for (file of vm.files(); track file.id) { @let fileInfo = vm.getFileInfo(file.name);\n    <div\n      class=\"__explorer-item\"\n      [class.--selected]=\"vm.isItemSelected(file)\"\n      [axp-data]=\"file\"\n      (click)=\"vm.toggleSelect(file)\"\n      (dblclick)=\"vm.openFile(file)\"\n    >\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ fileInfo.icon }} fa-solid\"></i>\n      </div>\n      <span class=\"__name\">{{ file.name }}</span>\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":";;;;;;;;;;MAca,0CAA0C,CAAA;AAPvD,IAAA,WAAA,GAAA;AAQc,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,4BAA4B,CAAC;AACtD;+GAFY,0CAA0C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA1C,0CAA0C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdvD,o5DA6DA,EAAA,MAAA,EAAA,CAAA,ygDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDjDc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAE9F,0CAA0C,EAAA,UAAA,EAAA,CAAA;kBAPtD,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wCAAwC,EAGtC,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,o5DAAA,EAAA,MAAA,EAAA,CAAA,ygDAAA,CAAA,EAAA;;;;;"}