@acorex/platform 18.0.4 → 18.0.6

package/fesm2022/{acorex-platform-common-file-widget-edit.component-DxoQR4CU.mjs → acorex-platform-common-file-widget-edit.component-ZXhaXwWN.mjs}

@@ -91,125 +91,125 @@ class AXPFileWidgetEditComponent extends AXPWidgetEditBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFileWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPFileWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <ng-container *ngIf="multiple">
-        @for(item of value;track item?.value) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-        }
-      </ng-container>
-      <ng-container *ngIf="!multiple">
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: value[0] }" ]></ng-template>
-      </ng-container>
-      <ng-template #itemTemplate let-item="data">
-        <div
-          *ngIf="item"
-          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12"
-        >
-          <div class="ax-flex ax-items-center ax-justify-between ax-gap-3">
-            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
-              <div
-                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
-                [ngClass]="[fileInfo.color]"
-              >
-                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
-              </div>
-            </ng-container>
-            <div>
-              <div class="ax-leading-6">{{ item.name }}</div>
-              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
-            </div>
-          </div>
-          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
-            <ax-icon>
-              <i class="fa-solid fa-download"></i>
-            </ax-icon>
-          </ax-button>
-        </div>
-        <ax-button
-          *ngIf="multiple"
-          look="twotone"
-          color="danger"
-          (onClick)="handleRemoveItem(item)"
-          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center"
-        >
-          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
-        </ax-button>
-      </ng-template>
-      <ax-button
-        *ngIf="multiple"
-        [text]="value.length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="handleAddItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSelectBoxModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPFileWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of value;track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: value[0] }" ]></ng-template>
+      </ng-container>
+      <ng-template #itemTemplate let-item="data">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12"
+        >
+          <div class="ax-flex ax-items-center ax-justify-between ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div
+                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
+                [ngClass]="[fileInfo.color]"
+              >
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+        <ax-button
+          *ngIf="multiple"
+          look="twotone"
+          color="danger"
+          (onClick)="handleRemoveItem(item)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+      </ng-template>
+      <ax-button
+        *ngIf="multiple"
+        [text]="value.length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="handleAddItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSelectBoxModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFileWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <ng-container *ngIf="multiple">
-        @for(item of value;track item?.value) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-        }
-      </ng-container>
-      <ng-container *ngIf="!multiple">
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: value[0] }" ]></ng-template>
-      </ng-container>
-      <ng-template #itemTemplate let-item="data">
-        <div
-          *ngIf="item"
-          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12"
-        >
-          <div class="ax-flex ax-items-center ax-justify-between ax-gap-3">
-            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
-              <div
-                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
-                [ngClass]="[fileInfo.color]"
-              >
-                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
-              </div>
-            </ng-container>
-            <div>
-              <div class="ax-leading-6">{{ item.name }}</div>
-              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
-            </div>
-          </div>
-          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
-            <ax-icon>
-              <i class="fa-solid fa-download"></i>
-            </ax-icon>
-          </ax-button>
-        </div>
-        <ax-button
-          *ngIf="multiple"
-          look="twotone"
-          color="danger"
-          (onClick)="handleRemoveItem(item)"
-          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center"
-        >
-          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
-        </ax-button>
-      </ng-template>
-      <ax-button
-        *ngIf="multiple"
-        [text]="value.length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="handleAddItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of value;track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: value[0] }" ]></ng-template>
+      </ng-container>
+      <ng-template #itemTemplate let-item="data">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12"
+        >
+          <div class="ax-flex ax-items-center ax-justify-between ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div
+                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
+                [ngClass]="[fileInfo.color]"
+              >
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+        <ax-button
+          *ngIf="multiple"
+          look="twotone"
+          color="danger"
+          (onClick)="handleRemoveItem(item)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+      </ng-template>
+      <ax-button
+        *ngIf="multiple"
+        [text]="value.length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="handleAddItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -219,4 +219,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
         }] });
 
 export { AXPFileWidgetEditComponent };
-//# sourceMappingURL=acorex-platform-common-file-widget-edit.component-DxoQR4CU.mjs.map
+//# sourceMappingURL=acorex-platform-common-file-widget-edit.component-ZXhaXwWN.mjs.map

package/fesm2022/acorex-platform-common-file-widget-edit.component-ZXhaXwWN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-file-widget-edit.component-ZXhaXwWN.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/file/file-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPWidgetEditBase } from '../../widget/widget-base';\n\n@Component({\n  template: `\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      <ng-container *ngIf=\"multiple\">\n        @for(item of value;track item?.value) {\n        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ data: item }\" ]></ng-template>\n        }\n      </ng-container>\n      <ng-container *ngIf=\"!multiple\">\n        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ data: value[0] }\" ]></ng-template>\n      </ng-container>\n      <ng-template #itemTemplate let-item=\"data\">\n        <div\n          *ngIf=\"item\"\n          class=\"ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12\"\n        >\n          <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-3\">\n            <ng-container *ngIf=\"getFileInfo(item.name) as fileInfo\">\n              <div\n                class=\"ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center\"\n                [ngClass]=\"[fileInfo.color]\"\n              >\n                <i [ngClass]=\"['fa-solid', 'ax-text-xl', fileInfo.icon]\"></i>\n              </div>\n            </ng-container>\n            <div>\n              <div class=\"ax-leading-6\">{{ item.name }}</div>\n              <p class=\"ax-text-sm ax-text-neutral-400\">250 KB</p>\n            </div>\n          </div>\n          <ax-button look=\"blank\" color=\"ghost\" class=\"!ax-text-neutral-400 hover:!ax-text-neutral-600\">\n            <ax-icon>\n              <i class=\"fa-solid fa-download\"></i>\n            </ax-icon>\n          </ax-button>\n        </div>\n        <ax-button\n          *ngIf=\"multiple\"\n          look=\"twotone\"\n          color=\"danger\"\n          (onClick)=\"handleRemoveItem(item)\"\n          class=\"ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center\"\n        >\n          <ax-icon icon=\"fa-regular fa-xmark\"></ax-icon>\n        </ax-button>\n      </ng-template>\n      <ax-button\n        *ngIf=\"multiple\"\n        [text]=\"value.length == 0 ? 'Add New' : 'Add Another'\"\n        look=\"twotone\"\n        (onClick)=\"handleAddItem()\"\n        class=\"ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13\"\n      >\n        <ax-prefix>\n          <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXButtonModule, FormsModule, AXTextBoxModule, AXDecoratorModule, AXSelectBoxModule],\n  inputs: ['multiple'],\n})\nexport class AXPFileWidgetEditComponent extends AXPWidgetEditBase<\n  { value?: string | null; label?: string | undefined }[]\n> {\n  protected multiple!: boolean;\n\n  protected handleAddItem() { }\n\n  protected handleRemoveItem(item: any) {\n    this.value = this.value.filter((c) => c != item);\n  }\n\n  protected getFileInfo(fileName: string): { icon: string; color: string } {\n    const extension = fileName?.split('.')?.pop()?.toLowerCase();\n\n    switch (extension) {\n      case 'txt':\n        return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };\n\n      case 'pdf':\n        return { icon: 'fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };\n\n      case 'doc':\n      case 'docx':\n        return { icon: 'fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };\n\n      case 'xls':\n      case 'xlsx':\n        return { icon: 'fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };\n\n      case 'ppt':\n      case 'pptx':\n        return { icon: 'fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };\n\n      case 'jpg':\n      case 'jpeg':\n      case 'png':\n      case 'gif':\n      case 'bmp':\n        return { icon: 'fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };\n\n      case 'zip':\n      case 'rar':\n      case '7z':\n        return { icon: 'fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };\n\n      case 'mp3':\n      case 'wav':\n      case 'ogg':\n        return { icon: 'fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };\n\n      case 'mp4':\n      case 'avi':\n      case 'mkv':\n      case 'mov':\n        return { icon: 'fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };\n\n      case 'js':\n      case 'jsx':\n      case 'ts':\n      case 'tsx':\n        return { icon: 'fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };\n\n      // Add more cases as needed for other file types\n\n      default:\n        return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };\n    }\n  }\n\n  ngOnInit(): void {\n    if (!this.value || this.value?.length == 0) {\n      this.value = [\n        {\n          label: 'Mobile',\n          value: '',\n        },\n      ];\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEM,MAAO,0BAA2B,SAAQ,iBAE/C,CAAA;AAGW,IAAA,aAAa,MAAM;AAEnB,IAAA,gBAAgB,CAAC,IAAS,EAAA;AAClC,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;KAClD;AAES,IAAA,WAAW,CAAC,QAAgB,EAAA;AACpC,QAAA,MAAM,SAAS,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC;QAE7D,QAAQ,SAAS;AACf,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC;AAE3E,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,+BAA+B,EAAE,CAAC;AAEzE,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,MAAM;gBACT,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC;AAE5E,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,MAAM;gBACT,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,mCAAmC,EAAE,CAAC;AAE/E,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,MAAM;gBACT,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,qCAAqC,EAAE,CAAC;AAEtF,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,MAAM,CAAC;AACZ,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,qCAAqC,EAAE,CAAC;AAEjF,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,IAAI;gBACP,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,qCAAqC,EAAE,CAAC;AAEnF,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC;AAE7E,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC;AAE7E,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,qCAAqC,EAAE,CAAC;;AAIhF,YAAA;gBACE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC;SACxE;KACF;IAED,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,EAAE;YAC1C,IAAI,CAAC,KAAK,GAAG;AACX,gBAAA;AACE,oBAAA,KAAK,EAAE,QAAQ;AACf,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA;aACF,CAAC;SACH;KACF;8GA9EU,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EA/D3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDT,EAGS,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,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,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,WAAW,8BAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,+IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG/F,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAhEtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,CAAC;oBAC3G,MAAM,EAAE,CAAC,UAAU,CAAC;AACrB,iBAAA,CAAA;;;;;"}

package/fesm2022/{acorex-platform-common-file-widget-filter.component-BvG0iaKU.mjs → acorex-platform-common-file-widget-filter.component-qL-PznYm.mjs}

@@ -30,15 +30,15 @@ import 'rxjs/operators';
 
 class AXPFileWidgetFilterComponent extends AXPWidgetFilterBase {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFileWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPFileWidgetFilterComponent, isStandalone: true, selector: "ng-component", inputs: { value: "value", operator: "operator" }, outputs: { valueChange: "valueChange", operatorChange: "operatorChange" }, usesInheritance: true, ngImport: i0, template: `
-    <ax-select-box [(ngModel)]="value" [placeholder]="'Has file'" [dataSource]="['Yes', 'No']"></ax-select-box>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPFileWidgetFilterComponent, isStandalone: true, selector: "ng-component", inputs: { value: "value", operator: "operator" }, outputs: { valueChange: "valueChange", operatorChange: "operatorChange" }, usesInheritance: true, ngImport: i0, template: `
+    <ax-select-box [(ngModel)]="value" [placeholder]="'Has file'" [dataSource]="['Yes', 'No']"></ax-select-box>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFileWidgetFilterComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <ax-select-box [(ngModel)]="value" [placeholder]="'Has file'" [dataSource]="['Yes', 'No']"></ax-select-box>
+                    template: `
+    <ax-select-box [(ngModel)]="value" [placeholder]="'Has file'" [dataSource]="['Yes', 'No']"></ax-select-box>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
         }] });
 
 export { AXPFileWidgetFilterComponent };
-//# sourceMappingURL=acorex-platform-common-file-widget-filter.component-BvG0iaKU.mjs.map
+//# sourceMappingURL=acorex-platform-common-file-widget-filter.component-qL-PznYm.mjs.map

package/fesm2022/acorex-platform-common-file-widget-filter.component-qL-PznYm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-file-widget-filter.component-qL-PznYm.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/file/file-widget-filter.component.ts"],"sourcesContent":["import { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPWidgetFilterBase } from '../../widget/widget-base';\n@Component({\n  template: `\n    <ax-select-box [(ngModel)]=\"value\" [placeholder]=\"'Has file'\" [dataSource]=\"['Yes', 'No']\"></ax-select-box>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXSelectBoxModule, FormsModule],\n  outputs: ['valueChange', 'operatorChange'],\n  inputs: ['value', 'operator'],\n})\nexport class AXPFileWidgetFilterComponent extends AXPWidgetFilterBase { }\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAO,4BAA6B,SAAQ,mBAAmB,CAAA;8GAAxD,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAT7B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;GAET,EAGS,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,yhBAAE,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,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAI7B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAVxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;AAET,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,iBAAiB,EAAE,WAAW,CAAC;AACzC,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC;AAC1C,oBAAA,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;AAC9B,iBAAA,CAAA;;;;;"}

package/fesm2022/{acorex-platform-common-file-widget-view.component-BC9l3YrO.mjs → acorex-platform-common-file-widget-view.component-B0C9oJLT.mjs}

@@ -90,79 +90,79 @@ class AXPFileWidgetViewComponent extends AXPWidgetBase {
             : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFileWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPFileWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", value: "value", multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(multiple){ @for(item of list;let first=$first;track item.name) {
-      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-      } }@else {
-      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: list[0] }" ]></ng-template>
-      }
-      <ng-template #itemTemplate let-item="data">
-        <div
-          *ngIf="item"
-          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-13 lg:ax-col-end-7   2xl:ax-col-end-5"
-        >
-          <div class="ax-flex ax-items-center ax-gap-3">
-            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
-              <div
-                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
-                [ngClass]="[fileInfo.color]"
-              >
-                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
-              </div>
-            </ng-container>
-            <div>
-              <div class="ax-leading-6">{{ item.name }}</div>
-              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
-            </div>
-          </div>
-          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
-            <ax-icon>
-              <i class="fa-solid fa-download"></i>
-            </ax-icon>
-          </ax-button>
-        </div>
-      </ng-template>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPFileWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", value: "value", multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(multiple){ @for(item of list;let first=$first;track item.name) {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+      } }@else {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: list[0] }" ]></ng-template>
+      }
+      <ng-template #itemTemplate let-item="data">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-13 lg:ax-col-end-7   2xl:ax-col-end-5"
+        >
+          <div class="ax-flex ax-items-center ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div
+                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
+                [ngClass]="[fileInfo.color]"
+              >
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+      </ng-template>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFileWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(multiple){ @for(item of list;let first=$first;track item.name) {
-      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-      } }@else {
-      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: list[0] }" ]></ng-template>
-      }
-      <ng-template #itemTemplate let-item="data">
-        <div
-          *ngIf="item"
-          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-13 lg:ax-col-end-7   2xl:ax-col-end-5"
-        >
-          <div class="ax-flex ax-items-center ax-gap-3">
-            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
-              <div
-                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
-                [ngClass]="[fileInfo.color]"
-              >
-                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
-              </div>
-            </ng-container>
-            <div>
-              <div class="ax-leading-6">{{ item.name }}</div>
-              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
-            </div>
-          </div>
-          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
-            <ax-icon>
-              <i class="fa-solid fa-download"></i>
-            </ax-icon>
-          </ax-button>
-        </div>
-      </ng-template>
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(multiple){ @for(item of list;let first=$first;track item.name) {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+      } }@else {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: list[0] }" ]></ng-template>
+      }
+      <ng-template #itemTemplate let-item="data">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-13 lg:ax-col-end-7   2xl:ax-col-end-5"
+        >
+          <div class="ax-flex ax-items-center ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div
+                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
+                [ngClass]="[fileInfo.color]"
+              >
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+      </ng-template>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -172,4 +172,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
         }] });
 
 export { AXPFileWidgetViewComponent };
-//# sourceMappingURL=acorex-platform-common-file-widget-view.component-BC9l3YrO.mjs.map
+//# sourceMappingURL=acorex-platform-common-file-widget-view.component-B0C9oJLT.mjs.map

package/fesm2022/acorex-platform-common-file-widget-view.component-B0C9oJLT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-file-widget-view.component-B0C9oJLT.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/file/file-widget-view.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AXPWidgetBase } from '../../widget/widget-base';\n\n@Component({\n  template: `\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-2\">\n      @if(multiple){ @for(item of list;let first=$first;track item.name) {\n      <ng-template [ngTemplateOutlet]=\"itemTemplate\" ] [ngTemplateOutletContext]=\"{ data: item }\" ]></ng-template>\n      } }@else {\n      <ng-template [ngTemplateOutlet]=\"itemTemplate\" ] [ngTemplateOutletContext]=\"{ data: list[0] }\" ]></ng-template>\n      }\n      <ng-template #itemTemplate let-item=\"data\">\n        <div\n          *ngIf=\"item\"\n          class=\"ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-13 lg:ax-col-end-7   2xl:ax-col-end-5\"\n        >\n          <div class=\"ax-flex ax-items-center ax-gap-3\">\n            <ng-container *ngIf=\"getFileInfo(item.name) as fileInfo\">\n              <div\n                class=\"ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center\"\n                [ngClass]=\"[fileInfo.color]\"\n              >\n                <i [ngClass]=\"['fa-solid', 'ax-text-xl', fileInfo.icon]\"></i>\n              </div>\n            </ng-container>\n            <div>\n              <div class=\"ax-leading-6\">{{ item.name }}</div>\n              <p class=\"ax-text-sm ax-text-neutral-400\">250 KB</p>\n            </div>\n          </div>\n          <ax-button look=\"blank\" color=\"ghost\" class=\"!ax-text-neutral-400 hover:!ax-text-neutral-600\">\n            <ax-icon>\n              <i class=\"fa-solid fa-download\"></i>\n            </ax-icon>\n          </ax-button>\n        </div>\n      </ng-template>\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXButtonModule, AXDecoratorModule],\n  inputs: ['context', 'value', 'multiple'],\n})\nexport class AXPFileWidgetViewComponent extends AXPWidgetBase {\n  protected list: { name: string; type: string }[] = [];\n  protected multiple!: boolean;\n\n  override render() {\n    const rawValue = this.rawValue;\n    this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];\n  }\n\n  protected getFileInfo(fileName: string): { icon: string; color: string } {\n    const extension = fileName.split('.').pop()?.toLowerCase();\n\n    switch (extension) {\n      case 'txt':\n        return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };\n\n      case 'pdf':\n        return { icon: 'fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };\n\n      case 'doc':\n      case 'docx':\n        return { icon: 'fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };\n\n      case 'xls':\n      case 'xlsx':\n        return { icon: 'fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };\n\n      case 'ppt':\n      case 'pptx':\n        return { icon: 'fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };\n\n      case 'jpg':\n      case 'jpeg':\n      case 'png':\n      case 'gif':\n      case 'bmp':\n        return { icon: 'fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };\n\n      case 'zip':\n      case 'rar':\n      case '7z':\n        return { icon: 'fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };\n\n      case 'mp3':\n      case 'wav':\n      case 'ogg':\n        return { icon: 'fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };\n\n      case 'mp4':\n      case 'avi':\n      case 'mkv':\n      case 'mov':\n        return { icon: 'fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };\n\n      case 'js':\n      case 'jsx':\n      case 'ts':\n      case 'tsx':\n        return { icon: 'fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };\n\n      // Add more cases as needed for other file types\n\n      default:\n        return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };\n    }\n  }\n\n  private extractItem(item: any): any {\n    return typeof item == 'object'\n      ? {\n        name: item.name,\n        type: item.type ?? 'Unknown',\n      }\n      : null;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CM,MAAO,0BAA2B,SAAQ,aAAa,CAAA;AAzC7D,IAAA,WAAA,GAAA;;QA0CY,IAAI,CAAA,IAAA,GAAqC,EAAE,CAAC;AA0EvD,KAAA;IAvEU,MAAM,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC/B,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;KAC/G;AAES,IAAA,WAAW,CAAC,QAAgB,EAAA;AACpC,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC;QAE3D,QAAQ,SAAS;AACf,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC;AAE3E,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,+BAA+B,EAAE,CAAC;AAEzE,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,MAAM;gBACT,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC;AAE5E,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,MAAM;gBACT,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,mCAAmC,EAAE,CAAC;AAE/E,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,MAAM;gBACT,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,qCAAqC,EAAE,CAAC;AAEtF,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,MAAM,CAAC;AACZ,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,qCAAqC,EAAE,CAAC;AAEjF,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,IAAI;gBACP,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,qCAAqC,EAAE,CAAC;AAEnF,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC;AAE7E,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC;AAE7E,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,KAAK,CAAC;AACX,YAAA,KAAK,IAAI,CAAC;AACV,YAAA,KAAK,KAAK;gBACR,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,qCAAqC,EAAE,CAAC;;AAIhF,YAAA;gBACE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,iCAAiC,EAAE,CAAC;SACxE;KACF;AAEO,IAAA,WAAW,CAAC,IAAS,EAAA;QAC3B,OAAO,OAAO,IAAI,IAAI,QAAQ;AAC5B,cAAE;gBACA,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,SAAS;AAC7B,aAAA;cACC,IAAI,CAAC;KACV;8GA1EU,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAxC3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,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,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,EAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG9C,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAzCtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,CAAC;AAC1D,oBAAA,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC;AACzC,iBAAA,CAAA;;;;;"}