@acorex/platform 1.0.0

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

@@ -0,0 +1,249 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXFormModule } from '@acorex/components/form';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXPlatform } from '@acorex/core/platform';
+import { MockDataService } from '@acorex/platform/mocks';
+import { AXPWidgetEditBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, effect, inject, signal } 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 "@angular/forms";
+import * as i4 from "@acorex/components/text-box";
+import * as i5 from "@acorex/components/decorators";
+import * as i6 from "@acorex/components/select-box";
+import * as i7 from "@acorex/components/form";
+export class AXPEmailWidgetEditComponent extends AXPWidgetEditBase {
+    constructor() {
+        super(...arguments);
+        this.mockerService = inject(MockDataService);
+        this.platform = inject(AXPlatform);
+        this.convertedValue = signal([]);
+        this.changeValueEffect = effect(() => {
+            if (this.multiple) {
+                if (this.hasLabel)
+                    this.value = this.convertedValue().map((i) => ({ value: i.value, label: i.label }));
+                else
+                    this.value = this.convertedValue().map((i) => i.value);
+            }
+            else {
+                if (this.hasLabel)
+                    this.value = this.convertedValue().map((i) => ({ value: i.value, label: i.label }))[0];
+                else
+                    this.value = this.convertedValue().map((i) => i.value)[0];
+            }
+        });
+    }
+    handleEmailChange(e, id) {
+        if (e.isUserInteraction) {
+            this.convertedValue.update((prev) => prev.map((i) => (i.id === id ? { ...i, value: e.value } : i)));
+        }
+    }
+    handleLabelChange(e, id) {
+        if (e.isUserInteraction) {
+            this.convertedValue.update((prev) => prev.map((i) => (i.id === id ? { ...i, label: e.value } : i)));
+        }
+    }
+    handleAddItem() {
+        // this.value.push({ label: 'Primary', value: undefined });
+        this.convertedValue.update((prev) => [
+            ...prev,
+            { label: this.hasLabel ? 'Primary' : '', value: '', id: this.mockerService.uid() },
+        ]);
+    }
+    handleRemoveItem(item) {
+        this.convertedValue.update((prev) => prev.filter((c) => c != item));
+    }
+    ngOnInit() {
+        // Initialize with an empty array if there's no value or it's empty
+        if (!this.value || this.value.length === 0) {
+            this.initializeEmptyValue();
+            return;
+        }
+        // Process the input based on `multiple` and `hasLabel`
+        if (this.multiple) {
+            this.handleMultipleValue();
+        }
+        else {
+            this.handleSingleValue();
+        }
+    }
+    initializeEmptyValue() {
+        this.convertedValue.set([{ value: '', label: '', id: this.mockerService.uid() }]);
+    }
+    handleMultipleValue() {
+        const newValue = this.value.map((item) => ({
+            value: this.hasLabel ? item.value : item,
+            label: this.hasLabel ? item.label : null,
+            id: this.mockerService.uid(),
+        }));
+        this.convertedValue.set(newValue);
+    }
+    handleSingleValue() {
+        const newValue = [
+            {
+                value: this.hasLabel ? this.value.value : this.value,
+                label: this.hasLabel ? this.value.label : null,
+                id: this.mockerService.uid(),
+            },
+        ];
+        this.convertedValue.set(newValue);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPEmailWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPEmailWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { multiple: "multiple", hasLabel: "hasLabel" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of convertedValue();track item?.value) {
+        <ax-text-box
+          [(ngModel)]="item.value"
+          (onValueChanged)="handleEmailChange($event, item.id)"
+          type="email"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-12]="!hasLabel"
+        >
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="['Primary', 'Secondary']"
+          [(ngModel)]="item.label"
+          (onValueChanged)="handleLabelChange($event, item.id)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12"
+        >
+        </ax-select-box>
+        }
+        <ax-button
+          look="twotone"
+          color="danger"
+          (onClick)="handleRemoveItem(item)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <div class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"  [class.lg:!ax-col-end-13]="!hasLabel">
+        <ax-text-box
+          [(ngModel)]="convertedValue()[0].value"
+          (onValueChanged)="handleEmailChange($event, convertedValue()[0].id)"
+          type="email"
+        >
+          @for(vl of validations;track $index) {
+          <ax-validation-rule  [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+          }
+        </ax-text-box>
+        </div>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="['Primary', 'Secondary']"
+          [(ngModel)]="convertedValue()[0].label"
+          (onValueChanged)="handleLabelChange($event, convertedValue()[0].id)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
+        >
+        </ax-select-box>
+        }
+      </ng-container>
+
+      <ax-button
+        *ngIf="multiple"
+        [text]="convertedValue().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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i5.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.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 }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "dataSource", "itemTemplate", "emptyTemplate", "loadingTemplate"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i7.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPEmailWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of convertedValue();track item?.value) {
+        <ax-text-box
+          [(ngModel)]="item.value"
+          (onValueChanged)="handleEmailChange($event, item.id)"
+          type="email"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-12]="!hasLabel"
+        >
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="['Primary', 'Secondary']"
+          [(ngModel)]="item.label"
+          (onValueChanged)="handleLabelChange($event, item.id)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12"
+        >
+        </ax-select-box>
+        }
+        <ax-button
+          look="twotone"
+          color="danger"
+          (onClick)="handleRemoveItem(item)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <div class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"  [class.lg:!ax-col-end-13]="!hasLabel">
+        <ax-text-box
+          [(ngModel)]="convertedValue()[0].value"
+          (onValueChanged)="handleEmailChange($event, convertedValue()[0].id)"
+          type="email"
+        >
+          @for(vl of validations;track $index) {
+          <ax-validation-rule  [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+          }
+        </ax-text-box>
+        </div>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="['Primary', 'Secondary']"
+          [(ngModel)]="convertedValue()[0].label"
+          (onValueChanged)="handleLabelChange($event, convertedValue()[0].id)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
+        >
+        </ax-select-box>
+        }
+      </ng-container>
+
+      <ax-button
+        *ngIf="multiple"
+        [text]="convertedValue().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,
+                        AXFormModule,
+                    ],
+                    inputs: ['multiple', 'hasLabel'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1haWwtd2lkZ2V0LWVkaXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9sYXlvdXRzL3NyYy9saWIvd2lkZ2V0cy9lbWFpbC9lbWFpbC13aWRnZXQtZWRpdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBa0IsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0csT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7QUFtRjdDLE1BQU0sT0FBTywyQkFBNEIsU0FBUSxpQkFBc0I7SUFqRnZFOztRQWtGWSxrQkFBYSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUV4QyxhQUFRLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRzlCLG1CQUFjLEdBQW9FLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FB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QUFDLFVBQVUsRUFBRSxVQUFVLENBQUM7aUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEFYVmFsdWVDaGFuZ2VkRXZlbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhGb3JtTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2Zvcm0nO1xuaW1wb3J0IHsgQVhTZWxlY3RCb3hNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvc2VsZWN0LWJveCc7XG5pbXBvcnQgeyBBWFRleHRCb3hNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGV4dC1ib3gnO1xuaW1wb3J0IHsgQVhQbGF0Zm9ybSB9IGZyb20gJ0BhY29yZXgvY29yZS9wbGF0Zm9ybSc7XG5pbXBvcnQgeyBNb2NrRGF0YVNlcnZpY2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL21vY2tzJztcbmltcG9ydCB7IEFYUFdpZGdldEVkaXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9zY2hlbWEnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFdyaXRhYmxlU2lnbmFsLCBlZmZlY3QsIGluamVjdCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF4LWdyaWQgYXgtZ3JpZC1jb2xzLTEyIGF4LWdhcC00XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibXVsdGlwbGVcIj5cbiAgICAgICAgQGZvcihpdGVtIG9mIGNvbnZlcnRlZFZhbHVlKCk7dHJhY2sgaXRlbT8udmFsdWUpIHtcbiAgICAgICAgPGF4LXRleHQtYm94XG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJpdGVtLnZhbHVlXCJcbiAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwiaGFuZGxlRW1haWxDaGFuZ2UoJGV2ZW50LCBpdGVtLmlkKVwiXG4gICAgICAgICAgdHlwZT1cImVtYWlsXCJcbiAgICAgICAgICBjbGFzcz1cImF4LWNvbC1zdGFydC0xIGF4LWNvbC1lbmQtMTMgbGc6YXgtY29sLWVuZC04XCJcbiAgICAgICAgICBbY2xhc3MubGc6IWF4LWNvbC1lbmQtMTJdPVwiIWhhc0xhYmVsXCJcbiAgICAgICAgPlxuICAgICAgICA8L2F4LXRleHQtYm94PlxuICAgICAgICBAaWYoaGFzTGFiZWwpe1xuICAgICAgICA8YXgtc2VsZWN0LWJveFxuICAgICAgICAgIFtkYXRhU291cmNlXT1cIlsnUHJpbWFyeScsICdTZWNvbmRhcnknXVwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJpdGVtLmxhYmVsXCJcbiAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwiaGFuZGxlTGFiZWxDaGFuZ2UoJGV2ZW50LCBpdGVtLmlkKVwiXG4gICAgICAgICAgY2xhc3M9XCJheC1jb2wtc3RhcnQtMSBheC1jb2wtZW5kLTExIGxnOmF4LWNvbC1zdGFydC04IGxnOmF4LWNvbC1lbmQtMTJcIlxuICAgICAgICA+XG4gICAgICAgIDwvYXgtc2VsZWN0LWJveD5cbiAgICAgICAgfVxuICAgICAgICA8YXgtYnV0dG9uXG4gICAgICAgICAgbG9vaz1cInR3b3RvbmVcIlxuICAgICAgICAgIGNvbG9yPVwiZGFuZ2VyXCJcbiAgICAgICAgICAob25DbGljayk9XCJoYW5kbGVSZW1vdmVJdGVtKGl0ZW0pXCJcbiAgICAgICAgICBjbGFzcz1cImF4LWNvbC1zdGFydC0xMSBheC1jb2wtZW5kLTEzIGxnOmF4LWNvbC1zdGFydC0xMiBsZzpheC1jb2wtZW5kLTEzIGF4LWp1c3RpZnktc2VsZi1lbmRcIlxuICAgICAgICA+XG4gICAgICAgICAgPGF4LWljb24gaWNvbj1cImZhLXJlZ3VsYXIgZmEteG1hcmtcIj48L2F4LWljb24+XG4gICAgICAgIDwvYXgtYnV0dG9uPlxuICAgICAgICB9XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhbXVsdGlwbGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbC1zdGFydC0xIGF4LWNvbC1lbmQtMTMgbGc6YXgtY29sLWVuZC04XCIgIFtjbGFzcy5sZzohYXgtY29sLWVuZC0xM109XCIhaGFzTGFiZWxcIj5cbiAgICAgICAgPGF4LXRleHQtYm94XG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJjb252ZXJ0ZWRWYWx1ZSgpWzBdLnZhbHVlXCJcbiAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwiaGFuZGxlRW1haWxDaGFuZ2UoJGV2ZW50LCBjb252ZXJ0ZWRWYWx1ZSgpWzBdLmlkKVwiXG4gICAgICAgICAgdHlwZT1cImVtYWlsXCJcbiAgICAgICAgPlxuICAgICAgICAgIEBmb3Iodmwgb2YgdmFsaWRhdGlvbnM7dHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgPGF4LXZhbGlkYXRpb24tcnVsZSAgW3J1bGVdPVwidmwucnVsZVwiIFtvcHRpb25zXT1cInZsLm9wdGlvbnNcIj48L2F4LXZhbGlkYXRpb24tcnVsZT5cbiAgICAgICAgICB9XG4gICAgICAgIDwvYXgtdGV4dC1ib3g+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICBAaWYoaGFzTGFiZWwpe1xuICAgICAgICA8YXgtc2VsZWN0LWJveFxuICAgICAgICAgIFtkYXRhU291cmNlXT1cIlsnUHJpbWFyeScsICdTZWNvbmRhcnknXVwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJjb252ZXJ0ZWRWYWx1ZSgpWzBdLmxhYmVsXCJcbiAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwiaGFuZGxlTGFiZWxDaGFuZ2UoJGV2ZW50LCBjb252ZXJ0ZWRWYWx1ZSgpWzBdLmlkKVwiXG4gICAgICAgICAgY2xhc3M9XCJheC1jb2wtc3RhcnQtMSBheC1jb2wtZW5kLTExIGxnOmF4LWNvbC1zdGFydC04IGxnOmF4LWNvbC1lbmQtMTNcIlxuICAgICAgICA+XG4gICAgICAgIDwvYXgtc2VsZWN0LWJveD5cbiAgICAgICAgfVxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxheC1idXR0b25cbiAgICAgICAgKm5nSWY9XCJtdWx0aXBsZVwiXG4gICAgICAgIFt0ZXh0XT1cImNvbnZlcnRlZFZhbHVlKCkubGVuZ3RoID09IDAgPyAnQWRkIE5ldycgOiAnQWRkIEFub3RoZXInXCJcbiAgICAgICAgbG9vaz1cInR3b3RvbmVcIlxuICAgICAgICAob25DbGljayk9XCJoYW5kbGVBZGRJdGVtKClcIlxuICAgICAgICBjbGFzcz1cImF4LWNvbC1zdGFydC04IGxnOmF4LWNvbC1zdGFydC0xMCAyeGw6YXgtY29sLXN0YXJ0LTEwIGF4LWNvbC1lbmQtMTNcIlxuICAgICAgPlxuICAgICAgICA8YXgtcHJlZml4PlxuICAgICAgICAgIDxheC1pY29uIGNsYXNzPVwiZmEtc29saWQgZmEtYWRkXCI+PC9heC1pY29uPlxuICAgICAgICA8L2F4LXByZWZpeD5cbiAgICAgIDwvYXgtYnV0dG9uPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBWEJ1dHRvbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBBWFRleHRCb3hNb2R1bGUsXG4gICAgQVhEZWNvcmF0b3JNb2R1bGUsXG4gICAgQVhTZWxlY3RCb3hNb2R1bGUsXG4gICAgQVhGb3JtTW9kdWxlLFxuICBdLFxuICBpbnB1dHM6IFsnbXVsdGlwbGUnLCAnaGFzTGFiZWwnXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhQRW1haWxXaWRnZXRFZGl0Q29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0RWRpdEJhc2U8YW55PiB7XG4gIHByb3RlY3RlZCBtb2NrZXJTZXJ2aWNlID0gaW5qZWN0KE1vY2tEYXRhU2VydmljZSk7XG5cbiAgcHJvdGVjdGVkIHBsYXRmb3JtID0gaW5qZWN0KEFYUGxhdGZvcm0pO1xuICBwcm90ZWN0ZWQgbXVsdGlwbGUhOiBib29sZWFuO1xuICBwcm90ZWN0ZWQgaGFzTGFiZWwhOiBib29sZWFuO1xuICBwcm90ZWN0ZWQgY29udmVydGVkVmFsdWU6IFdyaXRhYmxlU2lnbmFsPHsgdmFsdWU6IHN0cmluZzsgbGFiZWw/OiBzdHJpbmc7IGlkOiBzdHJpbmcgfVtdPiA9IHNpZ25hbChbXSk7XG5cbiAgcHJpdmF0ZSBjaGFuZ2VWYWx1ZUVmZmVjdCA9IGVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRoaXMubXVsdGlwbGUpIHtcbiAgICAgIGlmICh0aGlzLmhhc0xhYmVsKSB0aGlzLnZhbHVlID0gdGhpcy5jb252ZXJ0ZWRWYWx1ZSgpLm1hcCgoaSkgPT4gKHsgdmFsdWU6IGkudmFsdWUsIGxhYmVsOiBpLmxhYmVsIH0pKTtcbiAgICAgIGVsc2UgdGhpcy52YWx1ZSA9IHRoaXMuY29udmVydGVkVmFsdWUoKS5tYXAoKGkpID0+IGkudmFsdWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICBpZiAodGhpcy5oYXNMYWJlbCkgdGhpcy52YWx1ZSA9IHRoaXMuY29udmVydGVkVmFsdWUoKS5tYXAoKGkpID0+ICh7IHZhbHVlOiBpLnZhbHVlLCBsYWJlbDogaS5sYWJlbCB9KSlbMF07XG4gICAgICBlbHNlIHRoaXMudmFsdWUgPSB0aGlzLmNvbnZlcnRlZFZhbHVlKCkubWFwKChpKSA9PiBpLnZhbHVlKVswXTtcbiAgICB9XG4gIH0pO1xuXG4gIHByb3RlY3RlZCBoYW5kbGVFbWFpbENoYW5nZShlOiBBWFZhbHVlQ2hhbmdlZEV2ZW50LCBpZDogc3RyaW5nKSB7XG4gICAgaWYgKGUuaXNVc2VySW50ZXJhY3Rpb24pIHtcbiAgICAgIHRoaXMuY29udmVydGVkVmFsdWUudXBkYXRlKChwcmV2KSA9PiBwcmV2Lm1hcCgoaSkgPT4gKGkuaWQgPT09IGlkID8geyAuLi5pLCB2YWx1ZTogZS52YWx1ZSB9IDogaSkpKTtcbiAgICB9XG4gIH1cbiAgcHJvdGVjdGVkIGhhbmRsZUxhYmVsQ2hhbmdlKGU6IEFYVmFsdWVDaGFuZ2VkRXZlbnQsIGlkOiBzdHJpbmcpIHtcbiAgICBpZiAoZS5pc1VzZXJJbnRlcmFjdGlvbikge1xuICAgICAgdGhpcy5jb252ZXJ0ZWRWYWx1ZS51cGRhdGUoKHByZXYpID0+IHByZXYubWFwKChpKSA9PiAoaS5pZCA9PT0gaWQgPyB7IC4uLmksIGxhYmVsOiBlLnZhbHVlIH0gOiBpKSkpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBoYW5kbGVBZGRJdGVtKCkge1xuICAgIC8vIHRoaXMudmFsdWUucHVzaCh7IGxhYmVsOiAnUHJpbWFyeScsIHZhbHVlOiB1bmRlZmluZWQgfSk7XG4gICAgdGhpcy5jb252ZXJ0ZWRWYWx1ZS51cGRhdGUoKHByZXYpID0+IFtcbiAgICAgIC4uLnByZXYsXG4gICAgICB7IGxhYmVsOiB0aGlzLmhhc0xhYmVsID8gJ1ByaW1hcnknIDogJycsIHZhbHVlOiAnJywgaWQ6IHRoaXMubW9ja2VyU2VydmljZS51aWQoKSB9LFxuICAgIF0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIGhhbmRsZVJlbW92ZUl0ZW0oaXRlbTogYW55KSB7XG4gICAgdGhpcy5jb252ZXJ0ZWRWYWx1ZS51cGRhdGUoKHByZXYpID0+IHByZXYuZmlsdGVyKChjKSA9PiBjICE9IGl0ZW0pKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIEluaXRpYWxpemUgd2l0aCBhbiBlbXB0eSBhcnJheSBpZiB0aGVyZSdzIG5vIHZhbHVlIG9yIGl0J3MgZW1wdHlcbiAgICBpZiAoIXRoaXMudmFsdWUgfHwgdGhpcy52YWx1ZS5sZW5ndGggPT09IDApIHtcbiAgICAgIHRoaXMuaW5pdGlhbGl6ZUVtcHR5VmFsdWUoKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBQcm9jZXNzIHRoZSBpbnB1dCBiYXNlZCBvbiBgbXVsdGlwbGVgIGFuZCBgaGFzTGFiZWxgXG4gICAgaWYgKHRoaXMubXVsdGlwbGUpIHtcbiAgICAgIHRoaXMuaGFuZGxlTXVsdGlwbGVWYWx1ZSgpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmhhbmRsZVNpbmdsZVZhbHVlKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBpbml0aWFsaXplRW1wdHlWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnZlcnRlZFZhbHVlLnNldChbeyB2YWx1ZTogJycsIGxhYmVsOiAnJywgaWQ6IHRoaXMubW9ja2VyU2VydmljZS51aWQoKSB9XSk7XG4gIH1cblxuICBwcml2YXRlIGhhbmRsZU11bHRpcGxlVmFsdWUoKTogdm9pZCB7XG4gICAgY29uc3QgbmV3VmFsdWUgPSB0aGlzLnZhbHVlLm1hcCgoaXRlbTogYW55KSA9PiAoe1xuICAgICAgdmFsdWU6IHRoaXMuaGFzTGFiZWwgPyBpdGVtLnZhbHVlIDogaXRlbSxcbiAgICAgIGxhYmVsOiB0aGlzLmhhc0xhYmVsID8gaXRlbS5sYWJlbCA6IG51bGwsXG4gICAgICBpZDogdGhpcy5tb2NrZXJTZXJ2aWNlLnVpZCgpLFxuICAgIH0pKTtcbiAgICB0aGlzLmNvbnZlcnRlZFZhbHVlLnNldChuZXdWYWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIGhhbmRsZVNpbmdsZVZhbHVlKCk6IHZvaWQge1xuICAgIGNvbnN0IG5ld1ZhbHVlID0gW1xuICAgICAge1xuICAgICAgICB2YWx1ZTogdGhpcy5oYXNMYWJlbCA/IHRoaXMudmFsdWUudmFsdWUgOiB0aGlzLnZhbHVlLFxuICAgICAgICBsYWJlbDogdGhpcy5oYXNMYWJlbCA/IHRoaXMudmFsdWUubGFiZWwgOiBudWxsLFxuICAgICAgICBpZDogdGhpcy5tb2NrZXJTZXJ2aWNlLnVpZCgpLFxuICAgICAgfSxcbiAgICBdO1xuICAgIHRoaXMuY29udmVydGVkVmFsdWUuc2V0KG5ld1ZhbHVlKTtcbiAgfVxufVxuIl19

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

@@ -0,0 +1,108 @@
+import { AXBadgeModule } from '@acorex/components/badge';
+import { AXPClipBoardService } from '@acorex/platform/common';
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import { Component, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/badge";
+export class AXPEmailWidgetViewComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.clipboard = inject(AXPClipBoardService);
+        this.list = [];
+    }
+    render() {
+        const rawValue = this.context[this.prop.name];
+        if (rawValue == null)
+            return;
+        this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];
+    }
+    extractItem(item) {
+        return typeof item == 'object'
+            ? {
+                value: item.value ?? '-',
+                label: item.label ?? 'Primary',
+            }
+            : {
+                value: item,
+                label: 'Primary',
+            };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPEmailWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPEmailWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", value: "value", multiple: "multiple", hasLabel: "hasLabel" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
+      <ng-container *ngIf="multiple">
+        @for(item of list;track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }"></ng-template>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: list[0] }"></ng-template>
+      </ng-container>
+      <ng-template #itemTemplate let-item="data">
+        <ng-container *ngIf="item">
+          <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+            <div class="ax-flex ax-flex-1 ax-gap-1 lg:ax-gap-3  ax-group ax-items-center ax-w-max">
+              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+                <i class="fa-solid ax-text-neutral-400 fa-envelope"></i>
+              </div>
+              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
+              <span
+                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+                (click)="clipboard.copy('Email', item.value)"
+              >
+                <i class="fa-solid fa-copy "></i>
+              </span>
+              @if(hasLabel){
+              <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+              }
+            </div>
+          </div>
+        </ng-container>
+      </ng-template>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPEmailWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
+      <ng-container *ngIf="multiple">
+        @for(item of list;track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }"></ng-template>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: list[0] }"></ng-template>
+      </ng-container>
+      <ng-template #itemTemplate let-item="data">
+        <ng-container *ngIf="item">
+          <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+            <div class="ax-flex ax-flex-1 ax-gap-1 lg:ax-gap-3  ax-group ax-items-center ax-w-max">
+              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+                <i class="fa-solid ax-text-neutral-400 fa-envelope"></i>
+              </div>
+              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
+              <span
+                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+                (click)="clipboard.copy('Email', item.value)"
+              >
+                <i class="fa-solid fa-copy "></i>
+              </span>
+              @if(hasLabel){
+              <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+              }
+            </div>
+          </div>
+        </ng-container>
+      </ng-template>
+    </div>
+  `,
+                    standalone: true,
+                    imports: [CommonModule, AXBadgeModule],
+                    inputs: ['context', 'value', 'multiple', 'hasLabel'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1haWwtd2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9sYXlvdXRzL3NyYy9saWIvd2lkZ2V0cy9lbWFpbC9lbWFpbC13aWRnZXQtdmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUF3Q2xELE1BQU0sT0FBTywyQkFBNEIsU0FBUSxhQUFhO0lBdEM5RDs7UUF1Q1ksY0FBUyxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBSXhDLFNBQUksR0FBdUMsRUFBRSxDQUFDO0tBbUJ6RDtJQWpCVSxNQUFNO1FBQ2IsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzlDLElBQUksUUFBUSxJQUFJLElBQUk7WUFBRSxPQUFPO1FBQzdCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUNoSCxDQUFDO0lBRU8sV0FBVyxDQUFDLElBQVM7UUFDM0IsT0FBTyxPQUFPLElBQUksSUFBSSxRQUFRO1lBQzVCLENBQUMsQ0FBQztnQkFDRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHO2dCQUN4QixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssSUFBSSxTQUFTO2FBQy9CO1lBQ0gsQ0FBQyxDQUFDO2dCQUNFLEtBQUssRUFBRSxJQUFJO2dCQUNYLEtBQUssRUFBRSxTQUFTO2FBQ2pCLENBQUM7SUFDUixDQUFDOzhHQXZCVSwyQkFBMkI7a0dBQTNCLDJCQUEyQiwyTEFyQzVCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWdDVCwyREFFUyxZQUFZLHlTQUFFLGFBQWE7OzJGQUcxQiwyQkFBMkI7a0JBdEN2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQ1Q7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7b0JBQ3RDLE1BQU0sRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsQ0FBQztpQkFDckQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJhZGdlTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2JhZGdlJztcbmltcG9ydCB7IEFYUENsaXBCb2FyZFNlcnZpY2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2NvbW1vbic7XG5pbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9zY2hlbWEnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJheC1ncmlkIGF4LWdyaWQtY29scy0xMiBheC1nYXAtMiBcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtdWx0aXBsZVwiPlxuICAgICAgICBAZm9yKGl0ZW0gb2YgbGlzdDt0cmFjayBpdGVtPy52YWx1ZSkge1xuICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiaXRlbVRlbXBsYXRlXCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgZGF0YTogaXRlbSB9XCI+PC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgfVxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIW11bHRpcGxlXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJpdGVtVGVtcGxhdGVcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyBkYXRhOiBsaXN0WzBdIH1cIj48L25nLXRlbXBsYXRlPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctdGVtcGxhdGUgI2l0ZW1UZW1wbGF0ZSBsZXQtaXRlbT1cImRhdGFcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW1cIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtY29sLXN0YXJ0LTEgYXgtY29sLWVuZC0xMCBsZzpheC1jb2wtZW5kLTdcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtMSBheC1nYXAtMSBsZzpheC1nYXAtMyAgYXgtZ3JvdXAgYXgtaXRlbXMtY2VudGVyIGF4LXctbWF4XCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC13LTYgYXgtaC02IGF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGF4LWp1c3RpZnktY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYS1zb2xpZCBheC10ZXh0LW5ldXRyYWwtNDAwIGZhLWVudmVsb3BlXCI+PC9pPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPGEgY2xhc3M9XCJncm91cC1ob3ZlcjohYXgtdGV4dC1wcmltYXJ5LTUwMFwiIGhyZWY9XCJ0ZWw6e3sgaXRlbS52YWx1ZSB9fVwiPnt7IGl0ZW0udmFsdWUgfX08L2E+XG4gICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJheC10ZXh0LW5ldXRyYWwtNDAwICBheC1jdXJzb3ItcG9pbnRlciBheC1pbnZpc2libGUgZ3JvdXAtaG92ZXI6YXgtdmlzaWJsZSBob3ZlcjohYXgtdGV4dC1wcmltYXJ5LTUwMFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaXBib2FyZC5jb3B5KCdFbWFpbCcsIGl0ZW0udmFsdWUpXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtY29weSBcIj48L2k+XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgQGlmKGhhc0xhYmVsKXtcbiAgICAgICAgICAgICAgPGF4LWJhZGdlIGNvbG9yPVwicHJpbWFyeVwiIFtsb29rXT1cIid0d290b25lJ1wiIFt0ZXh0XT1cIml0ZW0ubGFiZWxcIj48L2F4LWJhZGdlPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWEJhZGdlTW9kdWxlXSxcbiAgaW5wdXRzOiBbJ2NvbnRleHQnLCAndmFsdWUnLCAnbXVsdGlwbGUnLCAnaGFzTGFiZWwnXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhQRW1haWxXaWRnZXRWaWV3Q29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0QmFzZSB7XG4gIHByb3RlY3RlZCBjbGlwYm9hcmQgPSBpbmplY3QoQVhQQ2xpcEJvYXJkU2VydmljZSk7XG4gIHByb3RlY3RlZCBtdWx0aXBsZSE6IGJvb2xlYW47XG4gIHByb3RlY3RlZCBoYXNMYWJlbCE6IGJvb2xlYW47XG5cbiAgcHJvdGVjdGVkIGxpc3Q6IHsgdmFsdWU6IHN0cmluZzsgbGFiZWw6IHN0cmluZyB9W10gPSBbXTtcblxuICBvdmVycmlkZSByZW5kZXIoKSB7XG4gICAgY29uc3QgcmF3VmFsdWUgPSB0aGlzLmNvbnRleHRbdGhpcy5wcm9wLm5hbWVdO1xuICAgIGlmIChyYXdWYWx1ZSA9PSBudWxsKSByZXR1cm47XG4gICAgdGhpcy5saXN0ID0gQXJyYXkuaXNBcnJheShyYXdWYWx1ZSkgPyByYXdWYWx1ZS5tYXAoKGMpID0+IHRoaXMuZXh0cmFjdEl0ZW0oYykpIDogW3RoaXMuZXh0cmFjdEl0ZW0ocmF3VmFsdWUpXTtcbiAgfVxuXG4gIHByaXZhdGUgZXh0cmFjdEl0ZW0oaXRlbTogYW55KTogYW55IHtcbiAgICByZXR1cm4gdHlwZW9mIGl0ZW0gPT0gJ29iamVjdCdcbiAgICAgID8ge1xuICAgICAgICAgIHZhbHVlOiBpdGVtLnZhbHVlID8/ICctJyxcbiAgICAgICAgICBsYWJlbDogaXRlbS5sYWJlbCA/PyAnUHJpbWFyeScsXG4gICAgICAgIH1cbiAgICAgIDoge1xuICAgICAgICAgIHZhbHVlOiBpdGVtLFxuICAgICAgICAgIGxhYmVsOiAnUHJpbWFyeScsXG4gICAgICAgIH07XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,27 @@
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { isEmpty } from 'lodash-es';
+import * as i0 from "@angular/core";
+export class AXPFileWidgetColumnComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.hasFile = false;
+    }
+    render() {
+        this.hasFile = !isEmpty(this.context[this.prop.name]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AXPFileWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", multiple: "multiple", width: "width" }, usesInheritance: true, ngImport: i0, template: ` <i class="fa-regular fa-paperclip-vertical fa-xl ax-cursor-pointer"></i> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPFileWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <i class="fa-regular fa-paperclip-vertical fa-xl ax-cursor-pointer"></i> `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: ['context', 'multiple', 'width'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS13aWRnZXQtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vbGF5b3V0cy9zcmMvbGliL3dpZGdldHMvZmlsZS9maWxlLXdpZGdldC1jb2x1bW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDOztBQVNwQyxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsYUFBYTtJQVAvRDs7UUFRWSxZQUFPLEdBQVksS0FBSyxDQUFDO0tBS3BDO0lBSFUsTUFBTTtRQUNiLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDeEQsQ0FBQzs4R0FMVSw0QkFBNEI7a0dBQTVCLDRCQUE0QixxS0FON0IsNEVBQTRFLDJEQUc1RSxZQUFZOzsyRkFHWCw0QkFBNEI7a0JBUHhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDRFQUE0RTtvQkFDdEYsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE1BQU0sRUFBRSxDQUFDLFNBQVMsRUFBRSxVQUFVLEVBQUUsT0FBTyxDQUFDO2lCQUN6QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUFdpZGdldEJhc2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL3NjaGVtYSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaXNFbXB0eSB9IGZyb20gJ2xvZGFzaC1lcyc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYCA8aSBjbGFzcz1cImZhLXJlZ3VsYXIgZmEtcGFwZXJjbGlwLXZlcnRpY2FsIGZhLXhsIGF4LWN1cnNvci1wb2ludGVyXCI+PC9pPiBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGlucHV0czogWydjb250ZXh0JywgJ211bHRpcGxlJywgJ3dpZHRoJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFYUEZpbGVXaWRnZXRDb2x1bW5Db21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRCYXNlIHtcbiAgcHJvdGVjdGVkIGhhc0ZpbGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBvdmVycmlkZSByZW5kZXIoKSB7XG4gICAgdGhpcy5oYXNGaWxlID0gIWlzRW1wdHkodGhpcy5jb250ZXh0W3RoaXMucHJvcC5uYW1lXSk7XG4gIH1cbn1cbiJdfQ==