@acorex/platform 18.0.5 → 18.0.6

package/fesm2022/{acorex-platform-common-phone-widget-column.component-BL9Xl2XH.mjs → acorex-platform-common-phone-widget-column.component-uAeAPCog.mjs}

@@ -58,52 +58,52 @@ class AXPPhoneWidgetColumnComponent extends AXPWidgetBase {
             };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPhoneWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneWidgetColumnComponent, isStandalone: true, selector: "axp-phone-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>
-    <!-- <ng-template #allContent>
-      <div class="ax-bg-default ax-p-4 ax-border ax-rounded-lg ">
-        @for (item of list; track $index) {
-        <div>
-          {{ item.value }}
-        </div>
-        }
-      </div>
-    </ng-template> -->
-    }@else {
-    <div>
-      @if(list && list.length){
-      {{ list[0].value }}
-      }@else { - }
-    </div>
-
-    }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneWidgetColumnComponent, isStandalone: true, selector: "axp-phone-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>
+    <!-- <ng-template #allContent>
+      <div class="ax-bg-default ax-p-4 ax-border ax-rounded-lg ">
+        @for (item of list; track $index) {
+        <div>
+          {{ item.value }}
+        </div>
+        }
+      </div>
+    </ng-template> -->
+    }@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.0.2", ngImport: i0, type: AXPPhoneWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-phone-widget-column',
-                    template: `<div>
-    @if(multiple && list.length>1){
-    <div [title]="text">{{ dot3(text) }}</div>
-    <!-- <ng-template #allContent>
-      <div class="ax-bg-default ax-p-4 ax-border ax-rounded-lg ">
-        @for (item of list; track $index) {
-        <div>
-          {{ item.value }}
-        </div>
-        }
-      </div>
-    </ng-template> -->
-    }@else {
-    <div>
-      @if(list && list.length){
-      {{ list[0].value }}
-      }@else { - }
-    </div>
-
-    }
+                    template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text">{{ dot3(text) }}</div>
+    <!-- <ng-template #allContent>
+      <div class="ax-bg-default ax-p-4 ax-border ax-rounded-lg ">
+        @for (item of list; track $index) {
+        <div>
+          {{ item.value }}
+        </div>
+        }
+      </div>
+    </ng-template> -->
+    }@else {
+    <div>
+      @if(list && list.length){
+      {{ list[0].value }}
+      }@else { - }
+    </div>
+
+    }
   </div>`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -113,4 +113,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
         }] });
 
 export { AXPPhoneWidgetColumnComponent };
-//# sourceMappingURL=acorex-platform-common-phone-widget-column.component-BL9Xl2XH.mjs.map
+//# sourceMappingURL=acorex-platform-common-phone-widget-column.component-uAeAPCog.mjs.map

package/fesm2022/acorex-platform-common-phone-widget-column.component-uAeAPCog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-phone-widget-column.component-uAeAPCog.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/phone/phone-widget-column.component.ts"],"sourcesContent":["import { AXTooltipModule } from '@acorex/components/tooltip';\nimport { AXPWidgetBase } from '../../widget/widget-base';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n@Component({\n  selector: 'axp-phone-widget-column',\n  template: `<div>\n    @if(multiple && list.length>1){\n    <div [title]=\"text\">{{ dot3(text) }}</div>\n    <!-- <ng-template #allContent>\n      <div class=\"ax-bg-default ax-p-4 ax-border ax-rounded-lg \">\n        @for (item of list; track $index) {\n        <div>\n          {{ item.value }}\n        </div>\n        }\n      </div>\n    </ng-template> -->\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 AXPPhoneWidgetColumnComponent extends AXPWidgetBase {\n  protected list: { value: string; label: string }[] = [];\n  protected text: string = '';\n  protected multiple!: 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 ?? 'mobile',\n        label: item.label,\n      }\n      : {\n        value: item,\n        type: 'mobile',\n        label: null,\n      };\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-common-phone-widget-edit.component-DSh9zoZj.mjs → acorex-platform-common-phone-widget-edit.component-BdxXFoxc.mjs}

@@ -111,149 +111,149 @@ class AXPPhoneWidgetEditComponent extends AXPWidgetEditBase {
         this.convertedValue.set(newValue);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPhoneWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneWidgetEditComponent, 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 $index) {
-        <ax-text-box
-          [(ngModel)]="item.value"
-          (onValueChanged)="handlePhoneChange($event, item.id)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-12]="!hasLabel"
-        >
-          @for(vl of validations;track $index) {
-          <ax-validation-rule [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
-          }
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="phoneLabels"
-          [(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">
-        <ax-text-box
-          [(ngModel)]="convertedValue()[0].value"
-          (onValueChanged)="handlePhoneChange($event, convertedValue()[0].id)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-13]="!hasLabel"
-        >
-          @for(vl of validations;track $index) {
-          <ax-validation-rule [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
-          }
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="phoneLabels"
-          [(ngModel)]="convertedValue()[0].label"
-          (onValueChanged)="handleLabelChange($event, convertedValue()[0].id)"
-          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
-        >
-        </ax-select-box>
-        }
-      </ng-container>
-
-      <ax-button
-        *ngIf="multiple"
-        [text]="convertedValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="handleAddItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: 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", "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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneWidgetEditComponent, 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 $index) {
+        <ax-text-box
+          [(ngModel)]="item.value"
+          (onValueChanged)="handlePhoneChange($event, item.id)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-12]="!hasLabel"
+        >
+          @for(vl of validations;track $index) {
+          <ax-validation-rule [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+          }
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="phoneLabels"
+          [(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">
+        <ax-text-box
+          [(ngModel)]="convertedValue()[0].value"
+          (onValueChanged)="handlePhoneChange($event, convertedValue()[0].id)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-13]="!hasLabel"
+        >
+          @for(vl of validations;track $index) {
+          <ax-validation-rule [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+          }
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="phoneLabels"
+          [(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", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "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", "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.0.2", ngImport: i0, type: AXPPhoneWidgetEditComponent, 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 $index) {
-        <ax-text-box
-          [(ngModel)]="item.value"
-          (onValueChanged)="handlePhoneChange($event, item.id)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-12]="!hasLabel"
-        >
-          @for(vl of validations;track $index) {
-          <ax-validation-rule [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
-          }
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="phoneLabels"
-          [(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">
-        <ax-text-box
-          [(ngModel)]="convertedValue()[0].value"
-          (onValueChanged)="handlePhoneChange($event, convertedValue()[0].id)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-13]="!hasLabel"
-        >
-          @for(vl of validations;track $index) {
-          <ax-validation-rule [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
-          }
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="phoneLabels"
-          [(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>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of convertedValue();track $index) {
+        <ax-text-box
+          [(ngModel)]="item.value"
+          (onValueChanged)="handlePhoneChange($event, item.id)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-12]="!hasLabel"
+        >
+          @for(vl of validations;track $index) {
+          <ax-validation-rule [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+          }
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="phoneLabels"
+          [(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">
+        <ax-text-box
+          [(ngModel)]="convertedValue()[0].value"
+          (onValueChanged)="handlePhoneChange($event, convertedValue()[0].id)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-13]="!hasLabel"
+        >
+          @for(vl of validations;track $index) {
+          <ax-validation-rule [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+          }
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="phoneLabels"
+          [(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,
@@ -263,4 +263,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
         }] });
 
 export { AXPPhoneWidgetEditComponent };
-//# sourceMappingURL=acorex-platform-common-phone-widget-edit.component-DSh9zoZj.mjs.map
+//# sourceMappingURL=acorex-platform-common-phone-widget-edit.component-BdxXFoxc.mjs.map

package/fesm2022/acorex-platform-common-phone-widget-edit.component-BdxXFoxc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-phone-widget-edit.component-BdxXFoxc.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/phone/phone-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 '../../widget/widget-base';\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 $index) {\n        <ax-text-box\n          [(ngModel)]=\"item.value\"\n          (onValueChanged)=\"handlePhoneChange($event, item.id)\"\n          type=\"text\"\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          @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        @if(hasLabel){\n        <ax-select-box\n          [dataSource]=\"phoneLabels\"\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        <ax-text-box\n          [(ngModel)]=\"convertedValue()[0].value\"\n          (onValueChanged)=\"handlePhoneChange($event, convertedValue()[0].id)\"\n          type=\"text\"\n          class=\"ax-col-start-1 ax-col-end-13 lg:ax-col-end-8\"\n          [class.lg:!ax-col-end-13]=\"!hasLabel\"\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        @if(hasLabel){\n        <ax-select-box\n          [dataSource]=\"phoneLabels\"\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: [CommonModule, AXButtonModule, FormsModule, AXTextBoxModule, AXDecoratorModule, AXSelectBoxModule, AXFormModule],\n  inputs: ['multiple', 'hasLabel'],\n})\nexport class AXPPhoneWidgetEditComponent extends AXPWidgetEditBase<any> {\n  protected mockerService = inject(MockDataService);\n  protected platform = inject(AXPlatform);\n\n  protected multiple!: boolean;\n  protected hasLabel!: boolean;\n  protected convertedValue: WritableSignal<{ value: string; label?: string; id: string }[]> = signal([]);\n\n  protected phoneLabels: string[] = ['Mobile', 'Home', 'Work', 'Other'];\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 handlePhoneChange(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) => [...prev, { label: this.hasLabel ? 'Primary' : '', value: '', id: this.mockerService.uid() }]);\n  }\n\n  protected handleRemoveItem(item: any) {\n    this.convertedValue.update((prev) => prev.filter((c) => c != item));\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-phone-widget-view.component-Br3xbaDd.mjs → acorex-platform-common-phone-widget-view.component-D_A5NXzA.mjs}

@@ -61,79 +61,79 @@ class AXPPhoneWidgetViewComponent extends AXPWidgetBase {
             };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPhoneWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneWidgetViewComponent, 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-3 ax-items-center ax-w-max ax-group">
-              <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-phone"></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('Phone Number', 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>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneWidgetViewComponent, 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-3 ax-items-center ax-w-max ax-group">
+              <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-phone"></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('Phone Number', 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPhoneWidgetViewComponent, 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-3 ax-items-center ax-w-max ax-group">
-              <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-phone"></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('Phone Number', 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>
+                    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-3 ax-items-center ax-w-max ax-group">
+              <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-phone"></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('Phone Number', 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,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -143,4 +143,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
         }] });
 
 export { AXPPhoneWidgetViewComponent };
-//# sourceMappingURL=acorex-platform-common-phone-widget-view.component-Br3xbaDd.mjs.map
+//# sourceMappingURL=acorex-platform-common-phone-widget-view.component-D_A5NXzA.mjs.map

package/fesm2022/acorex-platform-common-phone-widget-view.component-D_A5NXzA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-phone-widget-view.component-D_A5NXzA.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/phone/phone-widget-view.component.ts"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXPWidgetBase } from '../../widget/widget-base';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { AXPClipBoardService } from '../../../utils';\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\n      <ng-container *ngIf=\"!multiple\">\n        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ data: list[0] }\" ]></ng-template>\n      </ng-container>\n\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-3 ax-items-center ax-w-max ax-group\">\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-phone\"></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('Phone Number', 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  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXBadgeModule],\n  inputs: ['context', 'value', 'multiple', 'hasLabel'],\n})\nexport class AXPPhoneWidgetViewComponent extends AXPWidgetBase {\n  protected clipboard = inject(AXPClipBoardService);\n  protected multiple!: boolean;\n  protected hasLabel!: boolean;\n\n  protected list: { value: string; type: string; label: string }[] = [];\n\n  protected getIcon(type: string) {\n    switch (type) {\n      case 'home':\n        return 'fa-home';\n\n      case 'mobile':\n        return 'fa-phone';\n\n      default:\n        return 'fa-phone';\n    }\n  }\n\n  override render() {\n    const rawValue = this.rawValue;\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        type: item.type ?? 'mobile',\n        label: item.label,\n      }\n      : {\n        value: item,\n        type: 'mobile',\n        label: null,\n      };\n  }\n}\n"],"names":["i2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CM,MAAO,2BAA4B,SAAQ,aAAa,CAAA;AAzC9D,IAAA,WAAA,GAAA;;AA0CY,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;QAIxC,IAAI,CAAA,IAAA,GAAqD,EAAE,CAAC;AAiCvE,KAAA;AA/BW,IAAA,OAAO,CAAC,IAAY,EAAA;QAC5B,QAAQ,IAAI;AACV,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,SAAS,CAAC;AAEnB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,UAAU,CAAC;AAEpB,YAAA;AACE,gBAAA,OAAO,UAAU,CAAC;SACrB;KACF;IAEQ,MAAM,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC/B,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;AACA,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,GAAG;AACxB,gBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,QAAQ;gBAC3B,KAAK,EAAE,IAAI,CAAC,KAAK;AAClB,aAAA;AACD,cAAE;AACA,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,KAAK,EAAE,IAAI;aACZ,CAAC;KACL;8GArCU,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,EAxC5B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCT,EAGS,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,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG1B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAzCvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;oBACtC,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC;AACrD,iBAAA,CAAA;;;;;"}