@acorex/platform 18.0.0 → 18.0.1

package/esm2022/common/lib/schema/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 { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { AXPWidgetEditBase } from '../../widget/widget-base';
+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: "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 }); }
+}
+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>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXButtonModule, FormsModule, AXTextBoxModule, AXDecoratorModule, AXSelectBoxModule],
+                    inputs: ['multiple'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS13aWRnZXQtZWRpdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL2NvbW1vbi9zcmMvbGliL3NjaGVtYS93aWRnZXRzL2ZpbGUvZmlsZS13aWRnZXQtZWRpdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7O0FBa0U3RCxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsaUJBRS9DO0lBR1csYUFBYSxLQUFLLENBQUM7SUFFbkIsZ0JBQWdCLENBQUMsSUFBUztRQUNsQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVTLFdBQVcsQ0FBQyxRQUFnQjtRQUNwQyxNQUFNLFNBQVMsR0FBRyxRQUFRLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsRUFBRSxFQUFFLFdBQVcsRUFBRSxDQUFDO1FBRTdELFFBQVEsU0FBUyxFQUFFLENB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WSxFQUFFLGNBQWMsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDO29CQUMzRyxNQUFNLEVBQUUsQ0FBQyxVQUFVLENBQUM7aUJBQ3JCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcclxuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XHJcbmltcG9ydCB7IEFYU2VsZWN0Qm94TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3NlbGVjdC1ib3gnO1xyXG5pbXBvcnQgeyBBWFRleHRCb3hNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGV4dC1ib3gnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBBWFBXaWRnZXRFZGl0QmFzZSB9IGZyb20gJy4uLy4uL3dpZGdldC93aWRnZXQtYmFzZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImF4LWdyaWQgYXgtZ3JpZC1jb2xzLTEyIGF4LWdhcC00XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtdWx0aXBsZVwiPlxyXG4gICAgICAgIEBmb3IoaXRlbSBvZiB2YWx1ZTt0cmFjayBpdGVtPy52YWx1ZSkge1xyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJpdGVtVGVtcGxhdGVcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyBkYXRhOiBpdGVtIH1cIiBdPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFtdWx0aXBsZVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJpdGVtVGVtcGxhdGVcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyBkYXRhOiB2YWx1ZVswXSB9XCIgXT48L25nLXRlbXBsYXRlPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPG5nLXRlbXBsYXRlICNpdGVtVGVtcGxhdGUgbGV0LWl0ZW09XCJkYXRhXCI+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgKm5nSWY9XCJpdGVtXCJcclxuICAgICAgICAgIGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1iZXR3ZWVuIGF4LXAtMiAgYXgtYm9yZGVyIGF4LXJvdW5kZWQtbGcgIGF4LWJnLXN1cmZhY2UgYXgtY29sLXN0YXJ0LTEgYXgtY29sLWVuZC0xMSBsZzpheC1jb2wtZW5kLTEyXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1iZXR3ZWVuIGF4LWdhcC0zXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJnZXRGaWxlSW5mbyhpdGVtLm5hbWUpIGFzIGZpbGVJbmZvXCI+XHJcbiAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJheC13LTEwIGF4LWgtMTAgYXgtcm91bmRlZC1sZyBheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1qdXN0aWZ5LWNlbnRlclwiXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJbZmlsZUluZm8uY29sb3JdXCJcclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8aSBbbmdDbGFzc109XCJbJ2ZhLXNvbGlkJywgJ2F4LXRleHQteGwnLCBmaWxlSW5mby5pY29uXVwiPjwvaT5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF4LWxlYWRpbmctNlwiPnt7IGl0ZW0ubmFtZSB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgIDxwIGNsYXNzPVwiYXgtdGV4dC1zbSBheC10ZXh0LW5ldXRyYWwtNDAwXCI+MjUwIEtCPC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGF4LWJ1dHRvbiBsb29rPVwiYmxhbmtcIiBjb2xvcj1cImdob3N0XCIgY2xhc3M9XCIhYXgtdGV4dC1uZXV0cmFsLTQwMCBob3ZlcjohYXgtdGV4dC1uZXV0cmFsLTYwMFwiPlxyXG4gICAgICAgICAgICA8YXgtaWNvbj5cclxuICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLWRvd25sb2FkXCI+PC9pPlxyXG4gICAgICAgICAgICA8L2F4LWljb24+XHJcbiAgICAgICAgICA8L2F4LWJ1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8YXgtYnV0dG9uXHJcbiAgICAgICAgICAqbmdJZj1cIm11bHRpcGxlXCJcclxuICAgICAgICAgIGxvb2s9XCJ0d290b25lXCJcclxuICAgICAgICAgIGNvbG9yPVwiZGFuZ2VyXCJcclxuICAgICAgICAgIChvbkNsaWNrKT1cImhhbmRsZVJlbW92ZUl0ZW0oaXRlbSlcIlxyXG4gICAgICAgICAgY2xhc3M9XCJheC1jb2wtc3RhcnQtMTEgYXgtY29sLWVuZC0xMyBsZzpheC1jb2wtc3RhcnQtMTIgYXgtanVzdGlmeS1zZWxmLWVuZCBheC1pdGVtcyBheC1zZWxmLWNlbnRlclwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGF4LWljb24gaWNvbj1cImZhLXJlZ3VsYXIgZmEteG1hcmtcIj48L2F4LWljb24+XHJcbiAgICAgICAgPC9heC1idXR0b24+XHJcbiAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgIDxheC1idXR0b25cclxuICAgICAgICAqbmdJZj1cIm11bHRpcGxlXCJcclxuICAgICAgICBbdGV4dF09XCJ2YWx1ZS5sZW5ndGggPT0gMCA/ICdBZGQgTmV3JyA6ICdBZGQgQW5vdGhlcidcIlxyXG4gICAgICAgIGxvb2s9XCJ0d290b25lXCJcclxuICAgICAgICAob25DbGljayk9XCJoYW5kbGVBZGRJdGVtKClcIlxyXG4gICAgICAgIGNsYXNzPVwiYXgtY29sLXN0YXJ0LTggbGc6YXgtY29sLXN0YXJ0LTEwIDJ4bDpheC1jb2wtc3RhcnQtMTAgYXgtY29sLWVuZC0xM1wiXHJcbiAgICAgID5cclxuICAgICAgICA8YXgtcHJlZml4PlxyXG4gICAgICAgICAgPGF4LWljb24gY2xhc3M9XCJmYS1zb2xpZCBmYS1hZGRcIj48L2F4LWljb24+XHJcbiAgICAgICAgPC9heC1wcmVmaXg+XHJcbiAgICAgIDwvYXgtYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYQnV0dG9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgQVhUZXh0Qm94TW9kdWxlLCBBWERlY29yYXRvck1vZHVsZSwgQVhTZWxlY3RCb3hNb2R1bGVdLFxyXG4gIGlucHV0czogWydtdWx0aXBsZSddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhQRmlsZVdpZGdldEVkaXRDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRFZGl0QmFzZTxcclxuICB7IHZhbHVlPzogc3RyaW5nIHwgbnVsbDsgbGFiZWw/OiBzdHJpbmcgfCB1bmRlZmluZWQgfVtdXHJcbj4ge1xyXG4gIHByb3RlY3RlZCBtdWx0aXBsZSE6IGJvb2xlYW47XHJcblxyXG4gIHByb3RlY3RlZCBoYW5kbGVBZGRJdGVtKCkgeyB9XHJcblxyXG4gIHByb3RlY3RlZCBoYW5kbGVSZW1vdmVJdGVtKGl0ZW06IGFueSkge1xyXG4gICAgdGhpcy52YWx1ZSA9IHRoaXMudmFsdWUuZmlsdGVyKChjKSA9PiBjICE9IGl0ZW0pO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIGdldEZpbGVJbmZvKGZpbGVOYW1lOiBzdHJpbmcpOiB7IGljb246IHN0cmluZzsgY29sb3I6IHN0cmluZyB9IHtcclxuICAgIGNvbnN0IGV4dGVuc2lvbiA9IGZpbGVOYW1lPy5zcGxpdCgnLicpPy5wb3AoKT8udG9Mb3dlckNhc2UoKTtcclxuXHJcbiAgICBzd2l0Y2ggKGV4dGVuc2lvbikge1xyXG4gICAgICBjYXNlICd0eHQnOlxyXG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWFsdCcsIGNvbG9yOiAnYXgtYmctYmx1ZS0xMDAgYXgtdGV4dC1ibHVlLTUwMCcgfTtcclxuXHJcbiAgICAgIGNhc2UgJ3BkZic6XHJcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtcGRmJywgY29sb3I6ICdheC1iZy1yZWQtMTAwIGF4LXRleHQtcmVkLTUwMCcgfTtcclxuXHJcbiAgICAgIGNhc2UgJ2RvYyc6XHJcbiAgICAgIGNhc2UgJ2RvY3gnOlxyXG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLXdvcmQnLCBjb2xvcjogJ2F4LWJnLWJsdWUtMjAwIGF4LXRleHQtYmx1ZS02MDAnIH07XHJcblxyXG4gICAgICBjYXNlICd4bHMnOlxyXG4gICAgICBjYXNlICd4bHN4JzpcclxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZS1leGNlbCcsIGNvbG9yOiAnYXgtYmctZ3JlZW4tMTAwIGF4LXRleHQtZ3JlZW4tNTAwJyB9O1xyXG5cclxuICAgICAgY2FzZSAncHB0JzpcclxuICAgICAgY2FzZSAncHB0eCc6XHJcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtcG93ZXJwb2ludCcsIGNvbG9yOiAnYXgtYmctb3JhbmdlLTEwMCBheC10ZXh0LW9yYW5nZS01MDAnIH07XHJcblxyXG4gICAgICBjYXNlICdqcGcnOlxyXG4gICAgICBjYXNlICdqcGVnJzpcclxuICAgICAgY2FzZSAncG5nJzpcclxuICAgICAgY2FzZSAnZ2lmJzpcclxuICAgICAgY2FzZSAnYm1wJzpcclxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZS1pbWFnZScsIGNvbG9yOiAnYXgtYmctcHVycGxlLTEwMCBheC10ZXh0LXB1cnBsZS01MDAnIH07XHJcblxyXG4gICAgICBjYXNlICd6aXAnOlxyXG4gICAgICBjYXNlICdyYXInOlxyXG4gICAgICBjYXNlICc3eic6XHJcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtYXJjaGl2ZScsIGNvbG9yOiAnYXgtYmcteWVsbG93LTEwMCBheC10ZXh0LXllbGxvdy01MDAnIH07XHJcblxyXG4gICAgICBjYXNlICdtcDMnOlxyXG4gICAgICBjYXNlICd3YXYnOlxyXG4gICAgICBjYXNlICdvZ2cnOlxyXG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWF1ZGlvJywgY29sb3I6ICdheC1iZy1waW5rLTEwMCBheC10ZXh0LXBpbmstNTAwJyB9O1xyXG5cclxuICAgICAgY2FzZSAnbXA0JzpcclxuICAgICAgY2FzZSAnYXZpJzpcclxuICAgICAgY2FzZSAnbWt2JzpcclxuICAgICAgY2FzZSAnbW92JzpcclxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZS12aWRlbycsIGNvbG9yOiAnYXgtYmctYmx1ZS0xMDAgYXgtdGV4dC1ibHVlLTUwMCcgfTtcclxuXHJcbiAgICAgIGNhc2UgJ2pzJzpcclxuICAgICAgY2FzZSAnanN4JzpcclxuICAgICAgY2FzZSAndHMnOlxyXG4gICAgICBjYXNlICd0c3gnOlxyXG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWNvZGUnLCBjb2xvcjogJ2F4LWJnLXllbGxvdy0xMDAgYXgtdGV4dC15ZWxsb3ctNTAwJyB9O1xyXG5cclxuICAgICAgLy8gQWRkIG1vcmUgY2FzZXMgYXMgbmVlZGVkIGZvciBvdGhlciBmaWxlIHR5cGVzXHJcblxyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlJywgY29sb3I6ICdheC1iZy1ncmF5LTEwMCBheC10ZXh0LWdyYXktNTAwJyB9O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMudmFsdWUgfHwgdGhpcy52YWx1ZT8ubGVuZ3RoID09IDApIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICBsYWJlbDogJ01vYmlsZScsXHJcbiAgICAgICAgICB2YWx1ZTogJycsXHJcbiAgICAgICAgfSxcclxuICAgICAgXTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19

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

@@ -0,0 +1,27 @@
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { AXPWidgetFilterBase } from '../../widget/widget-base';
+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: "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>
+  `, 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", "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>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXSelectBoxModule, FormsModule],
+                    outputs: ['valueChange', 'operatorChange'],
+                    inputs: ['value', 'operator'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS13aWRnZXQtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vY29tbW9uL3NyYy9saWIvc2NoZW1hL3dpZGdldHMvZmlsZS9maWxlLXdpZGdldC1maWx0ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBVy9ELE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxtQkFBbUI7OEdBQXhELDRCQUE0QjtrR0FBNUIsNEJBQTRCLDROQVQ3Qjs7R0FFVCwyREFHUyxpQkFBaUIseWhCQUFFLFdBQVc7OzJGQUk3Qiw0QkFBNEI7a0JBVnhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOztHQUVUO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsV0FBVyxDQUFDO29CQUN6QyxPQUFPLEVBQUUsQ0FBQyxhQUFhLEVBQUUsZ0JBQWdCLENBQUM7b0JBQzFDLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUM7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhTZWxlY3RCb3hNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvc2VsZWN0LWJveCc7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEFYUFdpZGdldEZpbHRlckJhc2UgfSBmcm9tICcuLi8uLi93aWRnZXQvd2lkZ2V0LWJhc2UnO1xyXG5AQ29tcG9uZW50KHtcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGF4LXNlbGVjdC1ib3ggWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIFtwbGFjZWhvbGRlcl09XCInSGFzIGZpbGUnXCIgW2RhdGFTb3VyY2VdPVwiWydZZXMnLCAnTm8nXVwiPjwvYXgtc2VsZWN0LWJveD5cclxuICBgLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgaW1wb3J0czogW0FYU2VsZWN0Qm94TW9kdWxlLCBGb3Jtc01vZHVsZV0sXHJcbiAgb3V0cHV0czogWyd2YWx1ZUNoYW5nZScsICdvcGVyYXRvckNoYW5nZSddLFxyXG4gIGlucHV0czogWyd2YWx1ZScsICdvcGVyYXRvciddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhQRmlsZVdpZGdldEZpbHRlckNvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldEZpbHRlckJhc2UgeyB9XHJcbiJdfQ==

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

@@ -0,0 +1,153 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { AXPWidgetBase } from '../../widget/widget-base';
+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.rawValue;
+        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: "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 }); }
+}
+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>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXButtonModule, AXDecoratorModule],
+                    inputs: ['context', 'value', 'multiple'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS13aWRnZXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL2NvbW1vbi9zcmMvbGliL3NjaGVtYS93aWRnZXRzL2ZpbGUvZmlsZS13aWRnZXQtdmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7QUEyQ3pELE1BQU0sT0FBTywwQkFBMkIsU0FBUSxhQUFhO0lBekM3RDs7UUEwQ1ksU0FBSSxHQUFxQyxFQUFFLENBQUM7S0EwRXZEO0lBdkVVLE1BQU07UUFDYixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUNoSCxDQUFDO0lBRVMsV0FBVyxDQUFDLFFBQWdCO1FBQ3BDLE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFF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aUJBQ3pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcclxuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhQV2lkZ2V0QmFzZSB9IGZyb20gJy4uLy4uL3dpZGdldC93aWRnZXQtYmFzZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImF4LWdyaWQgYXgtZ3JpZC1jb2xzLTEyIGF4LWdhcC0yXCI+XHJcbiAgICAgIEBpZihtdWx0aXBsZSl7IEBmb3IoaXRlbSBvZiBsaXN0O2xldCBmaXJzdD0kZmlyc3Q7dHJhY2sgaXRlbS5uYW1lKSB7XHJcbiAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJpdGVtVGVtcGxhdGVcIiBdIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7IGRhdGE6IGl0ZW0gfVwiIF0+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgfSB9QGVsc2Uge1xyXG4gICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiaXRlbVRlbXBsYXRlXCIgXSBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyBkYXRhOiBsaXN0WzBdIH1cIiBdPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgIH1cclxuICAgICAgPG5nLXRlbXBsYXRlICNpdGVtVGVtcGxhdGUgbGV0LWl0ZW09XCJkYXRhXCI+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgKm5nSWY9XCJpdGVtXCJcclxuICAgICAgICAgIGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1iZXR3ZWVuIGF4LXAtMiAgYXgtYm9yZGVyIGF4LXJvdW5kZWQtbGcgIGF4LWJnLXN1cmZhY2UgYXgtY29sLXN0YXJ0LTEgYXgtY29sLWVuZC0xMyBsZzpheC1jb2wtZW5kLTcgICAyeGw6YXgtY29sLWVuZC01XCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtZ2FwLTNcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImdldEZpbGVJbmZvKGl0ZW0ubmFtZSkgYXMgZmlsZUluZm9cIj5cclxuICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImF4LXctMTAgYXgtaC0xMCBheC1yb3VuZGVkLWxnIGF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGF4LWp1c3RpZnktY2VudGVyXCJcclxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIltmaWxlSW5mby5jb2xvcl1cIlxyXG4gICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDxpIFtuZ0NsYXNzXT1cIlsnZmEtc29saWQnLCAnYXgtdGV4dC14bCcsIGZpbGVJbmZvLmljb25dXCI+PC9pPlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtbGVhZGluZy02XCI+e3sgaXRlbS5uYW1lIH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJheC10ZXh0LXNtIGF4LXRleHQtbmV1dHJhbC00MDBcIj4yNTAgS0I8L3A+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8YXgtYnV0dG9uIGxvb2s9XCJibGFua1wiIGNvbG9yPVwiZ2hvc3RcIiBjbGFzcz1cIiFheC10ZXh0LW5ldXRyYWwtNDAwIGhvdmVyOiFheC10ZXh0LW5ldXRyYWwtNjAwXCI+XHJcbiAgICAgICAgICAgIDxheC1pY29uPlxyXG4gICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtZG93bmxvYWRcIj48L2k+XHJcbiAgICAgICAgICAgIDwvYXgtaWNvbj5cclxuICAgICAgICAgIDwvYXgtYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYQnV0dG9uTW9kdWxlLCBBWERlY29yYXRvck1vZHVsZV0sXHJcbiAgaW5wdXRzOiBbJ2NvbnRleHQnLCAndmFsdWUnLCAnbXVsdGlwbGUnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYUEZpbGVXaWRnZXRWaWV3Q29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0QmFzZSB7XHJcbiAgcHJvdGVjdGVkIGxpc3Q6IHsgbmFtZTogc3RyaW5nOyB0eXBlOiBzdHJpbmcgfVtdID0gW107XHJcbiAgcHJvdGVjdGVkIG11bHRpcGxlITogYm9vbGVhbjtcclxuXHJcbiAgb3ZlcnJpZGUgcmVuZGVyKCkge1xyXG4gICAgY29uc3QgcmF3VmFsdWUgPSB0aGlzLnJhd1ZhbHVlO1xyXG4gICAgdGhpcy5saXN0ID0gQXJyYXkuaXNBcnJheShyYXdWYWx1ZSkgPyByYXdWYWx1ZS5tYXAoKGMpID0+IHRoaXMuZXh0cmFjdEl0ZW0oYykpIDogW3RoaXMuZXh0cmFjdEl0ZW0ocmF3VmFsdWUpXTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBnZXRGaWxlSW5mbyhmaWxlTmFtZTogc3RyaW5nKTogeyBpY29uOiBzdHJpbmc7IGNvbG9yOiBzdHJpbmcgfSB7XHJcbiAgICBjb25zdCBleHRlbnNpb24gPSBmaWxlTmFtZS5zcGxpdCgnLicpLnBvcCgpPy50b0xvd2VyQ2FzZSgpO1xyXG5cclxuICAgIHN3aXRjaCAoZXh0ZW5zaW9uKSB7XHJcbiAgICAgIGNhc2UgJ3R4dCc6XHJcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtYWx0JywgY29sb3I6ICdheC1iZy1ibHVlLTEwMCBheC10ZXh0LWJsdWUtNTAwJyB9O1xyXG5cclxuICAgICAgY2FzZSAncGRmJzpcclxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZS1wZGYnLCBjb2xvcjogJ2F4LWJnLXJlZC0xMDAgYXgtdGV4dC1yZWQtNTAwJyB9O1xyXG5cclxuICAgICAgY2FzZSAnZG9jJzpcclxuICAgICAgY2FzZSAnZG9jeCc6XHJcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtd29yZCcsIGNvbG9yOiAnYXgtYmctYmx1ZS0yMDAgYXgtdGV4dC1ibHVlLTYwMCcgfTtcclxuXHJcbiAgICAgIGNhc2UgJ3hscyc6XHJcbiAgICAgIGNhc2UgJ3hsc3gnOlxyXG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWV4Y2VsJywgY29sb3I6ICdheC1iZy1ncmVlbi0xMDAgYXgtdGV4dC1ncmVlbi01MDAnIH07XHJcblxyXG4gICAgICBjYXNlICdwcHQnOlxyXG4gICAgICBjYXNlICdwcHR4JzpcclxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZS1wb3dlcnBvaW50JywgY29sb3I6ICdheC1iZy1vcmFuZ2UtMTAwIGF4LXRleHQtb3JhbmdlLTUwMCcgfTtcclxuXHJcbiAgICAgIGNhc2UgJ2pwZyc6XHJcbiAgICAgIGNhc2UgJ2pwZWcnOlxyXG4gICAgICBjYXNlICdwbmcnOlxyXG4gICAgICBjYXNlICdnaWYnOlxyXG4gICAgICBjYXNlICdibXAnOlxyXG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLWltYWdlJywgY29sb3I6ICdheC1iZy1wdXJwbGUtMTAwIGF4LXRleHQtcHVycGxlLTUwMCcgfTtcclxuXHJcbiAgICAgIGNhc2UgJ3ppcCc6XHJcbiAgICAgIGNhc2UgJ3Jhcic6XHJcbiAgICAgIGNhc2UgJzd6JzpcclxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtZmlsZS1hcmNoaXZlJywgY29sb3I6ICdheC1iZy15ZWxsb3ctMTAwIGF4LXRleHQteWVsbG93LTUwMCcgfTtcclxuXHJcbiAgICAgIGNhc2UgJ21wMyc6XHJcbiAgICAgIGNhc2UgJ3dhdic6XHJcbiAgICAgIGNhc2UgJ29nZyc6XHJcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtYXVkaW8nLCBjb2xvcjogJ2F4LWJnLXBpbmstMTAwIGF4LXRleHQtcGluay01MDAnIH07XHJcblxyXG4gICAgICBjYXNlICdtcDQnOlxyXG4gICAgICBjYXNlICdhdmknOlxyXG4gICAgICBjYXNlICdta3YnOlxyXG4gICAgICBjYXNlICdtb3YnOlxyXG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1maWxlLXZpZGVvJywgY29sb3I6ICdheC1iZy1ibHVlLTEwMCBheC10ZXh0LWJsdWUtNTAwJyB9O1xyXG5cclxuICAgICAgY2FzZSAnanMnOlxyXG4gICAgICBjYXNlICdqc3gnOlxyXG4gICAgICBjYXNlICd0cyc6XHJcbiAgICAgIGNhc2UgJ3RzeCc6XHJcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUtY29kZScsIGNvbG9yOiAnYXgtYmcteWVsbG93LTEwMCBheC10ZXh0LXllbGxvdy01MDAnIH07XHJcblxyXG4gICAgICAvLyBBZGQgbW9yZSBjYXNlcyBhcyBuZWVkZWQgZm9yIG90aGVyIGZpbGUgdHlwZXNcclxuXHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLWZpbGUnLCBjb2xvcjogJ2F4LWJnLWdyYXktMTAwIGF4LXRleHQtZ3JheS01MDAnIH07XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGV4dHJhY3RJdGVtKGl0ZW06IGFueSk6IGFueSB7XHJcbiAgICByZXR1cm4gdHlwZW9mIGl0ZW0gPT0gJ29iamVjdCdcclxuICAgICAgPyB7XHJcbiAgICAgICAgbmFtZTogaXRlbS5uYW1lLFxyXG4gICAgICAgIHR5cGU6IGl0ZW0udHlwZSA/PyAnVW5rbm93bicsXHJcbiAgICAgIH1cclxuICAgICAgOiBudWxsO1xyXG4gIH1cclxufVxyXG4iXX0=