@acorex/platform 1.0.0 → 1.0.1

package/fesm2022/{acorex-platform-layouts-phone-widget-edit.component-MKzlZ0_B.mjs → acorex-platform-layouts-phone-widget-edit.component-BugCYS-l.mjs}

@@ -1,10 +1,10 @@
-import * as i4 from '@acorex/components/button';
+import * as i2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i3 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i6 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i4$1 from '@acorex/components/text-box';
+import * as i4 from '@acorex/components/text-box';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import { AXPlatform } from '@acorex/core/platform';
 import { MockDataService } from '@acorex/platform/mocks';
@@ -13,90 +13,9 @@ 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 * as i2$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 
-// import { AXButtonModule } from '@acorex/components/button';
-// import { AXDecoratorModule } from '@acorex/components/decorators';
-// import { AXSelectBoxModule } from '@acorex/components/select-box';
-// import { AXTextBoxModule } from '@acorex/components/text-box';
-// import { AXPlatform } from '@acorex/core/platform';
-// import { AXPWidgetEditBase } from '@acorex/platform/schema';
-// import { CommonModule } from '@angular/common';
-// import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
-// import { FormsModule } from '@angular/forms';
-// @Component({
-//   template: `
-//     <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-//       <ng-container *ngIf="multiple">
-//         @for(item of value;track item?.value) {
-//         <ax-text-box [(ngModel)]="item.value" type="text" class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8">
-//         </ax-text-box>
-//         <ax-select-box
-//           [dataSource]="phoneLabels"
-//           [(ngModel)]="item.label"
-//           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)]="value[0].value" type="text" class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8">
-//         </ax-text-box>
-//         <ax-select-box
-//           [dataSource]="phoneLabels"
-//           [(ngModel)]="value[0].label"
-//           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]="value.length == 0 ? 'Add New' : 'Add Another'"
-//         look="twotone"
-//         (onClick)="handleAddItem()"
-//         class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-//       >
-//         <ax-prefix> <ax-icon class="fa-solid fa-add"></ax-icon> </ax-prefix
-//       ></ax-button>
-//     </div>
-//   `,
-//   standalone: true,
-//   changeDetection: ChangeDetectionStrategy.OnPush,
-//   imports: [CommonModule, AXButtonModule, FormsModule, AXTextBoxModule, AXDecoratorModule, AXSelectBoxModule],
-//   inputs: ['multiple'],
-// })
-// export class AXPPhoneWidgetEditComponent extends AXPWidgetEditBase<
-//   { value?: string | null; label?: string | undefined }[]
-// > {
-//   protected platform = inject(AXPlatform);
-//   protected multiple!: boolean;
-//   phoneLabels: string[] = ['Mobile', 'Home', 'Work', 'Other'];
-//   protected handleAddItem() {
-//     this.value.push({ label: 'Mobile', value: undefined });
-//   }
-//   protected handleRemoveItem(item: any) {
-//     this.value = this.value.filter((c) => c != item);
-//   }
-//   ngOnInit(): void {
-//     if (!this.value || this.value?.length == 0) {
-//       this.value = [
-//         {
-//           label: 'Mobile',
-//           value: '',
-//         },
-//       ];
-//     }
-//   }
-// }
 class AXPPhoneWidgetEditComponent extends AXPWidgetEditBase {
     constructor() {
         super(...arguments);
@@ -131,10 +50,7 @@ class AXPPhoneWidgetEditComponent extends AXPWidgetEditBase {
     }
     handleAddItem() {
         // this.value.push({ label: 'Primary', value: undefined });
-        this.convertedValue.update((prev) => [
-            ...prev,
-            { label: this.hasLabel ? 'Primary' : '', value: '', id: this.mockerService.uid() },
-        ]);
+        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));
@@ -174,11 +90,11 @@ class AXPPhoneWidgetEditComponent extends AXPWidgetEditBase {
         ];
         this.convertedValue.set(newValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPPhoneWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPPhoneWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { multiple: "multiple", hasLabel: "hasLabel" }, usesInheritance: true, ngImport: i0, template: `
+    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 item?.value) {
+        @for(item of convertedValue();track $index) {
         <ax-text-box
           [(ngModel)]="item.value"
           (onValueChanged)="handlePhoneChange($event, item.id)"
@@ -238,15 +154,15 @@ class AXPPhoneWidgetEditComponent extends AXPWidgetEditBase {
         </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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPPhoneWidgetEditComponent, decorators: [{
+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 item?.value) {
+        @for(item of convertedValue();track $index) {
         <ax-text-box
           [(ngModel)]="item.value"
           (onValueChanged)="handlePhoneChange($event, item.id)"
@@ -315,4 +231,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
         }] });
 
 export { AXPPhoneWidgetEditComponent };
-//# sourceMappingURL=acorex-platform-layouts-phone-widget-edit.component-MKzlZ0_B.mjs.map
+//# sourceMappingURL=acorex-platform-layouts-phone-widget-edit.component-BugCYS-l.mjs.map

package/fesm2022/acorex-platform-layouts-phone-widget-edit.component-BugCYS-l.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-phone-widget-edit.component-BugCYS-l.mjs","sources":["../../../../libs/platform/layouts/src/lib/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 { 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 $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        </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        </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],\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":["i5"],"mappings":"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"}

package/fesm2022/{acorex-platform-layouts-phone-widget-view.component-NEO22XO7.mjs → acorex-platform-layouts-phone-widget-view.component-C7EN8qDk.mjs}

@@ -24,7 +24,7 @@ class AXPPhoneWidgetViewComponent extends AXPWidgetBase {
         }
     }
     render() {
-        const rawValue = this.context[this.prop.name];
+        const rawValue = this.rawValue;
         this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];
     }
     extractItem(item) {
@@ -40,8 +40,8 @@ class AXPPhoneWidgetViewComponent extends AXPWidgetBase {
                 label: null,
             };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPPhoneWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPPhoneWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", value: "value", multiple: "multiple", hasLabel: "hasLabel" }, usesInheritance: true, ngImport: i0, template: `
+    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) {
@@ -77,7 +77,7 @@ class AXPPhoneWidgetViewComponent extends AXPWidgetBase {
     </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: "17.1.2", ngImport: i0, type: AXPPhoneWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPhoneWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -123,4 +123,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
         }] });
 
 export { AXPPhoneWidgetViewComponent };
-//# sourceMappingURL=acorex-platform-layouts-phone-widget-view.component-NEO22XO7.mjs.map
+//# sourceMappingURL=acorex-platform-layouts-phone-widget-view.component-C7EN8qDk.mjs.map

package/fesm2022/{acorex-platform-layouts-phone-widget-view.component-NEO22XO7.mjs.map → acorex-platform-layouts-phone-widget-view.component-C7EN8qDk.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-layouts-phone-widget-view.component-NEO22XO7.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/phone/phone-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 { ChangeDetectionStrategy, 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\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.context[this.prop.name];\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":"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"}
+{"version":3,"file":"acorex-platform-layouts-phone-widget-view.component-C7EN8qDk.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/phone/phone-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 { ChangeDetectionStrategy, 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\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":"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"}

package/fesm2022/{acorex-platform-layouts-rich-text-widget-column.component-P0YzXTIB.mjs → acorex-platform-layouts-rich-text-widget-column.component-B99s2Zhi.mjs}

@@ -1,4 +1,4 @@
-import * as i11 from '@acorex/components/tooltip';
+import * as i1 from '@acorex/components/tooltip';
 import { AXTooltipModule } from '@acorex/components/tooltip';
 import { AXPWidgetBase } from '@acorex/platform/schema';
 import * as i0 from '@angular/core';
@@ -6,8 +6,8 @@ import { Component, ViewEncapsulation } from '@angular/core';
 
 class AXPRichTextWidgetColumnComponent extends AXPWidgetBase {
     render() {
-        if (this.context[this.prop.name]) {
-            this.value = this.context[this.prop.name];
+        if (this.rawValue) {
+            this.value = this.rawValue;
         }
     }
     dot3(text, limit) {
@@ -23,15 +23,11 @@ class AXPRichTextWidgetColumnComponent extends AXPWidgetBase {
         span.innerHTML = s;
         return span.textContent || span.innerText;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPRichTextWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPRichTextWidgetColumnComponent, isStandalone: true, selector: "axp-rich-text-widget-column", inputs: { context: "context", hasTooltip: "hasTooltip", width: "width" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPRichTextWidgetColumnComponent, isStandalone: true, selector: "axp-rich-text-widget-column", inputs: { context: "context", hasTooltip: "hasTooltip", width: "width", allowResizing: "allowResizing" }, usesInheritance: true, ngImport: i0, template: `
     <div #parent>
       @if(hasTooltip){
-      <div
-        class="ax-text-nowrap ax-overflow-hidden ax-text-ellipsis"
-        [axTooltip]="allContent"
-        [innerHTML]="dot3(value, 150)"
-      ></div>
+      <div class="ax-text-nowrap ax-overflow-hidden ax-text-ellipsis" [axTooltip]="allContent" [innerHTML]="dot3(value, 150)"></div>
       <ng-template #allContent>
         <div [innerHTML]="value" class="ax-p-4 ax-border ax-rounded-lg ax-bg-default"></div>
       </ng-template>
@@ -39,20 +35,16 @@ class AXPRichTextWidgetColumnComponent extends AXPWidgetBase {
       <div class="ax-text-nowrap ax-overflow-hidden ax-text-ellipsis" [innerHTML]="dot3(value, 150)"></div>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i11.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltip", "axTooltipPlacement", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i1.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltip", "axTooltipPlacement", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPRichTextWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-rich-text-widget-column',
                     template: `
     <div #parent>
       @if(hasTooltip){
-      <div
-        class="ax-text-nowrap ax-overflow-hidden ax-text-ellipsis"
-        [axTooltip]="allContent"
-        [innerHTML]="dot3(value, 150)"
-      ></div>
+      <div class="ax-text-nowrap ax-overflow-hidden ax-text-ellipsis" [axTooltip]="allContent" [innerHTML]="dot3(value, 150)"></div>
       <ng-template #allContent>
         <div [innerHTML]="value" class="ax-p-4 ax-border ax-rounded-lg ax-bg-default"></div>
       </ng-template>
@@ -63,10 +55,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
   `,
                     standalone: true,
                     encapsulation: ViewEncapsulation.None,
-                    inputs: ['context', 'hasTooltip', 'width'],
+                    inputs: ['context', 'hasTooltip', 'width', 'allowResizing'],
                     imports: [AXTooltipModule],
                 }]
         }] });
 
 export { AXPRichTextWidgetColumnComponent };
-//# sourceMappingURL=acorex-platform-layouts-rich-text-widget-column.component-P0YzXTIB.mjs.map
+//# sourceMappingURL=acorex-platform-layouts-rich-text-widget-column.component-B99s2Zhi.mjs.map

package/fesm2022/acorex-platform-layouts-rich-text-widget-column.component-B99s2Zhi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-rich-text-widget-column.component-B99s2Zhi.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/rich-text/rich-text-widget-column.component.ts"],"sourcesContent":["import { AXTooltipModule } from '@acorex/components/tooltip';\nimport { AXPWidgetBase } from '@acorex/platform/schema';\nimport { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'axp-rich-text-widget-column',\n  template: `\n    <div #parent>\n      @if(hasTooltip){\n      <div class=\"ax-text-nowrap ax-overflow-hidden ax-text-ellipsis\" [axTooltip]=\"allContent\" [innerHTML]=\"dot3(value, 150)\"></div>\n      <ng-template #allContent>\n        <div [innerHTML]=\"value\" class=\"ax-p-4 ax-border ax-rounded-lg ax-bg-default\"></div>\n      </ng-template>\n      }@else {\n      <div class=\"ax-text-nowrap ax-overflow-hidden ax-text-ellipsis\" [innerHTML]=\"dot3(value, 150)\"></div>\n      }\n    </div>\n  `,\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  inputs: ['context', 'hasTooltip', 'width', 'allowResizing'],\n  imports: [AXTooltipModule],\n})\nexport class AXPRichTextWidgetColumnComponent extends AXPWidgetBase<any> {\n  protected value!: string;\n  protected hasTooltip!: boolean;\n\n  protected override render(): void {\n    if (this.rawValue) {\n      this.value = this.rawValue;\n    }\n  }\n\n  protected dot3(text: string, limit: number) {\n    const innerText = this.extractContent(text);\n    if (innerText?.length >= limit) {\n      return innerText.slice(0, limit) + '...';\n    } else return innerText;\n  }\n\n  protected extractContent(s: string) {\n    var span = document.createElement('span');\n    span.innerHTML = s;\n    return span.textContent || span.innerText;\n  }\n}\n"],"names":[],"mappings":";;;;;;AAuBM,MAAO,gCAAiC,SAAQ,aAAkB,CAAA;IAInD,MAAM,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;SAC5B;KACF;IAES,IAAI,CAAC,IAAY,EAAE,KAAa,EAAA;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAC5C,QAAA,IAAI,SAAS,EAAE,MAAM,IAAI,KAAK,EAAE;YAC9B,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC;SAC1C;;AAAM,YAAA,OAAO,SAAS,CAAC;KACzB;AAES,IAAA,cAAc,CAAC,CAAS,EAAA;QAChC,IAAI,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AAC1C,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;AACnB,QAAA,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC;KAC3C;8GArBU,gCAAgC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gCAAgC,EAjBjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,OAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAIS,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,qBAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAEd,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAnB5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6BAA6B;AACvC,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;AAWT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,MAAM,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,CAAC;oBAC3D,OAAO,EAAE,CAAC,eAAe,CAAC;AAC3B,iBAAA,CAAA;;;;;"}

package/fesm2022/{acorex-platform-layouts-rich-text-widget-edit.component-ro2yg7PR.mjs → acorex-platform-layouts-rich-text-widget-edit.component-Di1P6EQV.mjs}

@@ -47,14 +47,14 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetEditBase {
             placeholder: this.placeholder,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPRichTextWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AXPRichTextWidgetEditComponent, isStandalone: true, selector: "axp-rich-text-widget-edit", inputs: { placeholder: "placeholder" }, viewQueries: [{ propertyName: "editorEl", first: true, predicate: ["editor"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPRichTextWidgetEditComponent, isStandalone: true, selector: "axp-rich-text-widget-edit", inputs: { placeholder: "placeholder" }, viewQueries: [{ propertyName: "editorEl", first: true, predicate: ["editor"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="ax-h-max">
       <div #editor></div>
     </div>
   `, isInline: true, styles: [".ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:\"\\2022\"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:\"\\2611\"}.ql-editor ul[data-checked=false]>li:before{content:\"\\2610\"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) \". \"}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) \". \"}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) \". \"}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) \". \"}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) \". \"}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) \". \"}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) \". \"}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) \". \"}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) \". \"}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) \". \"}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:\"\";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:\"\";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=\"\"]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:\"Normal\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"1\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]:before{content:\"Heading 1\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"2\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]:before{content:\"Heading 2\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"3\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]:before{content:\"Heading 3\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"4\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]:before{content:\"Heading 4\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"5\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]:before{content:\"Heading 5\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"6\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]:before{content:\"Heading 6\"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:\"Sans Serif\"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:\"Serif\"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:\"Monospace\"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:\"Normal\"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:\"Small\"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:\"Large\"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:\"Huge\"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:\"Visit URL:\";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:\"Edit\";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:\"Remove\";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:\"Save\";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:\"Enter link:\"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:\"Enter formula:\"}.ql-snow .ql-tooltip[data-mode=video]:before{content:\"Enter video:\"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.ql-editor{min-height:100px!important}\n/*! Bundled license information:\n\nquill/dist/quill.snow.css:\n  (*!\n   * Quill Editor v1.3.7\n   * https://quilljs.com/\n   * Copyright (c) 2014, Jason Chen\n   * Copyright (c) 2013, salesforce.com\n   *)\n*/\n"], dependencies: [{ kind: "ngmodule", type: AXTextAreaModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXFormModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPRichTextWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-rich-text-widget-edit', template: `
     <div class="ax-h-max">
@@ -67,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             }] } });
 
 export { AXPRichTextWidgetEditComponent };
-//# sourceMappingURL=acorex-platform-layouts-rich-text-widget-edit.component-ro2yg7PR.mjs.map
+//# sourceMappingURL=acorex-platform-layouts-rich-text-widget-edit.component-Di1P6EQV.mjs.map

package/fesm2022/{acorex-platform-layouts-rich-text-widget-edit.component-ro2yg7PR.mjs.map → acorex-platform-layouts-rich-text-widget-edit.component-Di1P6EQV.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-layouts-rich-text-widget-edit.component-ro2yg7PR.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/rich-text/rich-text-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXTextAreaModule } from '@acorex/components/text-area';\nimport { AXPWidgetEditBase } from '@acorex/platform/schema';\nimport { Component, ElementRef, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'axp-rich-text-widget-edit',\n  template: `\n    <div class=\"ax-h-max\">\n      <div #editor></div>\n    </div>\n  `,\n  standalone: true,\n  styleUrl: './rich-text-widget-edit.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [AXTextAreaModule, FormsModule, AXDecoratorModule, AXButtonModule, AXFormModule],\n  inputs: ['placeholder'],\n})\nexport class AXPRichTextWidgetEditComponent extends AXPWidgetEditBase<string> {\n  @ViewChild('editor') editorEl!: ElementRef<HTMLDivElement>;\n  editor: any;\n  protected placeholder: string = 'Write a text ...';\n\n  toolbarOptions = [\n    ['bold', 'italic', 'underline', 'strike'],\n    ['blockquote', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }],\n    [{ script: 'sub' }, { script: 'super' }],\n    [{ direction: 'rtl' }],\n    [{ size: ['small', false, 'large', 'huge'] }],\n    [{ header: [1, 2, 3, 4, 5, 6, false] }],\n    [{ color: [] }, { background: [] }],\n    [{ font: [] }],\n    [{ align: [] }],\n    ['clean'],\n  ];\n\n  async ngAfterViewInit() {\n    await this.initEditor();\n    if (this.value) {\n      this.editor.disable();\n      this.editor.clipboard.dangerouslyPasteHTML(this.value, 'api');\n      this.editor.enable();\n    }\n\n    this.editor.on('text-change', () => {\n      this.value = this.editor.root.innerHTML;\n    });\n  }\n\n  async initEditor() {\n    const q = await import('quill');\n    this.editor = new q.default(this.editorEl.nativeElement, {\n      theme: 'snow',\n      modules: {\n        toolbar: this.toolbarOptions,\n      },\n      scrollingContainer: 'ql-editor',\n      placeholder: this.placeholder,\n    });\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-platform-layouts-rich-text-widget-edit.component-Di1P6EQV.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/rich-text/rich-text-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXTextAreaModule } from '@acorex/components/text-area';\nimport { AXPWidgetEditBase } from '@acorex/platform/schema';\nimport { Component, ElementRef, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'axp-rich-text-widget-edit',\n  template: `\n    <div class=\"ax-h-max\">\n      <div #editor></div>\n    </div>\n  `,\n  standalone: true,\n  styleUrl: './rich-text-widget-edit.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [AXTextAreaModule, FormsModule, AXDecoratorModule, AXButtonModule, AXFormModule],\n  inputs: ['placeholder'],\n})\nexport class AXPRichTextWidgetEditComponent extends AXPWidgetEditBase<string> {\n  @ViewChild('editor') editorEl!: ElementRef<HTMLDivElement>;\n  editor: any;\n  protected placeholder: string = 'Write a text ...';\n\n  toolbarOptions = [\n    ['bold', 'italic', 'underline', 'strike'],\n    ['blockquote', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }],\n    [{ script: 'sub' }, { script: 'super' }],\n    [{ direction: 'rtl' }],\n    [{ size: ['small', false, 'large', 'huge'] }],\n    [{ header: [1, 2, 3, 4, 5, 6, false] }],\n    [{ color: [] }, { background: [] }],\n    [{ font: [] }],\n    [{ align: [] }],\n    ['clean'],\n  ];\n\n  async ngAfterViewInit() {\n    await this.initEditor();\n    if (this.value) {\n      this.editor.disable();\n      this.editor.clipboard.dangerouslyPasteHTML(this.value, 'api');\n      this.editor.enable();\n    }\n\n    this.editor.on('text-change', () => {\n      this.value = this.editor.root.innerHTML;\n    });\n  }\n\n  async initEditor() {\n    const q = await import('quill');\n    this.editor = new q.default(this.editorEl.nativeElement, {\n      theme: 'snow',\n      modules: {\n        toolbar: this.toolbarOptions,\n      },\n      scrollingContainer: 'ql-editor',\n      placeholder: this.placeholder,\n    });\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{acorex-platform-layouts-rich-text-widget-view.component--Rzxm2a6.mjs → acorex-platform-layouts-rich-text-widget-view.component-B_QG0YJc.mjs}

@@ -9,16 +9,16 @@ class AXPRichTextWidgetViewComponent extends AXPWidgetBase {
         this.sanitizer = inject(DomSanitizer);
     }
     render() {
-        this.value = this.sanitizer.bypassSecurityTrustHtml(this.context[this.prop.name]);
+        this.value = this.sanitizer.bypassSecurityTrustHtml(this.rawValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPRichTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AXPRichTextWidgetViewComponent, isStandalone: true, selector: "axp-rich-text-widget-view", inputs: { context: "context" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPRichTextWidgetViewComponent, isStandalone: true, selector: "axp-rich-text-widget-view", inputs: { context: "context" }, usesInheritance: true, ngImport: i0, template: `
     <div class="ax-border ax-p-3 ax-rounded-lg">
       <div [innerHTML]="value"></div>
     </div>
   `, isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPRichTextWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-rich-text-widget-view',
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
         }] });
 
 export { AXPRichTextWidgetViewComponent };
-//# sourceMappingURL=acorex-platform-layouts-rich-text-widget-view.component--Rzxm2a6.mjs.map
+//# sourceMappingURL=acorex-platform-layouts-rich-text-widget-view.component-B_QG0YJc.mjs.map

package/fesm2022/acorex-platform-layouts-rich-text-widget-view.component-B_QG0YJc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-rich-text-widget-view.component-B_QG0YJc.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/rich-text/rich-text-widget-view.component.ts"],"sourcesContent":["import { AXPWidgetBase } from '@acorex/platform/schema';\nimport { Component, inject, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Component({\n  selector: 'axp-rich-text-widget-view',\n  template: `\n    <div class=\"ax-border ax-p-3 ax-rounded-lg\">\n      <div [innerHTML]=\"value\"></div>\n    </div>\n  `,\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  inputs: ['context'],\n})\nexport class AXPRichTextWidgetViewComponent extends AXPWidgetBase<any> {\n  sanitizer = inject(DomSanitizer);\n  protected value!: SafeHtml;\n\n  protected override render(): void {\n    this.value = this.sanitizer.bypassSecurityTrustHtml(this.rawValue);\n  }\n}\n"],"names":[],"mappings":";;;;;AAeM,MAAO,8BAA+B,SAAQ,aAAkB,CAAA;AAXtE,IAAA,WAAA,GAAA;;AAYE,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AAMlC,KAAA;IAHoB,MAAM,GAAA;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACpE;8GANU,8BAA8B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,EAT/B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAKU,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAX1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,CAAA;;;;AAIT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,MAAM,EAAE,CAAC,SAAS,CAAC;AACpB,iBAAA,CAAA;;;;;"}

package/fesm2022/{acorex-platform-layouts-selection-list-widget-column.component-9FTkDGmq.mjs → acorex-platform-layouts-selection-list-widget-column.component-Cx9QqR9f.mjs}

@@ -6,14 +6,14 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 class AXPSelectionListWidgetColumnComponent extends AXPWidgetBase {
     render() {
-        this.selectedItemIds = this.context[this.prop.name];
+        this.selectedItemIds = this.rawValue;
     }
     ngOnInit() {
         this.selectedItems = this.items.filter((i) => this.selectedItemIds.includes(i[this.valueField]));
         this.firstItem = this.selectedItems[0];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPSelectionListWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPSelectionListWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", items: "items", valueField: "valueField", textField: "textField", multiple: "multiple", width: "width" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectionListWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSelectionListWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", items: "items", valueField: "valueField", textField: "textField", multiple: "multiple", width: "width", allowResizing: "allowResizing", direction: "direction" }, usesInheritance: true, ngImport: i0, template: `
     <div class="ax-flex ax-gap-2">
       @if(multiple){ @for (item of selectedItems; track $index) {
       <ax-badge [look]="'twotone'" [text]="item[this.textField]" color="primary"></ax-badge>
@@ -23,7 +23,7 @@ class AXPSelectionListWidgetColumnComponent extends AXPWidgetBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPSelectionListWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectionListWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -38,9 +38,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [AXBadgeModule],
-                    inputs: ['context', 'items', 'valueField', 'textField', 'multiple', 'width'],
+                    inputs: ['context', 'items', 'valueField', 'textField', 'multiple', 'width', 'allowResizing', 'direction'],
                 }]
         }] });
 
 export { AXPSelectionListWidgetColumnComponent };
-//# sourceMappingURL=acorex-platform-layouts-selection-list-widget-column.component-9FTkDGmq.mjs.map
+//# sourceMappingURL=acorex-platform-layouts-selection-list-widget-column.component-Cx9QqR9f.mjs.map

package/fesm2022/acorex-platform-layouts-selection-list-widget-column.component-Cx9QqR9f.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-selection-list-widget-column.component-Cx9QqR9f.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/selection-list/selection-list-widget-column.component.ts"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXPWidgetBase } from '@acorex/platform/schema';\nimport { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';\n@Component({\n  template: `\n    <div class=\"ax-flex ax-gap-2\">\n      @if(multiple){ @for (item of selectedItems; track $index) {\n      <ax-badge [look]=\"'twotone'\" [text]=\"item[this.textField]\" color=\"primary\"></ax-badge>\n      } }@else {\n      <ax-badge [look]=\"'twotone'\" [text]=\"firstItem[this.textField]\" color=\"primary\"></ax-badge>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXBadgeModule],\n  inputs: ['context', 'items', 'valueField', 'textField', 'multiple', 'width', 'allowResizing', 'direction'],\n})\nexport class AXPSelectionListWidgetColumnComponent extends AXPWidgetBase implements OnInit {\n  protected valueField!: string;\n  protected textField!: string;\n  protected selectedItemIds!: number[];\n  protected selectedItems!: any[];\n  protected firstItem!: any;\n  protected items!: any[];\n  protected multiple!: boolean;\n\n  protected override render(): void {\n    this.selectedItemIds = this.rawValue;\n  }\n\n  ngOnInit(): void {\n    this.selectedItems = this.items.filter((i) => this.selectedItemIds.includes(i[this.valueField]));\n    this.firstItem = this.selectedItems[0];\n  }\n}\n"],"names":[],"mappings":";;;;;;AAkBM,MAAO,qCAAsC,SAAQ,aAAa,CAAA;IASnD,MAAM,GAAA;AACvB,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC;KACtC;IAED,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACjG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;KACxC;8GAhBU,qCAAqC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qCAAqC,EAdtC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,aAAA,EAAA,eAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGS,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,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;;2FAGZ,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAfjD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;AAQT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,aAAa,CAAC;AACxB,oBAAA,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,CAAC;AAC3G,iBAAA,CAAA;;;;;"}