@acorex/platform 1.0.0

package/esm2022/layouts/lib/widgets/file/file-widget-edit.component.mjs

@@ -0,0 +1,200 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXPWidgetEditBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/button";
+import * as i3 from "@acorex/components/decorators";
+export class AXPFileWidgetEditComponent extends AXPWidgetEditBase {
+    handleAddItem() { }
+    handleRemoveItem(item) {
+        this.value = this.value.filter((c) => c != item);
+    }
+    getFileInfo(fileName) {
+        const extension = fileName?.split('.')?.pop()?.toLowerCase();
+        switch (extension) {
+            case 'txt':
+                return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };
+            case 'pdf':
+                return { icon: 'fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };
+            case 'doc':
+            case 'docx':
+                return { icon: 'fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };
+            case 'xls':
+            case 'xlsx':
+                return { icon: 'fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };
+            case 'ppt':
+            case 'pptx':
+                return { icon: 'fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };
+            case 'jpg':
+            case 'jpeg':
+            case 'png':
+            case 'gif':
+            case 'bmp':
+                return { icon: 'fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };
+            case 'zip':
+            case 'rar':
+            case '7z':
+                return { icon: 'fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+            case 'mp3':
+            case 'wav':
+            case 'ogg':
+                return { icon: 'fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };
+            case 'mp4':
+            case 'avi':
+            case 'mkv':
+            case 'mov':
+                return { icon: 'fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };
+            case 'js':
+            case 'jsx':
+            case 'ts':
+            case 'tsx':
+                return { icon: 'fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+            // Add more cases as needed for other file types
+            default:
+                return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };
+        }
+    }
+    ngOnInit() {
+        if (!this.value || this.value?.length == 0) {
+            this.value = [
+                {
+                    label: 'Mobile',
+                    value: '',
+                },
+            ];
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.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>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXButtonModule, FormsModule, AXTextBoxModule, AXDecoratorModule, AXSelectBoxModule],
+                    inputs: ['multiple'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS13aWRnZXQtZWRpdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL2xheW91dHMvc3JjL2xpYi93aWRnZXRzL2ZpbGUvZmlsZS13aWRnZXQtZWRpdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBa0U3QyxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsaUJBRS9DO0lBR1csYUFBYSxLQUFJLENBQUM7SUFFbEIsZ0JBQWdCLENBQUMsSUFBUztRQUNsQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVTLFdBQVcsQ0FBQyxRQUFnQjtRQUNwQyxNQUFNLFNBQVMsR0FBRyxRQUFRLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsRUFBRSxFQUFFLFdBQVcsRUFBRSxDQUFDO1FBRTdELFFBQVEsU0FBUyxFQUFFLENBQUM7WUFDbEIs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QWMsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDO29CQUMzRyxNQUFNLEVBQUUsQ0FBQyxVQUFVLENBQUM7aUJBQ3JCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhTZWxlY3RCb3hNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvc2VsZWN0LWJveCc7XG5pbXBvcnQgeyBBWFRleHRCb3hNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGV4dC1ib3gnO1xuaW1wb3J0IHsgQVhQV2lkZ2V0RWRpdEJhc2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL3NjaGVtYSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJheC1ncmlkIGF4LWdyaWQtY29scy0xMiBheC1nYXAtNFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm11bHRpcGxlXCI+XG4gICAgICAgIEBmb3IoaXRlbSBvZiB2YWx1ZTt0cmFjayBpdGVtPy52YWx1ZSkge1xuICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiaXRlbVRlbXBsYXRlXCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgZGF0YTogaXRlbSB9XCIgXT48L25nLXRlbXBsYXRlPlxuICAgICAgICB9XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhbXVsdGlwbGVcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIml0ZW1UZW1wbGF0ZVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7IGRhdGE6IHZhbHVlWzBdIH1cIiBdPjwvbmctdGVtcGxhdGU+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjaXRlbVRlbXBsYXRlIGxldC1pdGVtPVwiZGF0YVwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgKm5nSWY9XCJpdGVtXCJcbiAgICAgICAgICBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGF4LWp1c3RpZnktYmV0d2VlbiBheC1wLTIgIGF4LWJvcmRlciBheC1yb3VuZGVkLWxnICBheC1iZy1zdXJmYWNlIGF4LWNvbC1zdGFydC0xIGF4LWNvbC1lbmQtMTEgbGc6YXgtY29sLWVuZC0xMlwiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1iZXR3ZWVuIGF4LWdhcC0zXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZ2V0RmlsZUluZm8oaXRlbS5uYW1lKSBhcyBmaWxlSW5mb1wiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJheC13LTEwIGF4LWgtMTAgYXgtcm91bmRlZC1sZyBheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1qdXN0aWZ5LWNlbnRlclwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiW2ZpbGVJbmZvLmNvbG9yXVwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8aSBbbmdDbGFzc109XCJbJ2ZhLXNvbGlkJywgJ2F4LXRleHQteGwnLCBmaWxlSW5mby5pY29uXVwiPjwvaT5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1sZWFkaW5nLTZcIj57eyBpdGVtLm5hbWUgfX08L2Rpdj5cbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJheC10ZXh0LXNtIGF4LXRleHQtbmV1dHJhbC00MDBcIj4yNTAgS0I8L3A+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8YXgtYnV0dG9uIGxvb2s9XCJibGFua1wiIGNvbG9yPVwiZ2hvc3RcIiBjbGFzcz1cIiFheC10ZXh0LW5ldXRyYWwtNDAwIGhvdmVyOiFheC10ZXh0LW5ldXRyYWwtNjAwXCI+XG4gICAgICAgICAgICA8YXgtaWNvbj5cbiAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYS1zb2xpZCBmYS1kb3dubG9hZFwiPjwvaT5cbiAgICAgICAgICAgIDwvYXgtaWNvbj5cbiAgICAgICAgICA8L2F4LWJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxheC1idXR0b25cbiAgICAgICAgICAqbmdJZj1cIm11bHRpcGxlXCJcbiAgICAgICAgICBsb29rPVwidHdvdG9uZVwiXG4gICAgICAgICAgY29sb3I9XCJkYW5nZXJcIlxuICAgICAgICAgIChvbkNsaWNrKT1cImhhbmRsZVJlbW92ZUl0ZW0oaXRlbSlcIlxuICAgICAgICAgIGNsYXNzPVwiYXgtY29sLXN0YXJ0LTExIGF4LWNvbC1lbmQtMTMgbGc6YXgtY29sLXN0YXJ0LTEyIGF4LWp1c3RpZnktc2VsZi1lbmQgYXgtaXRlbXMgYXgtc2VsZi1jZW50ZXJcIlxuICAgICAgICA+XG4gICAgICAgICAgPGF4LWljb24gaWNvbj1cImZhLXJlZ3VsYXIgZmEteG1hcmtcIj48L2F4LWljb24+XG4gICAgICAgIDwvYXgtYnV0dG9uPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDxheC1idXR0b25cbiAgICAgICAgKm5nSWY9XCJtdWx0aXBsZVwiXG4gICAgICAgIFt0ZXh0XT1cInZhbHVlLmxlbmd0aCA9PSAwID8gJ0FkZCBOZXcnIDogJ0FkZCBBbm90aGVyJ1wiXG4gICAgICAgIGxvb2s9XCJ0d290b25lXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiaGFuZGxlQWRkSXRlbSgpXCJcbiAgICAgICAgY2xhc3M9XCJheC1jb2wtc3RhcnQtOCBsZzpheC1jb2wtc3RhcnQtMTAgMnhsOmF4LWNvbC1zdGFydC0xMCBheC1jb2wtZW5kLTEzXCJcbiAgICAgID5cbiAgICAgICAgPGF4LXByZWZpeD5cbiAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWFkZFwiPjwvYXgtaWNvbj5cbiAgICAgICAgPC9heC1wcmVmaXg+XG4gICAgICA8L2F4LWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYQnV0dG9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgQVhUZXh0Qm94TW9kdWxlLCBBWERlY29yYXRvck1vZHVsZSwgQVhTZWxlY3RCb3hNb2R1bGVdLFxuICBpbnB1dHM6IFsnbXVsdGlwbGUnXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhQRmlsZVdpZGdldEVkaXRDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRFZGl0QmFzZTxcbiAgeyB2YWx1ZT86IHN0cmluZyB8IG51bGw7IGxhYmVsPzogc3RyaW5nIHwgdW5kZWZpbmVkIH1bXVxuPiB7XG4gIHByb3RlY3RlZCBtdWx0aXBsZSE6IGJvb2xlYW47XG5cbiAgcHJvdGVjdGVkIGhhbmRsZUFkZEl0ZW0oKSB7fVxuXG4gIHByb3RlY3RlZCBoYW5kbGVSZW1vdmVJdGVtKGl0ZW06IGFueSkge1xuICAgIHRoaXMudmFsdWUgPSB0aGlzLnZhbHVlLmZpbHRlcigoYykgPT4gYyAhPSBpdGVtKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRGaWxlSW5mbyhmaWxlTmFtZTogc3RyaW5nKTogeyBpY29uOiBzdHJpbmc7IGNvbG9yOiBzdHJpbmcgfSB7XG4gICAgY29uc3QgZXh0ZW5zaW9uID0gZmlsZU5hbWU/LnNwbGl0KCcuJyk/LnBvcCgpPy50b0xvd2VyQ2FzZSgpO1xuXG4gICAgc3dpdGNoIChleHRlbnNpb24pIHtcbiAgICAgIGNhc2UgJ3R4dCc6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWFsdCcsIGNvbG9yOiAnYXgtYmctYmx1ZS0xMDAgYXgtdGV4dC1ibHVlLTUwMCcgfTtcblxuICAgICAgY2FzZSAncGRmJzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtcGRmJywgY29sb3I6ICdheC1iZy1yZWQtMTAwIGF4LXRleHQtcmVkLTUwMCcgfTtcblxuICAgICAgY2FzZSAnZG9jJzpcbiAgICAgIGNhc2UgJ2RvY3gnOlxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZS13b3JkJywgY29sb3I6ICdheC1iZy1ibHVlLTIwMCBheC10ZXh0LWJsdWUtNjAwJyB9O1xuXG4gICAgICBjYXNlICd4bHMnOlxuICAgICAgY2FzZSAneGxzeCc6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWV4Y2VsJywgY29sb3I6ICdheC1iZy1ncmVlbi0xMDAgYXgtdGV4dC1ncmVlbi01MDAnIH07XG5cbiAgICAgIGNhc2UgJ3BwdCc6XG4gICAgICBjYXNlICdwcHR4JzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtcG93ZXJwb2ludCcsIGNvbG9yOiAnYXgtYmctb3JhbmdlLTEwMCBheC10ZXh0LW9yYW5nZS01MDAnIH07XG5cbiAgICAgIGNhc2UgJ2pwZyc6XG4gICAgICBjYXNlICdqcGVnJzpcbiAgICAgIGNhc2UgJ3BuZyc6XG4gICAgICBjYXNlICdnaWYnOlxuICAgICAgY2FzZSAnYm1wJzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtaW1hZ2UnLCBjb2xvcjogJ2F4LWJnLXB1cnBsZS0xMDAgYXgtdGV4dC1wdXJwbGUtNTAwJyB9O1xuXG4gICAgICBjYXNlICd6aXAnOlxuICAgICAgY2FzZSAncmFyJzpcbiAgICAgIGNhc2UgJzd6JzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtYXJjaGl2ZScsIGNvbG9yOiAnYXgtYmcteWVsbG93LTEwMCBheC10ZXh0LXllbGxvdy01MDAnIH07XG5cbiAgICAgIGNhc2UgJ21wMyc6XG4gICAgICBjYXNlICd3YXYnOlxuICAgICAgY2FzZSAnb2dnJzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtYXVkaW8nLCBjb2xvcjogJ2F4LWJnLXBpbmstMTAwIGF4LXRleHQtcGluay01MDAnIH07XG5cbiAgICAgIGNhc2UgJ21wNCc6XG4gICAgICBjYXNlICdhdmknOlxuICAgICAgY2FzZSAnbWt2JzpcbiAgICAgIGNhc2UgJ21vdic6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLXZpZGVvJywgY29sb3I6ICdheC1iZy1ibHVlLTEwMCBheC10ZXh0LWJsdWUtNTAwJyB9O1xuXG4gICAgICBjYXNlICdqcyc6XG4gICAgICBjYXNlICdqc3gnOlxuICAgICAgY2FzZSAndHMnOlxuICAgICAgY2FzZSAndHN4JzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtY29kZScsIGNvbG9yOiAnYXgtYmcteWVsbG93LTEwMCBheC10ZXh0LXllbGxvdy01MDAnIH07XG5cbiAgICAgIC8vIEFkZCBtb3JlIGNhc2VzIGFzIG5lZWRlZCBmb3Igb3RoZXIgZmlsZSB0eXBlc1xuXG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZScsIGNvbG9yOiAnYXgtYmctZ3JheS0xMDAgYXgtdGV4dC1ncmF5LTUwMCcgfTtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudmFsdWUgfHwgdGhpcy52YWx1ZT8ubGVuZ3RoID09IDApIHtcbiAgICAgIHRoaXMudmFsdWUgPSBbXG4gICAgICAgIHtcbiAgICAgICAgICBsYWJlbDogJ01vYmlsZScsXG4gICAgICAgICAgdmFsdWU6ICcnLFxuICAgICAgICB9LFxuICAgICAgXTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/layouts/lib/widgets/file/file-widget-filter.component.mjs

@@ -0,0 +1,27 @@
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXPWidgetFilterBase } from '@acorex/platform/schema';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/select-box";
+import * as i2 from "@angular/forms";
+export class AXPFileWidgetFilterComponent extends AXPWidgetFilterBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.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: i1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "dataSource", "itemTemplate", "emptyTemplate", "loadingTemplate"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }, { 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: "17.1.2", ngImport: i0, type: AXPFileWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ax-select-box [(ngModel)]="value" [placeholder]="'Has file'" [dataSource]="['Yes', 'No']"></ax-select-box>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXSelectBoxModule, FormsModule],
+                    outputs: ['valueChange', 'operatorChange'],
+                    inputs: ['value', 'operator'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS13aWRnZXQtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vbGF5b3V0cy9zcmMvbGliL3dpZGdldHMvZmlsZS9maWxlLXdpZGdldC1maWx0ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBVzdDLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxtQkFBbUI7OEdBQXhELDRCQUE0QjtrR0FBNUIsNEJBQTRCLDROQVQ3Qjs7R0FFVCwyREFHUyxpQkFBaUIsaWRBQUUsV0FBVzs7MkZBSTdCLDRCQUE0QjtrQkFWeEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7O0dBRVQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxXQUFXLENBQUM7b0JBQ3pDLE9BQU8sRUFBRSxDQUFDLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDMUMsTUFBTSxFQUFFLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFNlbGVjdEJveE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9zZWxlY3QtYm94JztcbmltcG9ydCB7IEFYUFdpZGdldEZpbHRlckJhc2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL3NjaGVtYSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxheC1zZWxlY3QtYm94IFsobmdNb2RlbCldPVwidmFsdWVcIiBbcGxhY2Vob2xkZXJdPVwiJ0hhcyBmaWxlJ1wiIFtkYXRhU291cmNlXT1cIlsnWWVzJywgJ05vJ11cIj48L2F4LXNlbGVjdC1ib3g+XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQVhTZWxlY3RCb3hNb2R1bGUsIEZvcm1zTW9kdWxlXSxcbiAgb3V0cHV0czogWyd2YWx1ZUNoYW5nZScsICdvcGVyYXRvckNoYW5nZSddLFxuICBpbnB1dHM6IFsndmFsdWUnLCAnb3BlcmF0b3InXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhQRmlsZVdpZGdldEZpbHRlckNvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldEZpbHRlckJhc2UgeyB9XG4iXX0=

package/esm2022/layouts/lib/widgets/file/file-widget-view.component.mjs

@@ -0,0 +1,153 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/button";
+import * as i3 from "@acorex/components/decorators";
+export class AXPFileWidgetViewComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.list = [];
+    }
+    render() {
+        const rawValue = this.context[this.prop.name];
+        this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];
+    }
+    getFileInfo(fileName) {
+        const extension = fileName.split('.').pop()?.toLowerCase();
+        switch (extension) {
+            case 'txt':
+                return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };
+            case 'pdf':
+                return { icon: 'fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };
+            case 'doc':
+            case 'docx':
+                return { icon: 'fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };
+            case 'xls':
+            case 'xlsx':
+                return { icon: 'fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };
+            case 'ppt':
+            case 'pptx':
+                return { icon: 'fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };
+            case 'jpg':
+            case 'jpeg':
+            case 'png':
+            case 'gif':
+            case 'bmp':
+                return { icon: 'fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };
+            case 'zip':
+            case 'rar':
+            case '7z':
+                return { icon: 'fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+            case 'mp3':
+            case 'wav':
+            case 'ogg':
+                return { icon: 'fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };
+            case 'mp4':
+            case 'avi':
+            case 'mkv':
+            case 'mov':
+                return { icon: 'fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };
+            case 'js':
+            case 'jsx':
+            case 'ts':
+            case 'tsx':
+                return { icon: 'fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+            // Add more cases as needed for other file types
+            default:
+                return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };
+        }
+    }
+    extractItem(item) {
+        return typeof item == 'object'
+            ? {
+                name: item.name,
+                type: item.type ?? 'Unknown',
+            }
+            : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.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>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXButtonModule, AXDecoratorModule],
+                    inputs: ['context', 'value', 'multiple'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS13aWRnZXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL2xheW91dHMvc3JjL2xpYi93aWRnZXRzL2ZpbGUvZmlsZS13aWRnZXQtdmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUEyQ25FLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxhQUFhO0lBekM3RDs7UUEwQ1ksU0FBSSxHQUFxQyxFQUFFLENBQUM7S0EwRXZEO0lBdkVVLE1BQU07UUFDYixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUMsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ2hILENBQUM7SUFFUyxXQUFXLENBQUMsUUFBZ0I7UUFDcEMsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVB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LEVBQUUsT0FBTyxFQUFFLFVBQVUsQ0FBQztpQkFDekMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9zY2hlbWEnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF4LWdyaWQgYXgtZ3JpZC1jb2xzLTEyIGF4LWdhcC0yXCI+XG4gICAgICBAaWYobXVsdGlwbGUpeyBAZm9yKGl0ZW0gb2YgbGlzdDtsZXQgZmlyc3Q9JGZpcnN0O3RyYWNrIGl0ZW0ubmFtZSkge1xuICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIml0ZW1UZW1wbGF0ZVwiIF0gW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgZGF0YTogaXRlbSB9XCIgXT48L25nLXRlbXBsYXRlPlxuICAgICAgfSB9QGVsc2Uge1xuICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIml0ZW1UZW1wbGF0ZVwiIF0gW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgZGF0YTogbGlzdFswXSB9XCIgXT48L25nLXRlbXBsYXRlPlxuICAgICAgfVxuICAgICAgPG5nLXRlbXBsYXRlICNpdGVtVGVtcGxhdGUgbGV0LWl0ZW09XCJkYXRhXCI+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAqbmdJZj1cIml0ZW1cIlxuICAgICAgICAgIGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1iZXR3ZWVuIGF4LXAtMiAgYXgtYm9yZGVyIGF4LXJvdW5kZWQtbGcgIGF4LWJnLXN1cmZhY2UgYXgtY29sLXN0YXJ0LTEgYXgtY29sLWVuZC0xMyBsZzpheC1jb2wtZW5kLTcgICAyeGw6YXgtY29sLWVuZC01XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1nYXAtM1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImdldEZpbGVJbmZvKGl0ZW0ubmFtZSkgYXMgZmlsZUluZm9cIj5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYXgtdy0xMCBheC1oLTEwIGF4LXJvdW5kZWQtbGcgYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1jZW50ZXJcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIltmaWxlSW5mby5jb2xvcl1cIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGkgW25nQ2xhc3NdPVwiWydmYS1zb2xpZCcsICdheC10ZXh0LXhsJywgZmlsZUluZm8uaWNvbl1cIj48L2k+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtbGVhZGluZy02XCI+e3sgaXRlbS5uYW1lIH19PC9kaXY+XG4gICAgICAgICAgICAgIDxwIGNsYXNzPVwiYXgtdGV4dC1zbSBheC10ZXh0LW5ldXRyYWwtNDAwXCI+MjUwIEtCPC9wPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGF4LWJ1dHRvbiBsb29rPVwiYmxhbmtcIiBjb2xvcj1cImdob3N0XCIgY2xhc3M9XCIhYXgtdGV4dC1uZXV0cmFsLTQwMCBob3ZlcjohYXgtdGV4dC1uZXV0cmFsLTYwMFwiPlxuICAgICAgICAgICAgPGF4LWljb24+XG4gICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtZG93bmxvYWRcIj48L2k+XG4gICAgICAgICAgICA8L2F4LWljb24+XG4gICAgICAgICAgPC9heC1idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYQnV0dG9uTW9kdWxlLCBBWERlY29yYXRvck1vZHVsZV0sXG4gIGlucHV0czogWydjb250ZXh0JywgJ3ZhbHVlJywgJ211bHRpcGxlJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFYUEZpbGVXaWRnZXRWaWV3Q29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0QmFzZSB7XG4gIHByb3RlY3RlZCBsaXN0OiB7IG5hbWU6IHN0cmluZzsgdHlwZTogc3RyaW5nIH1bXSA9IFtdO1xuICBwcm90ZWN0ZWQgbXVsdGlwbGUhOiBib29sZWFuO1xuXG4gIG92ZXJyaWRlIHJlbmRlcigpIHtcbiAgICBjb25zdCByYXdWYWx1ZSA9IHRoaXMuY29udGV4dFt0aGlzLnByb3AubmFtZV07XG4gICAgdGhpcy5saXN0ID0gQXJyYXkuaXNBcnJheShyYXdWYWx1ZSkgPyByYXdWYWx1ZS5tYXAoKGMpID0+IHRoaXMuZXh0cmFjdEl0ZW0oYykpIDogW3RoaXMuZXh0cmFjdEl0ZW0ocmF3VmFsdWUpXTtcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRGaWxlSW5mbyhmaWxlTmFtZTogc3RyaW5nKTogeyBpY29uOiBzdHJpbmc7IGNvbG9yOiBzdHJpbmcgfSB7XG4gICAgY29uc3QgZXh0ZW5zaW9uID0gZmlsZU5hbWUuc3BsaXQoJy4nKS5wb3AoKT8udG9Mb3dlckNhc2UoKTtcblxuICAgIHN3aXRjaCAoZXh0ZW5zaW9uKSB7XG4gICAgICBjYXNlICd0eHQnOlxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZS1hbHQnLCBjb2xvcjogJ2F4LWJnLWJsdWUtMTAwIGF4LXRleHQtYmx1ZS01MDAnIH07XG5cbiAgICAgIGNhc2UgJ3BkZic6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLXBkZicsIGNvbG9yOiAnYXgtYmctcmVkLTEwMCBheC10ZXh0LXJlZC01MDAnIH07XG5cbiAgICAgIGNhc2UgJ2RvYyc6XG4gICAgICBjYXNlICdkb2N4JzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtd29yZCcsIGNvbG9yOiAnYXgtYmctYmx1ZS0yMDAgYXgtdGV4dC1ibHVlLTYwMCcgfTtcblxuICAgICAgY2FzZSAneGxzJzpcbiAgICAgIGNhc2UgJ3hsc3gnOlxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZS1leGNlbCcsIGNvbG9yOiAnYXgtYmctZ3JlZW4tMTAwIGF4LXRleHQtZ3JlZW4tNTAwJyB9O1xuXG4gICAgICBjYXNlICdwcHQnOlxuICAgICAgY2FzZSAncHB0eCc6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLXBvd2VycG9pbnQnLCBjb2xvcjogJ2F4LWJnLW9yYW5nZS0xMDAgYXgtdGV4dC1vcmFuZ2UtNTAwJyB9O1xuXG4gICAgICBjYXNlICdqcGcnOlxuICAgICAgY2FzZSAnanBlZyc6XG4gICAgICBjYXNlICdwbmcnOlxuICAgICAgY2FzZSAnZ2lmJzpcbiAgICAgIGNhc2UgJ2JtcCc6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWltYWdlJywgY29sb3I6ICdheC1iZy1wdXJwbGUtMTAwIGF4LXRleHQtcHVycGxlLTUwMCcgfTtcblxuICAgICAgY2FzZSAnemlwJzpcbiAgICAgIGNhc2UgJ3Jhcic6XG4gICAgICBjYXNlICc3eic6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWFyY2hpdmUnLCBjb2xvcjogJ2F4LWJnLXllbGxvdy0xMDAgYXgtdGV4dC15ZWxsb3ctNTAwJyB9O1xuXG4gICAgICBjYXNlICdtcDMnOlxuICAgICAgY2FzZSAnd2F2JzpcbiAgICAgIGNhc2UgJ29nZyc6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWF1ZGlvJywgY29sb3I6ICdheC1iZy1waW5rLTEwMCBheC10ZXh0LXBpbmstNTAwJyB9O1xuXG4gICAgICBjYXNlICdtcDQnOlxuICAgICAgY2FzZSAnYXZpJzpcbiAgICAgIGNhc2UgJ21rdic6XG4gICAgICBjYXNlICdtb3YnOlxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZS12aWRlbycsIGNvbG9yOiAnYXgtYmctYmx1ZS0xMDAgYXgtdGV4dC1ibHVlLTUwMCcgfTtcblxuICAgICAgY2FzZSAnanMnOlxuICAgICAgY2FzZSAnanN4JzpcbiAgICAgIGNhc2UgJ3RzJzpcbiAgICAgIGNhc2UgJ3RzeCc6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWNvZGUnLCBjb2xvcjogJ2F4LWJnLXllbGxvdy0xMDAgYXgtdGV4dC15ZWxsb3ctNTAwJyB9O1xuXG4gICAgICAvLyBBZGQgbW9yZSBjYXNlcyBhcyBuZWVkZWQgZm9yIG90aGVyIGZpbGUgdHlwZXNcblxuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUnLCBjb2xvcjogJ2F4LWJnLWdyYXktMTAwIGF4LXRleHQtZ3JheS01MDAnIH07XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBleHRyYWN0SXRlbShpdGVtOiBhbnkpOiBhbnkge1xuICAgIHJldHVybiB0eXBlb2YgaXRlbSA9PSAnb2JqZWN0J1xuICAgICAgPyB7XG4gICAgICAgICAgbmFtZTogaXRlbS5uYW1lLFxuICAgICAgICAgIHR5cGU6IGl0ZW0udHlwZSA/PyAnVW5rbm93bicsXG4gICAgICAgIH1cbiAgICAgIDogbnVsbDtcbiAgfVxufVxuIl19

package/esm2022/layouts/lib/widgets/gallery/gallery-widget-edit.component.mjs

@@ -0,0 +1,189 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXImageModule } from '@acorex/components/image';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXUploaderModule } from '@acorex/components/uploader';
+import { AXPWidgetEditBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/decorators";
+import * as i3 from "@acorex/components/image";
+import * as i4 from "@acorex/components/loading";
+import * as i5 from "@acorex/components/uploader";
+export class AXPGalleryWidgetEditComponent extends AXPWidgetEditBase {
+    constructor() {
+        super(...arguments);
+        this.activeMedia = signal(null);
+        this.list = signal([]);
+        this.thumbnails = computed(() => this.list().filter((i) => i.id !== this.activeMedia()?.id));
+    }
+    ngAfterViewInit() {
+        const parsedValue = this.value ? JSON.parse(this.value) : [];
+        this.list.set(Array.isArray(parsedValue) ? parsedValue.map((c) => c) : [parsedValue]);
+        this.activeMedia.set(this.list()[0]);
+    }
+    changeMediaSelected(media) {
+        this.activeMedia.set(media);
+    }
+    getMediaInfo(mediaName) {
+        const extension = mediaName.split('.').pop()?.toLowerCase();
+        switch (extension) {
+            case 'jpg':
+            case 'jpeg':
+            case 'png':
+            case 'gif':
+            case 'bmp':
+                return { icon: '', format: 'image' };
+            case 'mp4':
+            case 'avi':
+            case 'mkv':
+            case 'mov':
+                return { icon: 'fa-regular fa-play', format: 'video' };
+            case 'mp3':
+            case 'wav':
+            case 'ogg':
+                return { icon: 'fa-regular fa-volume-high', format: 'audio' };
+            default:
+                return { icon: '', format: 'image' };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPGalleryWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPGalleryWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(list().length){
+      <div class="ax-col-start-1 ax-col-end-13 ax-flex ax-items-center lg:ax-justify-start ax-justify-center ">
+        <div class="ax-flex ax-flex-col ax-items-center ax-gap-4 ax-w-full">
+          @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
+          <video
+            class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md"
+            controls
+            [src]="activeMedia()?.url"
+          ></video>
+          } @case ('image') {
+          <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
+            <ax-loading></ax-loading>
+            <ax-placeholder>
+              <div
+                class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg"
+              >
+                <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                <span>Connection Error!</span>
+              </div>
+            </ax-placeholder>
+          </ax-image>
+          } @case ('audio') {
+          <audio controls class="ax-rounded-lg">
+            <source [src]="activeMedia()?.url" type="audio/mp3" />
+          </audio>
+          } }
+          <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
+            @for (media of thumbnails(); track $index) {
+            <div
+              *ngIf="getMediaInfo(media.name) as mediaInfo"
+              class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
+              (click)="changeMediaSelected(media)"
+            >
+              <ax-image
+                class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
+                [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
+              ></ax-image>
+              <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
+                <ax-icon [class]="mediaInfo.icon"> </ax-icon>
+              </div>
+            </div>
+            }
+            <div axUploaderZone>
+              <div
+                axUploaderBrowseHandle
+                class="ax-flex ax-justify-center ax-items-center ax-w-16 ax-h-16 ax-border ax-rounded-lg ax-cursor-pointer"
+              >
+                <ax-icon class="fa-solid fa-plus ax-text-neutral-500"> </ax-icon>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      } @else {
+      <div class=" ax-col-start-1 ax-col-end-13">
+        <ax-uploader-drop-zone></ax-uploader-drop-zone>
+      </div>
+
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: AXImageModule }, { kind: "component", type: i3.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXUploaderModule }, { kind: "component", type: i5.AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone" }, { kind: "directive", type: i5.AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple"] }, { kind: "directive", type: i5.AXUploaderBrowseDirective, selector: "[axUploaderBrowseHandle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPGalleryWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(list().length){
+      <div class="ax-col-start-1 ax-col-end-13 ax-flex ax-items-center lg:ax-justify-start ax-justify-center ">
+        <div class="ax-flex ax-flex-col ax-items-center ax-gap-4 ax-w-full">
+          @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
+          <video
+            class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md"
+            controls
+            [src]="activeMedia()?.url"
+          ></video>
+          } @case ('image') {
+          <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
+            <ax-loading></ax-loading>
+            <ax-placeholder>
+              <div
+                class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg"
+              >
+                <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                <span>Connection Error!</span>
+              </div>
+            </ax-placeholder>
+          </ax-image>
+          } @case ('audio') {
+          <audio controls class="ax-rounded-lg">
+            <source [src]="activeMedia()?.url" type="audio/mp3" />
+          </audio>
+          } }
+          <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
+            @for (media of thumbnails(); track $index) {
+            <div
+              *ngIf="getMediaInfo(media.name) as mediaInfo"
+              class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
+              (click)="changeMediaSelected(media)"
+            >
+              <ax-image
+                class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
+                [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
+              ></ax-image>
+              <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
+                <ax-icon [class]="mediaInfo.icon"> </ax-icon>
+              </div>
+            </div>
+            }
+            <div axUploaderZone>
+              <div
+                axUploaderBrowseHandle
+                class="ax-flex ax-justify-center ax-items-center ax-w-16 ax-h-16 ax-border ax-rounded-lg ax-cursor-pointer"
+              >
+                <ax-icon class="fa-solid fa-plus ax-text-neutral-500"> </ax-icon>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      } @else {
+      <div class=" ax-col-start-1 ax-col-end-13">
+        <ax-uploader-drop-zone></ax-uploader-drop-zone>
+      </div>
+
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXImageModule, AXLoadingModule, AXUploaderModule],
+                    inputs: ['multiple'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQtZWRpdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL2xheW91dHMvc3JjL2xpYi93aWRnZXRzL2dhbGxlcnkvZ2FsbGVyeS13aWRnZXQtZWRpdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQTBCLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUF3RTdHLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxpQkFBaUI7SUFyRXBFOztRQXVFWSxnQkFBVyxHQUF3QyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDaEUsU0FBSSxHQUFtQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDbEQsZUFBVSxHQUEyQixRQUFRLENBQUMsR0FBRyxFQUFFLENBQzNELElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUMzRCxDQUFDO0tBc0NIO0lBcENDLGVBQWU7UUFDYixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQzdELElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7UUFDdEYsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELG1CQUFtQixDQUFDLEtBQW1CO1FBQ3JDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFUyxZQUFZLENBQUMsU0FBaUI7UUFDdEMsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxXQUFXLEVBQUUsQ0FBQztRQUU1RCxRQUFRLFNBQVMsRUFBRSxDQUFDO1lBQ2xCLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxNQUFNLENBQUM7WUFDWixLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLO2dCQUNSLE9BQU8sRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUV2QyxLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUs7Z0JBQ1IsT0FBTyxFQUFFLElBQUksRUFBRSxvQkFBb0IsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUM7WUFFekQsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSztnQkFDUixPQUFPLEVBQUUsSUFBSSxFQUFFLDJCQUEyQixFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUVoRTtnQkFDRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUM7UUFDekMsQ0FBQztJQUNILENBQUM7OEdBM0NVLDZCQUE2QjtrR0FBN0IsNkJBQTZCLGlJQXBFOUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOERULDJEQUdTLFlBQVksa0lBQUUsY0FBYyw4QkFBRSxpQkFBaUIsd1ZBQUUsYUFBYSxpTUFBRSxlQUFlLDhLQUFFLGdCQUFnQjs7MkZBR2hHLDZCQUE2QjtrQkFyRXpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThEVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDNUcsTUFBTSxFQUFFLENBQUMsVUFBVSxDQUFDO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYSW1hZ2VNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvaW1hZ2UnO1xuaW1wb3J0IHsgQVhMb2FkaW5nTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2xvYWRpbmcnO1xuaW1wb3J0IHsgQVhVcGxvYWRlck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy91cGxvYWRlcic7XG5pbXBvcnQgeyBBWFBXaWRnZXRFZGl0QmFzZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vc2NoZW1hJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBTaWduYWwsIFdyaXRhYmxlU2lnbmFsLCBjb21wdXRlZCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWFBNZWRpYUluZm8sIEFYUE1lZGlhSXRlbSB9IGZyb20gJy4vZ2FsbGVyeS13aWRnZXQtdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYXgtZ3JpZCBheC1ncmlkLWNvbHMtMTIgYXgtZ2FwLTJcIj5cbiAgICAgIEBpZihsaXN0KCkubGVuZ3RoKXtcbiAgICAgIDxkaXYgY2xhc3M9XCJheC1jb2wtc3RhcnQtMSBheC1jb2wtZW5kLTEzIGF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGxnOmF4LWp1c3RpZnktc3RhcnQgYXgtanVzdGlmeS1jZW50ZXIgXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtY29sIGF4LWl0ZW1zLWNlbnRlciBheC1nYXAtNCBheC13LWZ1bGxcIj5cbiAgICAgICAgICBAc3dpdGNoIChnZXRNZWRpYUluZm8oYWN0aXZlTWVkaWEoKT8ubmFtZXx8JycpLmZvcm1hdCkgeyBAY2FzZSAoJ3ZpZGVvJykge1xuICAgICAgICAgIDx2aWRlb1xuICAgICAgICAgICAgY2xhc3M9XCJheC1yb3VuZGVkLWxnIGF4LWgtNDggbWQ6YXgtaC03MiBheC13LWF1dG8gYXgtc2hhZG93LW1kXCJcbiAgICAgICAgICAgIGNvbnRyb2xzXG4gICAgICAgICAgICBbc3JjXT1cImFjdGl2ZU1lZGlhKCk/LnVybFwiXG4gICAgICAgICAgPjwvdmlkZW8+XG4gICAgICAgICAgfSBAY2FzZSAoJ2ltYWdlJykge1xuICAgICAgICAgIDxheC1pbWFnZSBjbGFzcz1cImF4LXJvdW5kZWQtbGcgYXgtaC00OCBtZDpheC1oLTcyIGF4LXctYXV0b1wiIFtzcmNdPVwiYWN0aXZlTWVkaWEoKT8udXJsXCI+XG4gICAgICAgICAgICA8YXgtbG9hZGluZz48L2F4LWxvYWRpbmc+XG4gICAgICAgICAgICA8YXgtcGxhY2Vob2xkZXI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cImF4LXctOTYgYXgtaC03MiBheC1nYXAtNCBheC1mbGV4IGF4LWZsZXgtY29sIGF4LWl0ZW1zLWNlbnRlciBheC1qdXN0aWZ5LWNlbnRlciBheC1ib3JkZXIgYXgtcm91bmRlZC1sZ1wiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWNpcmNsZS1leGNsYW1hdGlvbiBheC10ZXh0LTN4bFwiPiA8L2F4LWljb24+XG4gICAgICAgICAgICAgICAgPHNwYW4+Q29ubmVjdGlvbiBFcnJvciE8L3NwYW4+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9heC1wbGFjZWhvbGRlcj5cbiAgICAgICAgICA8L2F4LWltYWdlPlxuICAgICAgICAgIH0gQGNhc2UgKCdhdWRpbycpIHtcbiAgICAgICAgICA8YXVkaW8gY29udHJvbHMgY2xhc3M9XCJheC1yb3VuZGVkLWxnXCI+XG4gICAgICAgICAgICA8c291cmNlIFtzcmNdPVwiYWN0aXZlTWVkaWEoKT8udXJsXCIgdHlwZT1cImF1ZGlvL21wM1wiIC8+XG4gICAgICAgICAgPC9hdWRpbz5cbiAgICAgICAgICB9IH1cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1nYXAtNCBheC1vdmVyZmxvdy14LWF1dG8gYXgtbWF4LXctWzMyMHB4XSBsZzpheC1tYXgtdy1bNDgwcHhdIGF4LXBiLTJcIj5cbiAgICAgICAgICAgIEBmb3IgKG1lZGlhIG9mIHRodW1ibmFpbHMoKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICpuZ0lmPVwiZ2V0TWVkaWFJbmZvKG1lZGlhLm5hbWUpIGFzIG1lZGlhSW5mb1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwiaG92ZXI6YXgtb3BhY2l0eS03NSBheC10cmFuc2l0aW9uLWFsbCBheC1yZWxhdGl2ZSBheC1jdXJzb3ItcG9pbnRlciBheC1mbGV4IGF4LWp1c3RpZnktY2VudGVyIGF4LWl0ZW1zLWNlbnRlclwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJjaGFuZ2VNZWRpYVNlbGVjdGVkKG1lZGlhKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxheC1pbWFnZVxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYXgtdy0xNiBheC1icmlnaHRuZXNzLTUwIGF4LWgtMTYgYXgtcm91bmRlZC1sZyBheC1zaGFkb3ctbWQgYXgtZmlsdGVyXCJcbiAgICAgICAgICAgICAgICBbc3JjXT1cIm1lZGlhSW5mby5mb3JtYXQgPT0gJ2ltYWdlJyA/IG1lZGlhLnVybCA6IG1lZGlhLnBvc3RlclVybFwiXG4gICAgICAgICAgICAgID48L2F4LWltYWdlPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtYWJzb2x1dGUgYXgtdGV4dC1uZXV0cmFsLTMwMCBheC10ZXh0LXhsXCI+XG4gICAgICAgICAgICAgICAgPGF4LWljb24gW2NsYXNzXT1cIm1lZGlhSW5mby5pY29uXCI+IDwvYXgtaWNvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxkaXYgYXhVcGxvYWRlclpvbmU+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBheFVwbG9hZGVyQnJvd3NlSGFuZGxlXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJheC1mbGV4IGF4LWp1c3RpZnktY2VudGVyIGF4LWl0ZW1zLWNlbnRlciBheC13LTE2IGF4LWgtMTYgYXgtYm9yZGVyIGF4LXJvdW5kZWQtbGcgYXgtY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGF4LWljb24gY2xhc3M9XCJmYS1zb2xpZCBmYS1wbHVzIGF4LXRleHQtbmV1dHJhbC01MDBcIj4gPC9heC1pY29uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgfSBAZWxzZSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiIGF4LWNvbC1zdGFydC0xIGF4LWNvbC1lbmQtMTNcIj5cbiAgICAgICAgPGF4LXVwbG9hZGVyLWRyb3Atem9uZT48L2F4LXVwbG9hZGVyLWRyb3Atem9uZT5cbiAgICAgIDwvZGl2PlxuXG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWEJ1dHRvbk1vZHVsZSwgQVhEZWNvcmF0b3JNb2R1bGUsIEFYSW1hZ2VNb2R1bGUsIEFYTG9hZGluZ01vZHVsZSwgQVhVcGxvYWRlck1vZHVsZV0sXG4gIGlucHV0czogWydtdWx0aXBsZSddLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBHYWxsZXJ5V2lkZ2V0RWRpdENvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldEVkaXRCYXNlIHtcbiAgcHJvdGVjdGVkIG11bHRpcGxlITogYm9vbGVhbjtcbiAgcHJvdGVjdGVkIGFjdGl2ZU1lZGlhOiBXcml0YWJsZVNpZ25hbDxBWFBNZWRpYUl0ZW0gfCBudWxsPiA9IHNpZ25hbChudWxsKTtcbiAgcHJvdGVjdGVkIGxpc3Q6IFdyaXRhYmxlU2lnbmFsPEFYUE1lZGlhSXRlbVtdPiA9IHNpZ25hbChbXSk7XG4gIHByb3RlY3RlZCB0aHVtYm5haWxzOiBTaWduYWw8QVhQTWVkaWFJdGVtW10+ID0gY29tcHV0ZWQoKCkgPT5cbiAgICB0aGlzLmxpc3QoKS5maWx0ZXIoKGkpID0+IGkuaWQgIT09IHRoaXMuYWN0aXZlTWVkaWEoKT8uaWQpXG4gICk7XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IHBhcnNlZFZhbHVlID0gdGhpcy52YWx1ZSA/IEpTT04ucGFyc2UodGhpcy52YWx1ZSkgOiBbXTtcbiAgICB0aGlzLmxpc3Quc2V0KEFycmF5LmlzQXJyYXkocGFyc2VkVmFsdWUpID8gcGFyc2VkVmFsdWUubWFwKChjKSA9PiBjKSA6IFtwYXJzZWRWYWx1ZV0pO1xuICAgIHRoaXMuYWN0aXZlTWVkaWEuc2V0KHRoaXMubGlzdCgpWzBdKTtcbiAgfVxuXG4gIGNoYW5nZU1lZGlhU2VsZWN0ZWQobWVkaWE6IEFYUE1lZGlhSXRlbSkge1xuICAgIHRoaXMuYWN0aXZlTWVkaWEuc2V0KG1lZGlhKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRNZWRpYUluZm8obWVkaWFOYW1lOiBzdHJpbmcpOiBBWFBNZWRpYUluZm8ge1xuICAgIGNvbnN0IGV4dGVuc2lvbiA9IG1lZGlhTmFtZS5zcGxpdCgnLicpLnBvcCgpPy50b0xvd2VyQ2FzZSgpO1xuXG4gICAgc3dpdGNoIChleHRlbnNpb24pIHtcbiAgICAgIGNhc2UgJ2pwZyc6XG4gICAgICBjYXNlICdqcGVnJzpcbiAgICAgIGNhc2UgJ3BuZyc6XG4gICAgICBjYXNlICdnaWYnOlxuICAgICAgY2FzZSAnYm1wJzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJycsIGZvcm1hdDogJ2ltYWdlJyB9O1xuXG4gICAgICBjYXNlICdtcDQnOlxuICAgICAgY2FzZSAnYXZpJzpcbiAgICAgIGNhc2UgJ21rdic6XG4gICAgICBjYXNlICdtb3YnOlxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtcmVndWxhciBmYS1wbGF5JywgZm9ybWF0OiAndmlkZW8nIH07XG5cbiAgICAgIGNhc2UgJ21wMyc6XG4gICAgICBjYXNlICd3YXYnOlxuICAgICAgY2FzZSAnb2dnJzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLXJlZ3VsYXIgZmEtdm9sdW1lLWhpZ2gnLCBmb3JtYXQ6ICdhdWRpbycgfTtcblxuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJycsIGZvcm1hdDogJ2ltYWdlJyB9O1xuICAgIH1cbiAgfVxufVxuIl19