@acorex/platform 18.0.9 → 18.0.11

package/fesm2022/acorex-platform-common-dateTime-widget-view.component-BKUPKE9M.mjs

@@ -0,0 +1,94 @@
+import { AXDateTimeModule } from '@acorex/core/date-time';
+import { AXFormatModule } from '@acorex/core/format';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { AXPWidgetBase } from './acorex-platform-common.mjs';
+import '@acorex/components/popup';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/decorators';
+import '@acorex/components/image';
+import '@angular/common';
+import '@acorex/components/button';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import '@acorex/platform/workflow';
+import '@acorex/components/dialog';
+import 'lodash-es';
+import 'dexie';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import 'rxjs/operators';
+
+class AXPDateTimeWidgetViewComponent extends AXPWidgetBase {
+    render() {
+        const rawValue = this.rawValue;
+        if (rawValue == null) {
+            this.convertedValue = null;
+            return;
+        }
+        if (this.isArray(rawValue)) {
+            // if (this.multiple) {
+            console.log(rawValue);
+            this.convertedValue = rawValue.map((item) => this.formatValue(new Date(item)));
+            // } else {
+            //   this.convertedValue = this.formatValue(rawValue[0]);
+            // }
+        }
+        else {
+            this.convertedValue = this.formatValue(new Date(rawValue));
+        }
+        // const value = new Date(rawValue);
+        // this.formatValue(value);
+    }
+    formatValue(value) {
+        if (this.formats?.default) {
+            return this.formatService.format(new Date(value), 'datetime', { format: this.formats.default });
+        }
+        else {
+            return value.toISOString();
+        }
+    }
+    isArray(val) {
+        return Array.isArray(val);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPDateTimeWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPDateTimeWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", value: "value", multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    @if(multiple && isArray(convertedValue)){
+    <div class="ax-flex ax-flex-col ax-gap-1">
+      @for(value of convertedValue; track $index){
+      <span>{{ value }}</span>
+      }
+    </div>
+    }@else{
+    <span>{{ convertedValue }}</span>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPDateTimeWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    @if(multiple && isArray(convertedValue)){
+    <div class="ax-flex ax-flex-col ax-gap-1">
+      @for(value of convertedValue; track $index){
+      <span>{{ value }}</span>
+      }
+    </div>
+    }@else{
+    <span>{{ convertedValue }}</span>
+    }
+  `,
+                    standalone: true,
+                    imports: [AXFormatModule, AXDateTimeModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: ['context', 'value', 'multiple'],
+                }]
+        }] });
+
+export { AXPDateTimeWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-common-dateTime-widget-view.component-BKUPKE9M.mjs.map

package/fesm2022/acorex-platform-common-dateTime-widget-view.component-BKUPKE9M.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-dateTime-widget-view.component-BKUPKE9M.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/dateTime/dateTime-widget-view.component.ts"],"sourcesContent":["import { AXDateTimeModule } from '@acorex/core/date-time';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AXPWidgetBase } from '../../widget/widget-base';\n\n@Component({\n  template: `\n    @if(multiple && isArray(convertedValue)){\n    <div class=\"ax-flex ax-flex-col ax-gap-1\">\n      @for(value of convertedValue; track $index){\n      <span>{{ value }}</span>\n      }\n    </div>\n    }@else{\n    <span>{{ convertedValue }}</span>\n    }\n  `,\n  standalone: true,\n  imports: [AXFormatModule, AXDateTimeModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['context', 'value', 'multiple'],\n})\nexport class AXPDateTimeWidgetViewComponent extends AXPWidgetBase {\n  // protected convertedValue!: string | null;\n  protected convertedValue!: any;\n  protected multiple!: boolean;\n\n  override render() {\n    const rawValue = this.rawValue;\n    if (rawValue == null) {\n      this.convertedValue = null;\n      return;\n    }\n    if (this.isArray(rawValue)) {\n      // if (this.multiple) {\n      console.log(rawValue);\n      this.convertedValue = rawValue.map((item: Date) => this.formatValue(new Date(item)));\n      // } else {\n      //   this.convertedValue = this.formatValue(rawValue[0]);\n      // }\n    } else {\n      this.convertedValue = this.formatValue(new Date(rawValue));\n    }\n\n    // const value = new Date(rawValue);\n    // this.formatValue(value);\n  }\n\n  protected formatValue(value: Date) {\n    if (this.formats?.default) {\n      return this.formatService.format(new Date(value), 'datetime', { format: this.formats.default });\n    } else {\n      return value.toISOString();\n    }\n  }\n\n  protected isArray(val: any) {\n    return Array.isArray(val);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBM,MAAO,8BAA+B,SAAQ,aAAa,CAAA;IAKtD,MAAM,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC/B,QAAA,IAAI,QAAQ,IAAI,IAAI,EAAE;AACpB,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,OAAO;SACR;AACD,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;;AAE1B,YAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACtB,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAU,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;;;;SAItF;aAAM;AACL,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;SAC5D;;;KAIF;AAES,IAAA,WAAW,CAAC,KAAW,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;YACzB,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;SACjG;aAAM;AACL,YAAA,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;SAC5B;KACF;AAES,IAAA,OAAO,CAAC,GAAQ,EAAA;AACxB,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;KAC3B;8GApCU,8BAA8B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,EAhB/B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;GAUT,EAES,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,8BAAE,gBAAgB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAI/B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAjB1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;AAUT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC;oBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC;AACzC,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common-email-widget-column.component-BOer2nZi.mjs

@@ -0,0 +1,98 @@
+import { AXTooltipModule } from '@acorex/components/tooltip';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { AXPWidgetBase } from './acorex-platform-common.mjs';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/decorators';
+import '@acorex/components/image';
+import '@angular/common';
+import '@acorex/components/button';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import '@acorex/platform/workflow';
+import '@acorex/components/dialog';
+import 'lodash-es';
+import 'dexie';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import '@acorex/core/format';
+import 'rxjs/operators';
+
+class AXPEmailWidgetColumnComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.list = [];
+        this.text = '';
+    }
+    dot3(text) {
+        if (this.multiple)
+            return text.split('\n')[0] + '...';
+        else
+            return text.split('\n')[0];
+    }
+    render() {
+        if (this.rawValue) {
+            const rawValue = this.rawValue;
+            this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];
+            this.text = this.list.map((item) => item.value).join('\n');
+        }
+    }
+    extractItem(item) {
+        return typeof item == 'object'
+            ? {
+                value: item.value ?? '-',
+                type: item.type ?? 'primary',
+                label: item.label,
+            }
+            : {
+                value: item,
+                type: 'primary',
+                label: null,
+            };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEmailWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPEmailWidgetColumnComponent, isStandalone: true, selector: "axp-email-widget-column", inputs: { context: "context", multiple: "multiple", width: "width", hasLabel: "hasLabel", allowResizing: "allowResizing" }, usesInheritance: true, ngImport: i0, template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text">{{ dot3(text) }}</div>
+    }@else {
+    <div>
+      @if(list && list.length){
+      {{ list[0].value }}
+      }@else { - }
+    </div>
+
+    }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTooltipModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEmailWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-email-widget-column',
+                    template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text">{{ dot3(text) }}</div>
+    }@else {
+    <div>
+      @if(list && list.length){
+      {{ list[0].value }}
+      }@else { - }
+    </div>
+
+    }
+  </div>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXTooltipModule],
+                    inputs: ['context', 'multiple', 'width', 'hasLabel', 'allowResizing'],
+                }]
+        }] });
+
+export { AXPEmailWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-common-email-widget-column.component-BOer2nZi.mjs.map

package/fesm2022/acorex-platform-common-email-widget-column.component-BOer2nZi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-email-widget-column.component-BOer2nZi.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/email/email-widget-column.component.ts"],"sourcesContent":["import { AXTooltipModule } from '@acorex/components/tooltip';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AXPWidgetBase } from '../../widget/widget-base';\n@Component({\n  selector: 'axp-email-widget-column',\n  template: `<div>\n    @if(multiple && list.length>1){\n    <div [title]=\"text\">{{ dot3(text) }}</div>\n    }@else {\n    <div>\n      @if(list && list.length){\n      {{ list[0].value }}\n      }@else { - }\n    </div>\n\n    }\n  </div>`,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXTooltipModule],\n  inputs: ['context', 'multiple', 'width', 'hasLabel', 'allowResizing'],\n})\nexport class AXPEmailWidgetColumnComponent extends AXPWidgetBase {\n  protected list: { value: string; label: string }[] = [];\n  protected text: string = '';\n  protected multiple!: boolean;\n  protected hasLabel!: boolean;\n\n  protected dot3(text: string) {\n    if (this.multiple) return text.split('\\n')[0] + '...';\n    else return text.split('\\n')[0];\n  }\n\n  protected override render(): void {\n    if (this.rawValue) {\n      const rawValue = this.rawValue;\n      this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];\n      this.text = this.list.map((item) => item.value).join('\\n');\n    }\n  }\n\n  private extractItem(item: any): any {\n    return typeof item == 'object'\n      ? {\n        value: item.value ?? '-',\n        type: item.type ?? 'primary',\n        label: item.label,\n      }\n      : {\n        value: item,\n        type: 'primary',\n        label: null,\n      };\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-platform-common-email-widget-edit.component-BoKsGiEI.mjs

@@ -0,0 +1,270 @@
+import * as i2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3$1 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i6 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i4 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXPlatform } from '@acorex/core/platform';
+import { MockDataService } from '@acorex/platform/mocks';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, effect, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AXPWidgetEditBase } from './acorex-platform-common.mjs';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/image';
+import '@acorex/components/toast';
+import '@acorex/platform/workflow';
+import '@acorex/components/dialog';
+import 'lodash-es';
+import 'dexie';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import '@acorex/core/format';
+import 'rxjs/operators';
+
+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: "18.2.0", ngImport: i0, type: AXPEmailWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.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: 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 }, { 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", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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'],
+                }]
+        }] });
+
+export { AXPEmailWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-common-email-widget-edit.component-BoKsGiEI.mjs.map

package/fesm2022/acorex-platform-common-email-widget-edit.component-BoKsGiEI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-email-widget-edit.component-BoKsGiEI.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/email/email-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXValueChangedEvent } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { MockDataService } from '@acorex/platform/mocks';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, WritableSignal, effect, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPWidgetEditBase } from '../../widget/widget-base';\n\n@Component({\n  template: `\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      <ng-container *ngIf=\"multiple\">\n        @for(item of convertedValue();track item?.value) {\n        <ax-text-box\n          [(ngModel)]=\"item.value\"\n          (onValueChanged)=\"handleEmailChange($event, item.id)\"\n          type=\"email\"\n          class=\"ax-col-start-1 ax-col-end-13 lg:ax-col-end-8\"\n          [class.lg:!ax-col-end-12]=\"!hasLabel\"\n        >\n        </ax-text-box>\n        @if(hasLabel){\n        <ax-select-box\n          [dataSource]=\"['Primary', 'Secondary']\"\n          [(ngModel)]=\"item.label\"\n          (onValueChanged)=\"handleLabelChange($event, item.id)\"\n          class=\"ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12\"\n        >\n        </ax-select-box>\n        }\n        <ax-button\n          look=\"twotone\"\n          color=\"danger\"\n          (onClick)=\"handleRemoveItem(item)\"\n          class=\"ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end\"\n        >\n          <ax-icon icon=\"fa-regular fa-xmark\"></ax-icon>\n        </ax-button>\n        }\n      </ng-container>\n      <ng-container *ngIf=\"!multiple\">\n        <div class=\"ax-col-start-1 ax-col-end-13 lg:ax-col-end-8\"  [class.lg:!ax-col-end-13]=\"!hasLabel\">\n        <ax-text-box\n          [(ngModel)]=\"convertedValue()[0].value\"\n          (onValueChanged)=\"handleEmailChange($event, convertedValue()[0].id)\"\n          type=\"email\"\n        >\n          @for(vl of validations;track $index) {\n          <ax-validation-rule  [rule]=\"vl.rule\" [options]=\"vl.options\"></ax-validation-rule>\n          }\n        </ax-text-box>\n        </div>\n        @if(hasLabel){\n        <ax-select-box\n          [dataSource]=\"['Primary', 'Secondary']\"\n          [(ngModel)]=\"convertedValue()[0].label\"\n          (onValueChanged)=\"handleLabelChange($event, convertedValue()[0].id)\"\n          class=\"ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13\"\n        >\n        </ax-select-box>\n        }\n      </ng-container>\n\n      <ax-button\n        *ngIf=\"multiple\"\n        [text]=\"convertedValue().length == 0 ? 'Add New' : 'Add Another'\"\n        look=\"twotone\"\n        (onClick)=\"handleAddItem()\"\n        class=\"ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13\"\n      >\n        <ax-prefix>\n          <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    AXButtonModule,\n    FormsModule,\n    AXTextBoxModule,\n    AXDecoratorModule,\n    AXSelectBoxModule,\n    AXFormModule,\n  ],\n  inputs: ['multiple', 'hasLabel'],\n})\nexport class AXPEmailWidgetEditComponent extends AXPWidgetEditBase<any> {\n  protected mockerService = inject(MockDataService);\n\n  protected platform = inject(AXPlatform);\n  protected multiple!: boolean;\n  protected hasLabel!: boolean;\n  protected convertedValue: WritableSignal<{ value: string; label?: string; id: string }[]> = signal([]);\n\n  private changeValueEffect = effect(() => {\n    if (this.multiple) {\n      if (this.hasLabel) this.value = this.convertedValue().map((i) => ({ value: i.value, label: i.label }));\n      else this.value = this.convertedValue().map((i) => i.value);\n    } else {\n      if (this.hasLabel) this.value = this.convertedValue().map((i) => ({ value: i.value, label: i.label }))[0];\n      else this.value = this.convertedValue().map((i) => i.value)[0];\n    }\n  });\n\n  protected handleEmailChange(e: AXValueChangedEvent, id: string) {\n    if (e.isUserInteraction) {\n      this.convertedValue.update((prev) => prev.map((i) => (i.id === id ? { ...i, value: e.value } : i)));\n    }\n  }\n  protected handleLabelChange(e: AXValueChangedEvent, id: string) {\n    if (e.isUserInteraction) {\n      this.convertedValue.update((prev) => prev.map((i) => (i.id === id ? { ...i, label: e.value } : i)));\n    }\n  }\n\n  protected handleAddItem() {\n    // this.value.push({ label: 'Primary', value: undefined });\n    this.convertedValue.update((prev) => [\n      ...prev,\n      { label: this.hasLabel ? 'Primary' : '', value: '', id: this.mockerService.uid() },\n    ]);\n  }\n\n  protected handleRemoveItem(item: any) {\n    this.convertedValue.update((prev) => prev.filter((c) => c != item));\n  }\n\n  ngOnInit(): void {\n    // Initialize with an empty array if there's no value or it's empty\n    if (!this.value || this.value.length === 0) {\n      this.initializeEmptyValue();\n      return;\n    }\n\n    // Process the input based on `multiple` and `hasLabel`\n    if (this.multiple) {\n      this.handleMultipleValue();\n    } else {\n      this.handleSingleValue();\n    }\n  }\n\n  private initializeEmptyValue(): void {\n    this.convertedValue.set([{ value: '', label: '', id: this.mockerService.uid() }]);\n  }\n\n  private handleMultipleValue(): void {\n    const newValue = this.value.map((item: any) => ({\n      value: this.hasLabel ? item.value : item,\n      label: this.hasLabel ? item.label : null,\n      id: this.mockerService.uid(),\n    }));\n    this.convertedValue.set(newValue);\n  }\n\n  private handleSingleValue(): void {\n    const newValue = [\n      {\n        value: this.hasLabel ? this.value.value : this.value,\n        label: this.hasLabel ? this.value.label : null,\n        id: this.mockerService.uid(),\n      },\n    ];\n    this.convertedValue.set(newValue);\n  }\n}\n"],"names":["i3","i5","i7"],"mappings":"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"}

package/fesm2022/acorex-platform-common-email-widget-view.component-BZtK5dMd.mjs

@@ -0,0 +1,131 @@
+import * as i1$1 from '@acorex/components/badge';
+import { AXBadgeModule } from '@acorex/components/badge';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Component } from '@angular/core';
+import { AXPWidgetBase, AXPClipBoardService } from './acorex-platform-common.mjs';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/decorators';
+import '@acorex/components/image';
+import '@acorex/components/button';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import '@acorex/platform/workflow';
+import '@acorex/components/dialog';
+import 'lodash-es';
+import 'dexie';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import '@acorex/core/format';
+import 'rxjs/operators';
+
+class AXPEmailWidgetViewComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.clipboard = inject(AXPClipBoardService);
+        this.list = [];
+    }
+    render() {
+        const rawValue = this.rawValue;
+        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: "18.2.0", ngImport: i0, type: AXPEmailWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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'],
+                }]
+        }] });
+
+export { AXPEmailWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-common-email-widget-view.component-BZtK5dMd.mjs.map