@acorex/platform 1.0.0

package/fesm2022/acorex-platform-layouts-email-widget-edit.component-m2dI7y9X.mjs

@@ -0,0 +1,252 @@
+import * as i4 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$1 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 { AXPWidgetEditBase } from '@acorex/platform/schema';
+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 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+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: i4.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: 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"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4$1.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", "dataSource", "itemTemplate", "emptyTemplate", "loadingTemplate"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }, { 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: "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'],
+                }]
+        }] });
+
+export { AXPEmailWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-layouts-email-widget-edit.component-m2dI7y9X.mjs.map

package/fesm2022/acorex-platform-layouts-email-widget-edit.component-m2dI7y9X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-email-widget-edit.component-m2dI7y9X.mjs","sources":["../../../../libs/platform/layouts/src/lib/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 { AXPWidgetEditBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, WritableSignal, effect, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\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":["i2","i3","i4","i5","i7"],"mappings":"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"}

package/fesm2022/acorex-platform-layouts-email-widget-view.component-XrV8va7z.mjs

@@ -0,0 +1,111 @@
+import * as i1$1 from '@acorex/components/badge';
+import { AXBadgeModule } from '@acorex/components/badge';
+import { AXPClipBoardService } from '@acorex/platform/common';
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Component } from '@angular/core';
+
+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: i1$1.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'],
+                }]
+        }] });
+
+export { AXPEmailWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-layouts-email-widget-view.component-XrV8va7z.mjs.map

package/fesm2022/acorex-platform-layouts-email-widget-view.component-XrV8va7z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-email-widget-view.component-XrV8va7z.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/email/email-widget-view.component.ts"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXPClipBoardService } from '@acorex/platform/common';\nimport { AXPWidgetBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { Component, inject } from '@angular/core';\n\n@Component({\n  template: `\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-2 \">\n      <ng-container *ngIf=\"multiple\">\n        @for(item of list;track item?.value) {\n        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ data: item }\"></ng-template>\n        }\n      </ng-container>\n      <ng-container *ngIf=\"!multiple\">\n        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ data: list[0] }\"></ng-template>\n      </ng-container>\n      <ng-template #itemTemplate let-item=\"data\">\n        <ng-container *ngIf=\"item\">\n          <div class=\"ax-col-start-1 ax-col-end-10 lg:ax-col-end-7\">\n            <div class=\"ax-flex ax-flex-1 ax-gap-1 lg:ax-gap-3  ax-group ax-items-center ax-w-max\">\n              <div class=\"ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center\">\n                <i class=\"fa-solid ax-text-neutral-400 fa-envelope\"></i>\n              </div>\n              <a class=\"group-hover:!ax-text-primary-500\" href=\"tel:{{ item.value }}\">{{ item.value }}</a>\n              <span\n                class=\"ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500\"\n                (click)=\"clipboard.copy('Email', item.value)\"\n              >\n                <i class=\"fa-solid fa-copy \"></i>\n              </span>\n              @if(hasLabel){\n              <ax-badge color=\"primary\" [look]=\"'twotone'\" [text]=\"item.label\"></ax-badge>\n              }\n            </div>\n          </div>\n        </ng-container>\n      </ng-template>\n    </div>\n  `,\n  standalone: true,\n  imports: [CommonModule, AXBadgeModule],\n  inputs: ['context', 'value', 'multiple', 'hasLabel'],\n})\nexport class AXPEmailWidgetViewComponent extends AXPWidgetBase {\n  protected clipboard = inject(AXPClipBoardService);\n  protected multiple!: boolean;\n  protected hasLabel!: boolean;\n\n  protected list: { value: string; label: string }[] = [];\n\n  override render() {\n    const rawValue = this.context[this.prop.name];\n    if (rawValue == null) return;\n    this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];\n  }\n\n  private extractItem(item: any): any {\n    return typeof item == 'object'\n      ? {\n          value: item.value ?? '-',\n          label: item.label ?? 'Primary',\n        }\n      : {\n          value: item,\n          label: 'Primary',\n        };\n  }\n}\n"],"names":["i2"],"mappings":";;;;;;;;;AA4CM,MAAO,2BAA4B,SAAQ,aAAa,CAAA;AAtC9D,IAAA,WAAA,GAAA;;AAuCY,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;QAIxC,IAAI,CAAA,IAAA,GAAuC,EAAE,CAAC;AAmBzD,KAAA;IAjBU,MAAM,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,QAAQ,IAAI,IAAI;YAAE,OAAO;AAC7B,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;KAC/G;AAEO,IAAA,WAAW,CAAC,IAAS,EAAA;QAC3B,OAAO,OAAO,IAAI,IAAI,QAAQ;AAC5B,cAAE;AACE,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,GAAG;AACxB,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,SAAS;AAC/B,aAAA;AACH,cAAE;AACE,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,KAAK,EAAE,SAAS;aACjB,CAAC;KACP;8GAvBU,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EArC5B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT,EAES,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,ySAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAG1B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAtCvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;oBACtC,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC;AACrD,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-layouts-entity-create-view.component-8rtifIvM.mjs

@@ -0,0 +1,108 @@
+import * as i4 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogModule } from '@acorex/components/dialog';
+import * as i14 from '@acorex/components/dropdown-button';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import * as i3 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i7 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i4$1 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXBasePageComponent } from '@acorex/components/page';
+import { AXTabsModule } from '@acorex/components/tabs';
+import { AXTooltipModule } from '@acorex/components/tooltip';
+import * as i1$1 from '@acorex/platform/schema';
+import { AXPSchemaModule } from '@acorex/platform/schema';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, signal, Component, ChangeDetectionStrategy } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { AXValidationModule } from '@acorex/core/validation';
+import { AXDropdownModule } from '@acorex/components/dropdown';
+import { AXPStickyDirective } from '@acorex/platform/common';
+import { AXPWorkflowService } from '@acorex/platform/workflow';
+
+class AXPEntityCreateViewComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.workflow = inject(AXPWorkflowService);
+        this.submitLoading = signal(false);
+    }
+    handleCloseClick() {
+        this.close();
+    }
+    async handleBackClick() {
+        await this.loader.back();
+    }
+    async handleNextClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            await this.loader.next();
+        }
+    }
+    async handleSaveClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            if (this.entity.commands?.create) {
+                this.submitLoading.set(true);
+                const record = await this.entity.commands.create(this.loader.data);
+                if (record) {
+                    this.submitLoading.set(false);
+                    this.close({ save: true, recordId: record.id, redirect: true });
+                }
+            }
+        }
+    }
+    async handleSaveAndNewClick(form) {
+        const formResult = await form.validate();
+        if (formResult.result) {
+            if (this.entity.commands?.create) {
+                this.submitLoading.set(true);
+                const record = await this.entity.commands.create(this.loader.data);
+                if (record) {
+                    this.submitLoading.set(false);
+                    this.close({ save: true, recordId: record.id, redirect: false });
+                }
+            }
+            this.workflow.execute('create-entity', {
+                payload: {
+                    module: this.loader.entity.module,
+                    entity: this.loader.entity.name,
+                },
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPEntityCreateViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPEntityCreateViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-min-h-[25vh]\">\n  @if((loader.hasSections$ | async)) {\n  <ol\n    class=\"ax-flex ax-items-center ax-w-full ax-space-x-2 ax-text-sm ax-font-medium ax-text-center ax-text-gray-500 ax-bg-white dark:ax-text-gray-400 sm:ax-text-base ax-p-4 sm:ax-space-x-4 rtl:ax-space-x-reverse ax-sticky ax-top-0 ax-z-10\"\n    [axpSticky]=\"'ax-bg-surface ax-drop-shadow-lg'\" [stickyParent]=\"'.ax-popup-body-container'\">\n    @for(section of (loader.sections$ | async); track section.name;let index = $index;let last = $last;let count=\n    $count) {\n    <li class=\"ax-flex ax-items-center\">\n      <span\n        class=\"ax-flex ax-items-center ax-justify-center ax-w-5 ax-h-5 ax-me-2 ax-text-xs ax-text-white ax-bg-neutral-500 ax-rounded-full ax-shrink-0\"\n        [class.!ax-bg-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-bg-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\">\n        {{ index + 1 }}\n      </span>\n      <p class=\"ax-font-normal\" [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        [class.!ax-font-semibold]=\"(loader.section$ | async) == section\">\n        {{ section.title }}\n      </p>\n\n      <i *ngIf=\"!last\" [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        class=\"ax-text-xs ax-text-neutral-500 fa-solid fa-chevrons-right ax-ms-2 sm:ax-ms-4 rtl:ax-rotate-180\"></i>\n    </li>\n    }\n  </ol>\n  }\n\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    @for(section of (loader.section$ | async)?.sections; track section.name;) {\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      @if(((loader.section$ | async)?.sections?.length ?? 0) > 1) {\n      <div class=\"ax-pb-4\">\n        <span class=\"ax-font-bold ax-text-2xl\">{{ section.title }}</span>\n        @if(section.description) {\n        <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description }}</p>\n        }\n      </div>\n      }\n      <div class=\"ax-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        @for(name of section.properties; track name) {\n        <ng-container *ngIf=\"loader.getProp(name) as prop\">\n          <!-- lg:ax-col-span-6 -->\n          <!-- lg:ax-col-start-1 -->\n          <ax-form-field class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{\n              prop.layout?.positions?.default?.span || 12\n            }}  lg:ax-col-start-{{ prop.layout?.positions?.default?.start || 1 }} ax-flex ax-flex-col\">\n            <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"loader.isRequired(name)\">{{ prop.title\n              }}</ax-label>\n            <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\"\n              [context]=\"loader.data\"></axp-widget-renderer>\n          </ax-form-field>\n        </ng-container>\n        }\n      </div>\n    </div>\n    }\n  </ax-form>\n  <ax-footer>\n    <ax-prefix> </ax-prefix>\n    <ax-suffix>\n      @if((loader.hasSections$| async) && !(loader.isFirst$| async)) {\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Back\" (onClick)=\"handleBackClick()\"> </ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Cancel\" (onClick)=\"handleCloseClick()\"> </ax-button>\n      } @if((loader.isLast$ | async)) {\n      <ax-dropdown-button [disabled]=\"submitLoading()\" color=\"primary\" text=\"Save\" look=\"solid\"\n        (onClick)=\"handleSaveClick(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n        <ax-button-item-list>\n          <ax-button-item text=\"Save & Create New\" (onClick)=\"handleSaveAndNewClick(form)\"> </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-button>\n\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\" text=\"Continue\" (onClick)=\"handleNextClick(form)\"> </ax-button>\n      }\n    </ax-suffix>\n  </ax-footer>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field" }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.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: AXButtonModule }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i4.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXPSchemaModule }, { kind: "component", type: i1$1.AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: ["context", "prop", "mode", "schema"] }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i7.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: i14.AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "directive", type: 
+                //
+                AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPEntityCreateViewComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        AXButtonModule,
+                        AXDialogModule,
+                        AXLoadingModule,
+                        AXTabsModule,
+                        AXPSchemaModule,
+                        AXTooltipModule,
+                        AXValidationModule,
+                        AXLabelModule,
+                        AXDropdownModule,
+                        AXDropdownButtonModule,
+                        //
+                        AXPStickyDirective,
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-min-h-[25vh]\">\n  @if((loader.hasSections$ | async)) {\n  <ol\n    class=\"ax-flex ax-items-center ax-w-full ax-space-x-2 ax-text-sm ax-font-medium ax-text-center ax-text-gray-500 ax-bg-white dark:ax-text-gray-400 sm:ax-text-base ax-p-4 sm:ax-space-x-4 rtl:ax-space-x-reverse ax-sticky ax-top-0 ax-z-10\"\n    [axpSticky]=\"'ax-bg-surface ax-drop-shadow-lg'\" [stickyParent]=\"'.ax-popup-body-container'\">\n    @for(section of (loader.sections$ | async); track section.name;let index = $index;let last = $last;let count=\n    $count) {\n    <li class=\"ax-flex ax-items-center\">\n      <span\n        class=\"ax-flex ax-items-center ax-justify-center ax-w-5 ax-h-5 ax-me-2 ax-text-xs ax-text-white ax-bg-neutral-500 ax-rounded-full ax-shrink-0\"\n        [class.!ax-bg-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-bg-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\">\n        {{ index + 1 }}\n      </span>\n      <p class=\"ax-font-normal\" [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        [class.!ax-font-semibold]=\"(loader.section$ | async) == section\">\n        {{ section.title }}\n      </p>\n\n      <i *ngIf=\"!last\" [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        class=\"ax-text-xs ax-text-neutral-500 fa-solid fa-chevrons-right ax-ms-2 sm:ax-ms-4 rtl:ax-rotate-180\"></i>\n    </li>\n    }\n  </ol>\n  }\n\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    @for(section of (loader.section$ | async)?.sections; track section.name;) {\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      @if(((loader.section$ | async)?.sections?.length ?? 0) > 1) {\n      <div class=\"ax-pb-4\">\n        <span class=\"ax-font-bold ax-text-2xl\">{{ section.title }}</span>\n        @if(section.description) {\n        <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description }}</p>\n        }\n      </div>\n      }\n      <div class=\"ax-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        @for(name of section.properties; track name) {\n        <ng-container *ngIf=\"loader.getProp(name) as prop\">\n          <!-- lg:ax-col-span-6 -->\n          <!-- lg:ax-col-start-1 -->\n          <ax-form-field class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{\n              prop.layout?.positions?.default?.span || 12\n            }}  lg:ax-col-start-{{ prop.layout?.positions?.default?.start || 1 }} ax-flex ax-flex-col\">\n            <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"loader.isRequired(name)\">{{ prop.title\n              }}</ax-label>\n            <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\"\n              [context]=\"loader.data\"></axp-widget-renderer>\n          </ax-form-field>\n        </ng-container>\n        }\n      </div>\n    </div>\n    }\n  </ax-form>\n  <ax-footer>\n    <ax-prefix> </ax-prefix>\n    <ax-suffix>\n      @if((loader.hasSections$| async) && !(loader.isFirst$| async)) {\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Back\" (onClick)=\"handleBackClick()\"> </ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Cancel\" (onClick)=\"handleCloseClick()\"> </ax-button>\n      } @if((loader.isLast$ | async)) {\n      <ax-dropdown-button [disabled]=\"submitLoading()\" color=\"primary\" text=\"Save\" look=\"solid\"\n        (onClick)=\"handleSaveClick(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n        <ax-button-item-list>\n          <ax-button-item text=\"Save & Create New\" (onClick)=\"handleSaveAndNewClick(form)\"> </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-button>\n\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\" text=\"Continue\" (onClick)=\"handleNextClick(form)\"> </ax-button>\n      }\n    </ax-suffix>\n  </ax-footer>\n</div>" }]
+        }] });
+
+export { AXPEntityCreateViewComponent };
+//# sourceMappingURL=acorex-platform-layouts-entity-create-view.component-8rtifIvM.mjs.map

package/fesm2022/acorex-platform-layouts-entity-create-view.component-8rtifIvM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-entity-create-view.component-8rtifIvM.mjs","sources":["../../../../libs/platform/layouts/src/lib/admin/entity-layout/entity-create-view/entity-create-view.component.ts","../../../../libs/platform/layouts/src/lib/admin/entity-layout/entity-create-view/entity-create-view.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDialogModule } from '@acorex/components/dialog';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTabsModule } from '@acorex/components/tabs';\nimport { AXTooltipModule } from '@acorex/components/tooltip';\nimport { AXPSchemaModule } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, WritableSignal, inject, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPEntityCreateViewLoader } from './entity-create-view.config';\n\nimport { AXValidationModule } from '@acorex/core/validation';\n\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXPStickyDirective } from '@acorex/platform/common';\nimport { AXPWorkflowService } from '@acorex/platform/workflow';\nimport { AXPEntityConfig } from '../../../shared';\n\n@Component({\n  templateUrl: './entity-create-view.component.html',\n  imports: [\n    CommonModule,\n    FormsModule,\n    AXFormModule,\n    AXDecoratorModule,\n    CommonModule,\n    AXButtonModule,\n    AXDialogModule,\n    AXLoadingModule,\n    AXTabsModule,\n    AXPSchemaModule,\n    AXTooltipModule,\n    AXValidationModule,\n    AXLabelModule,\n    AXDropdownModule,\n    AXDropdownButtonModule,\n    //\n    AXPStickyDirective,\n  ],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPEntityCreateViewComponent extends AXBasePageComponent {\n  protected loader!: AXPEntityCreateViewLoader;\n  protected entity!: AXPEntityConfig;\n  protected workflow = inject(AXPWorkflowService);\n  protected submitLoading: WritableSignal<boolean> = signal(false);\n\n  protected handleCloseClick() {\n    this.close();\n  }\n\n  protected async handleBackClick() {\n    await this.loader.back();\n  }\n\n  protected async handleNextClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      await this.loader.next();\n    }\n  }\n\n  protected async handleSaveClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      if (this.entity.commands?.create) {\n        this.submitLoading.set(true);\n        const record = await this.entity.commands.create(this.loader.data);\n        if (record) {\n          this.submitLoading.set(false);\n          this.close({ save: true, recordId: record.id, redirect: true });\n        }\n      }\n    }\n  }\n\n  protected async handleSaveAndNewClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    if (formResult.result) {\n      if (this.entity.commands?.create) {\n        this.submitLoading.set(true);\n        const record = await this.entity.commands.create(this.loader.data);\n        if (record) {\n          this.submitLoading.set(false);\n          this.close({ save: true, recordId: record.id, redirect: false });\n        }\n      }\n      this.workflow.execute('create-entity', {\n        payload: {\n          module: this.loader.entity.module,\n          entity: this.loader.entity.name,\n        },\n      });\n    }\n  }\n}\n","<div class=\"ax-min-h-[25vh]\">\n  @if((loader.hasSections$ | async)) {\n  <ol\n    class=\"ax-flex ax-items-center ax-w-full ax-space-x-2 ax-text-sm ax-font-medium ax-text-center ax-text-gray-500 ax-bg-white dark:ax-text-gray-400 sm:ax-text-base ax-p-4 sm:ax-space-x-4 rtl:ax-space-x-reverse ax-sticky ax-top-0 ax-z-10\"\n    [axpSticky]=\"'ax-bg-surface ax-drop-shadow-lg'\" [stickyParent]=\"'.ax-popup-body-container'\">\n    @for(section of (loader.sections$ | async); track section.name;let index = $index;let last = $last;let count=\n    $count) {\n    <li class=\"ax-flex ax-items-center\">\n      <span\n        class=\"ax-flex ax-items-center ax-justify-center ax-w-5 ax-h-5 ax-me-2 ax-text-xs ax-text-white ax-bg-neutral-500 ax-rounded-full ax-shrink-0\"\n        [class.!ax-bg-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-bg-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\">\n        {{ index + 1 }}\n      </span>\n      <p class=\"ax-font-normal\" [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        [class.!ax-font-semibold]=\"(loader.section$ | async) == section\">\n        {{ section.title }}\n      </p>\n\n      <i *ngIf=\"!last\" [class.!ax-text-primary-500]=\"(loader.section$ | async) == section\"\n        [class.!ax-text-success-500]=\"index < ((loader.currentIndex$ | async) || 0)\"\n        class=\"ax-text-xs ax-text-neutral-500 fa-solid fa-chevrons-right ax-ms-2 sm:ax-ms-4 rtl:ax-rotate-180\"></i>\n    </li>\n    }\n  </ol>\n  }\n\n  <ax-form class=\"ax-flex ax-flex-col ax-gap-6 ax-p-4\" #form [messageStyle]=\"'bottom'\" [updateOn]=\"'blur'\">\n    @for(section of (loader.section$ | async)?.sections; track section.name;) {\n    <div class=\"ax-flex ax-flex-col ax-pb-4\">\n      @if(((loader.section$ | async)?.sections?.length ?? 0) > 1) {\n      <div class=\"ax-pb-4\">\n        <span class=\"ax-font-bold ax-text-2xl\">{{ section.title }}</span>\n        @if(section.description) {\n        <p class=\"ax-text-sm ax-text-gray-500\">{{ section.description }}</p>\n        }\n      </div>\n      }\n      <div class=\"ax-grid ax-grid-cols-12 ax-gap-4 ax-py-2 first:ax-pt-0 last:ax-pb-0\">\n        @for(name of section.properties; track name) {\n        <ng-container *ngIf=\"loader.getProp(name) as prop\">\n          <!-- lg:ax-col-span-6 -->\n          <!-- lg:ax-col-start-1 -->\n          <ax-form-field class=\"ax-col-span-12 ax-col-start-1 lg:ax-col-span-{{\n              prop.layout?.positions?.default?.span || 12\n            }}  lg:ax-col-start-{{ prop.layout?.positions?.default?.start || 1 }} ax-flex ax-flex-col\">\n            <ax-label class=\"ax-font-semibold ax-text-sm\" [required]=\"loader.isRequired(name)\">{{ prop.title\n              }}</ax-label>\n            <axp-widget-renderer [schema]=\"prop.schema\" [prop]=\"prop\" [mode]=\"'edit'\"\n              [context]=\"loader.data\"></axp-widget-renderer>\n          </ax-form-field>\n        </ng-container>\n        }\n      </div>\n    </div>\n    }\n  </ax-form>\n  <ax-footer>\n    <ax-prefix> </ax-prefix>\n    <ax-suffix>\n      @if((loader.hasSections$| async) && !(loader.isFirst$| async)) {\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Back\" (onClick)=\"handleBackClick()\"> </ax-button>\n      } @else {\n      <ax-button look=\"solid\" color=\"ghost\" text=\"Cancel\" (onClick)=\"handleCloseClick()\"> </ax-button>\n      } @if((loader.isLast$ | async)) {\n      <ax-dropdown-button [disabled]=\"submitLoading()\" color=\"primary\" text=\"Save\" look=\"solid\"\n        (onClick)=\"handleSaveClick(form)\">\n        <ax-loading *ngIf=\"submitLoading()\"></ax-loading>\n        <ax-button-item-list>\n          <ax-button-item text=\"Save & Create New\" (onClick)=\"handleSaveAndNewClick(form)\"> </ax-button-item>\n        </ax-button-item-list>\n      </ax-dropdown-button>\n\n      } @else {\n      <ax-button look=\"solid\" color=\"primary\" text=\"Continue\" (onClick)=\"handleNextClick(form)\"> </ax-button>\n      }\n    </ax-suffix>\n  </ax-footer>\n</div>"],"names":["i2","i3","i5","i6","i8"],"mappings":"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"}