@acorex/platform 18.1.5 → 18.1.6

package/fesm2022/acorex-platform-widgets.mjs

@@ -11,7 +11,7 @@ import { AXPWidgetComponent, AXPWidgetsCatalog, createStringProperty, createBool
 import * as i1$3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { computed, EventEmitter, Component, ChangeDetectionStrategy, inject, HostBinding, signal, effect, ViewEncapsulation, ViewChild, ChangeDetectorRef, HostListener, NgModule } from '@angular/core';
+import { computed, EventEmitter, Component, ChangeDetectionStrategy, inject, HostBinding, ElementRef, signal, afterNextRender, ViewEncapsulation, ViewChild, ChangeDetectorRef, effect, InjectionToken, Injectable, HostListener, NgModule } from '@angular/core';
 import { AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, AXDataSource, convertArrayToDataSource } from '@acorex/components/common';
 import * as i1 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
@@ -19,6 +19,7 @@ import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i2 from '@acorex/components/label';
 import { AXLabelModule } from '@acorex/components/label';
+import { AXPClipBoardService } from '@acorex/platform/common';
 import * as i3$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
 import { AXPopupService } from '@acorex/components/popup';
@@ -30,7 +31,6 @@ import * as i1$2 from '@acorex/core/translation';
 import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
 import { AXValidationModule, AXValidationService } from '@acorex/core/validation';
 import { AXBasePageComponent } from '@acorex/components/page';
-import { AXPClipBoardService } from '@acorex/platform/common';
 import { AXDateTimeFormatter } from '@acorex/core/date-time';
 import * as i3$3 from '@acorex/components/datetime-box';
 import { AXDateTimeBoxModule } from '@acorex/components/datetime-box';
@@ -941,6 +941,7 @@ const AXPCheckBoxWidget = {
 class AXPContactWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
+        this.clipboard = inject(AXPClipBoardService);
         this.itemToValue = (item) => {
             if (typeof item === 'object')
                 return item?.value ?? '';
@@ -957,12 +958,24 @@ class AXPContactWidgetColumnComponent extends AXPColumnWidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPContactWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPContactWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `<span class="ax-truncate" [title]="getText('line')">{{ getText('comma') }}</span>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPContactWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: ` <div class="ax-flex ax-justify-start ax-items-center ax-gap-2 ax-group ax-w-fit">
+    <span class="ax-truncate" [title]="getText('line')">{{ getText('comma') }}</span>
+    <i
+      (click)="clipboard.copy('Contact', rawValue)"
+      class="fa-solid fa-copy ax-text-neutral-400 dark:hover:ax-text-neutral-100 hover:ax-text-neutral-900 group-hover:ax-visible ax-invisible"
+    ></i>
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPContactWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `<span class="ax-truncate" [title]="getText('line')">{{ getText('comma') }}</span>`,
+                    template: ` <div class="ax-flex ax-justify-start ax-items-center ax-gap-2 ax-group ax-w-fit">
+    <span class="ax-truncate" [title]="getText('line')">{{ getText('comma') }}</span>
+    <i
+      (click)="clipboard.copy('Contact', rawValue)"
+      class="fa-solid fa-copy ax-text-neutral-400 dark:hover:ax-text-neutral-100 hover:ax-text-neutral-900 group-hover:ax-visible ax-invisible"
+    ></i>
+  </div>`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],
@@ -1159,7 +1172,6 @@ class AXPContactWidgetEditComponent extends AXPWidgetComponent {
         }
     }
     get validationRules() {
-        console.log(this._validationRules);
         return this._validationRules;
     }
     set validationRules(v) {
@@ -1212,10 +1224,9 @@ class AXPContactWidgetEditComponent extends AXPWidgetComponent {
         [options]="validation.options"
       ></ax-validation-rule>
       } @if(type()==='email'){
-      <ax-validation-rule [rule]="'email'"></ax-validation-rule>
+      <ax-validation-rule rule="email"></ax-validation-rule>
       }
-      <ax-validation-rule message="{{ 'validation.messages.required' | translate | async }}" rule="required">
-      </ax-validation-rule>
+      <ax-validation-rule rule="required"></ax-validation-rule>
     </ax-text-box>
     @if(hasLabel()){
     <ax-select-box
@@ -1245,7 +1256,7 @@ class AXPContactWidgetEditComponent extends AXPWidgetComponent {
       [disabled]="disabled()"
       look="twotone"
       (onClick)="addItem()"
-      class="ax-col-start-9 ax-col-end-13 sm:ax-col-start-10 md:ax-col-start-9 lg:ax-col-start-10 xl:ax-col-start-10 "
+      class="ax-col-start-8 ax-col-end-13 sm:ax-col-start-10 md:ax-col-start-9 lg:ax-col-start-10 xl:ax-col-start-10 "
     >
       <ax-prefix>
         <ax-icon class="fa-solid fa-add"></ax-icon>
@@ -1275,10 +1286,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         [options]="validation.options"
       ></ax-validation-rule>
       } @if(type()==='email'){
-      <ax-validation-rule [rule]="'email'"></ax-validation-rule>
+      <ax-validation-rule rule="email"></ax-validation-rule>
       }
-      <ax-validation-rule message="{{ 'validation.messages.required' | translate | async }}" rule="required">
-      </ax-validation-rule>
+      <ax-validation-rule rule="required"></ax-validation-rule>
     </ax-text-box>
     @if(hasLabel()){
     <ax-select-box
@@ -1308,7 +1318,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
       [disabled]="disabled()"
       look="twotone"
       (onClick)="addItem()"
-      class="ax-col-start-9 ax-col-end-13 sm:ax-col-start-10 md:ax-col-start-9 lg:ax-col-start-10 xl:ax-col-start-10 "
+      class="ax-col-start-8 ax-col-end-13 sm:ax-col-start-10 md:ax-col-start-9 lg:ax-col-start-10 xl:ax-col-start-10 "
     >
       <ax-prefix>
         <ax-icon class="fa-solid fa-add"></ax-icon>
@@ -1502,11 +1512,7 @@ const AXPContactWidget = {
                     path: 'options.type',
                     type: AXPWidgetsCatalog.select,
                     options: {
-                        dataSource: [
-                            { id: 'link', title: 'Link' },
-                            { id: 'email', title: 'Email' },
-                            { id: 'phone', title: 'Phone' },
-                        ],
+                        dataSource: ['link', 'email', 'phone'],
                     },
                 },
             },
@@ -1764,10 +1770,13 @@ var dateTimeBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
 
 class AXPDateTimeBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
-        super(...arguments);
+        super();
         this.formatter = inject(AXDateTimeFormatter);
+        this.elementRef = inject(ElementRef);
         this.convertedValue = computed(() => this.updateValue());
-        this.format = 'datetime';
+        this.multiple = this.options['multiple'] || false;
+        this.format = this.options['format'] || 'date';
+        this.dir = signal('ltr');
         this.updateValue = () => {
             const rawValue = this.rawValue;
             if (rawValue == null) {
@@ -1780,6 +1789,9 @@ class AXPDateTimeBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
                 return this.handleFormat(rawValue);
             }
         };
+        afterNextRender(() => {
+            this.dir.set(getComputedStyle(this.elementRef.nativeElement).direction);
+        });
     }
     handleFormat(value) {
         return value ? this.formatter.format(new Date(value), { format: this.format }) : '---';
@@ -1787,19 +1799,23 @@ class AXPDateTimeBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     isArray(val) {
         return Array.isArray(val);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPDateTimeBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPDateTimeBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `<span [title]="convertedValue()">{{ convertedValue() }}</span>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPDateTimeBoxWidgetColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPDateTimeBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `<div class="ax-flex" [class]="dir() === 'rtl' ? 'ax-justify-end' : 'ax-justify-start'">
+    <span [title]="convertedValue()">{{ convertedValue() }}</span>
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPDateTimeBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `<span [title]="convertedValue()">{{ convertedValue() }}</span>`,
+                    template: `<div class="ax-flex" [class]="dir() === 'rtl' ? 'ax-justify-end' : 'ax-justify-start'">
+    <span [title]="convertedValue()">{{ convertedValue() }}</span>
+  </div>`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],
                     inputs: ['rawValue'],
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 var dateTimeBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -4256,14 +4272,19 @@ var richTextWidgetView_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPRichTextWidgetEditComponent extends AXPWidgetComponent {
-    setNgModel(event) {
-        this.setValue(event);
-    }
     constructor() {
-        super();
+        super(...arguments);
         this.placeholder = computed(() => this.options()['placeholder'] ?? 'default');
+        this.eff = computed(() => {
+            console.log(this.getValue());
+            window.a = this;
+        });
         this._validationRules = [];
-        effect(() => console.log(this.placeholder()));
+    }
+    setWysiwyg(e) {
+        if (e) {
+            this.setValue(e.value);
+        }
     }
     get validationRules() {
         return this._validationRules;
@@ -4277,12 +4298,12 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetComponent {
         cls[`ax-flex-1`] = true;
         return cls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPRichTextWidgetEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPRichTextWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPRichTextWidgetEditComponent, isStandalone: true, selector: "axp-rich-text-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `<ax-wysiwyg-container
     [placeHolder]="placeholder()"
     [look]="'solid'"
     [ngModel]="getValue()"
-    (ngModelChange)="setNgModel($event)"
+    (onValueChanged)="setWysiwyg($event)"
   >
     <ax-wysiwyg-view class="ax-min-h-28"></ax-wysiwyg-view>
     <ax-wysiwyg-toolbar>
@@ -4309,7 +4330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
     [placeHolder]="placeholder()"
     [look]="'solid'"
     [ngModel]="getValue()"
-    (ngModelChange)="setNgModel($event)"
+    (onValueChanged)="setWysiwyg($event)"
   >
     <ax-wysiwyg-view class="ax-min-h-28"></ax-wysiwyg-view>
     <ax-wysiwyg-toolbar>
@@ -4333,7 +4354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     imports: [CommonModule, AXWysiwygModule, AXValidationModule, AXFormModule, FormsModule],
                     inputs: [],
                 }]
-        }], ctorParameters: () => [], propDecorators: { __class: [{
+        }], propDecorators: { __class: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
@@ -4466,11 +4487,13 @@ const AXPRichTextWidget = {
 class AXPSelectBoxWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
-        this.internalValue = computed(() => Array.isArray(this.getValue()) ? this.getValue().map((item) => this.extractItem(item)) : [this.extractItem(this.getValue())]);
+        this.internalValue = computed(() => Array.isArray(this.getValue())
+            ? this.getValue().map((item) => this.extractItem(item))
+            : [this.extractItem(this.getValue())]);
         this.text = null;
-        this.multiple = computed(() => this.options()["multiple"]);
-        this.valueField = computed(() => this.options()["valueField"] ?? "id");
-        this.textField = computed(() => this.options()["textField"] ?? "title");
+        this.multiple = computed(() => this.options()['multiple']);
+        this.valueField = computed(() => this.options()['valueField'] ?? 'id');
+        this.textField = computed(() => this.options()['textField'] ?? 'title');
     }
     extractItem(item) {
         return typeof item == 'object'
@@ -4492,13 +4515,10 @@ class AXPSelectBoxWidgetViewComponent extends AXPWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPSelectBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPSelectBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     <div>
-      @if(multiple())
-      { 
-        @for (item of internalValue(); track $index) {
-          <p>{{ item.text }}</p>
-        } 
-      }@else {
-        <p>{{ internalValue()[0].text }}</p>
+      @if(multiple()) { @for (item of internalValue(); track $index) {
+      <p>{{ item.text }}</p>
+      } }@else {
+      <p>{{ internalValue()[0].text }}</p>
       }
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -4508,13 +4528,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             args: [{
                     template: `
     <div>
-      @if(multiple())
-      { 
-        @for (item of internalValue(); track $index) {
-          <p>{{ item.text }}</p>
-        } 
-      }@else {
-        <p>{{ internalValue()[0].text }}</p>
+      @if(multiple()) { @for (item of internalValue(); track $index) {
+      <p>{{ item.text }}</p>
+      } }@else {
+      <p>{{ internalValue()[0].text }}</p>
       }
     </div>
   `,
@@ -4739,6 +4756,7 @@ const AXPSelectBoxWidget = {
     group: AXP_WIDGETS_EDITOR_GROUP,
     type: 'editor',
     properties: [
+        AXP_DATA_PATH_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DISABLED_PROPERTY,
         AXP_TEXT_FIELD_PROPERTY,
@@ -6122,7 +6140,7 @@ class AXPGalleryWidgetViewComponent extends AXPWidgetComponent {
               <ax-loading></ax-loading>
               <ax-placeholder>
                 <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
-                  <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                  <ax-icon class="fa-solid fa-circle-exclamation ax-text-2xl"> </ax-icon>
                   <span>Connection Error!</span>
                 </div>
               </ax-placeholder>
@@ -6175,7 +6193,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
               <ax-loading></ax-loading>
               <ax-placeholder>
                 <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
-                  <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                  <ax-icon class="fa-solid fa-circle-exclamation ax-text-2xl"> </ax-icon>
                   <span>Connection Error!</span>
                 </div>
               </ax-placeholder>
@@ -6281,7 +6299,7 @@ class AXPGalleryWidgetEditComponent extends AXPWidgetComponent {
             <ax-loading></ax-loading>
             <ax-placeholder>
               <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
-                <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                <ax-icon class="fa-solid fa-circle-exclamation ax-text-2xl"> </ax-icon>
                 <span>Connection Error!</span>
               </div>
             </ax-placeholder>
@@ -6339,7 +6357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             <ax-loading></ax-loading>
             <ax-placeholder>
               <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
-                <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                <ax-icon class="fa-solid fa-circle-exclamation ax-text-2xl"> </ax-icon>
                 <span>Connection Error!</span>
               </div>
             </ax-placeholder>
@@ -7085,24 +7103,33 @@ var blockWidgetDesigner_component = /*#__PURE__*/Object.freeze({
 class AXPBlockWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
-        this.backgroundColor = computed(() => this.options()["backgroundColor"]);
-        this.cssClass = computed(() => this.options()["cssClass"]);
-        this.flexAlign = computed(() => this.options()["flexAlign"]?.id);
-        this.flexJustify = computed(() => this.options()["flexJustify"]?.id);
-        this.gap = computed(() => this.options()["gap"] ?? 0);
+        this.backgroundColor = computed(() => this.options()['backgroundColor']);
+        this.cssClass = computed(() => this.options()['cssClass']);
+        this.flexAlignItems = computed(() => this.options()['flexAlignItems']?.id);
+        this.flexJustifyContent = computed(() => this.options()['flexJustifyContent']?.id);
+        this.flexWrap = computed(() => this.options()['flexWrap']?.id);
+        this.flexDirection = computed(() => this.options()['flexDirection']?.id);
+        this.gap = computed(() => this.options()['gap'] ?? 0);
     }
     get __class() {
         const cls = {};
         //
-        cls[`ax-flex`] = true;
-        cls[`ax-flex-col`] = true;
         cls[`ax-w-full`] = true;
-        cls[`ax-gap-${this.gap}`] = true;
-        if (this.flexAlign()) {
-            cls[this.flexAlign()] = true;
+        //
+        cls[`ax-flex`] = true;
+        cls[`ax-gap-${this.gap()}`] = true;
+        //
+        if (this.flexAlignItems()) {
+            cls[this.flexAlignItems()] = true;
         }
-        if (this.flexJustify()) {
-            cls[this.flexJustify()] = true;
+        if (this.flexJustifyContent()) {
+            cls[this.flexJustifyContent()] = true;
+        }
+        if (this.flexWrap()) {
+            cls[this.flexWrap()] = true;
+        }
+        if (this.flexDirection()) {
+            cls[this.flexDirection()] = true;
         }
         return cls;
     }
@@ -7114,7 +7141,13 @@ class AXPBlockWidgetViewComponent extends AXPWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPBlockWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPBlockWidgetViewComponent, isStandalone: true, selector: "axp-block-widget", host: { properties: { "class": "this.__class", "style": "this.__style" } }, usesInheritance: true, ngImport: i0, template: `
     @for (node of children(); track $index) {
-    <ng-container axp-widget-renderer [node]="node" [index]="index" [parentNode]="this" [mode]="this.mode"></ng-container>
+    <ng-container
+      axp-widget-renderer
+      [node]="node"
+      [index]="index"
+      [parentNode]="this"
+      [mode]="this.mode"
+    ></ng-container>
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i1$7.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -7124,7 +7157,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     selector: 'axp-block-widget',
                     template: `
     @for (node of children(); track $index) {
-    <ng-container axp-widget-renderer [node]="node" [index]="index" [parentNode]="this" [mode]="this.mode"></ng-container>
+    <ng-container
+      axp-widget-renderer
+      [node]="node"
+      [index]="index"
+      [parentNode]="this"
+      [mode]="this.mode"
+    ></ng-container>
     }
   `,
                     standalone: true,
@@ -7306,7 +7345,7 @@ class AXPRepeaterWidgetEditComponent extends AXPWidgetComponent {
         this.disabled = computed(() => this.options()["disabled"]);
         this.hasControls = computed(() => this.options()["hasControls"]);
         this.rows = computed(() => {
-            return this.getValue() ?? [];
+            return this.convertValueToArray() ?? [];
         });
     }
     handleAddItemClick() {
@@ -7316,10 +7355,18 @@ class AXPRepeaterWidgetEditComponent extends AXPWidgetComponent {
         this.removeItem(i);
     }
     addNew() {
-        this.setValue([...(this.getValue() ?? []), {}]);
+        const newValue = [...(this.convertValueToArray() ?? []), {}];
+        this.setValue(newValue);
     }
     removeItem(index) {
-        this.setValue(this.getValue().splice(index, 1));
+        const currentArray = [...this.convertValueToArray()];
+        currentArray.splice(index, 1);
+        this.setValue(currentArray);
+    }
+    convertValueToArray() {
+        return this.getValue() ?
+            Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()] :
+            [];
     }
     api() {
         return {
@@ -7330,7 +7377,7 @@ class AXPRepeaterWidgetEditComponent extends AXPWidgetComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPRepeaterWidgetEditComponent, isStandalone: true, selector: "axp-repeater-widget", usesInheritance: true, ngImport: i0, template: `
    @if(hasControls())
     {
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4 ax-items-center">
       @for(row of rows();let i=$index; track i)
       {
       <div class="ax-col-span-11">
@@ -7346,8 +7393,11 @@ class AXPRepeaterWidgetEditComponent extends AXPWidgetComponent {
         <ax-icon icon="fa-regular fa-xmark"></ax-icon>
       </ax-button>
       }
+      @empty {
+        <ng-container [ngTemplateOutlet]="empty" ></ng-container>
+      }    
       <ax-button
-          [text]="'Add New'"
+          [text]="rows().length ? 'Start Adding Items':'Add Your First Item'"
           look="twotone"
           [disabled]="disabled()"
           (onClick)="handleAddItemClick()"
@@ -7364,12 +7414,21 @@ class AXPRepeaterWidgetEditComponent extends AXPWidgetComponent {
       {
         <ng-container [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{index:i}"></ng-container>
       }
+      @empty {
+        <ng-container [ngTemplateOutlet]="empty" ></ng-container>
+      }    
     }
     <ng-template #tpl let-index="index">   
       @for (node of children();track $index) 
       {
       <ng-container axp-widget-renderer [node]="node" [parentNode]="this" [index]="index" [mode]="this.mode"></ng-container>
-      }    
+      }
+    
+    </ng-template>
+    <ng-template #empty>
+      <div class="ax-col-start-1 ax-col-end-10  ax-text-sm ax-text-gray-400">
+        You haven't added any items yet. Click “Start Adding Items” to get started!
+      </div>
     </ng-template>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: 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: AXPLayoutBuilderModule }, { kind: "directive", type: i1$7.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -7380,7 +7439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     template: `
    @if(hasControls())
     {
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4 ax-items-center">
       @for(row of rows();let i=$index; track i)
       {
       <div class="ax-col-span-11">
@@ -7396,8 +7455,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         <ax-icon icon="fa-regular fa-xmark"></ax-icon>
       </ax-button>
       }
+      @empty {
+        <ng-container [ngTemplateOutlet]="empty" ></ng-container>
+      }    
       <ax-button
-          [text]="'Add New'"
+          [text]="rows().length ? 'Start Adding Items':'Add Your First Item'"
           look="twotone"
           [disabled]="disabled()"
           (onClick)="handleAddItemClick()"
@@ -7414,12 +7476,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
       {
         <ng-container [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{index:i}"></ng-container>
       }
+      @empty {
+        <ng-container [ngTemplateOutlet]="empty" ></ng-container>
+      }    
     }
     <ng-template #tpl let-index="index">   
       @for (node of children();track $index) 
       {
       <ng-container axp-widget-renderer [node]="node" [parentNode]="this" [index]="index" [mode]="this.mode"></ng-container>
-      }    
+      }
+    
+    </ng-template>
+    <ng-template #empty>
+      <div class="ax-col-start-1 ax-col-end-10  ax-text-sm ax-text-gray-400">
+        You haven't added any items yet. Click “Start Adding Items” to get started!
+      </div>
     </ng-template>
   `,
                     standalone: true,
@@ -7609,6 +7680,197 @@ const AXPRepeaterWidget = {
     },
 };
 
+const AXP_TEMPLATE_WIDGET_PROVIDER = new InjectionToken('AXP_TEMPLATE_WIDGET_PROVIDER');
+class AXPTemplateWidgetProviderService {
+    constructor() {
+        this.providers = inject(AXP_TEMPLATE_WIDGET_PROVIDER, { optional: true });
+    }
+    async items(query) {
+        if (Array.isArray(this.providers)) {
+            const result = [];
+            for (const provider of this.providers) {
+                const items = await provider.items(query);
+                if (items) {
+                    result.push(...items);
+                }
+            }
+            return result;
+        }
+        else {
+            return [];
+        }
+    }
+    async get(id) {
+        if (Array.isArray(this.providers)) {
+            for (const provider of this.providers) {
+                const node = await provider.get(id);
+                if (node) {
+                    return node;
+                }
+            }
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetProviderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class AXPTemplateWidgetViewComponent extends AXPWidgetComponent {
+    constructor() {
+        super();
+        this.templateProvider = inject(AXPTemplateWidgetProviderService);
+        this.templateId = computed(() => this.options()["templateId"]);
+        this.nodeToRender = signal(null);
+        //
+        effect(async () => {
+            const node = await this.templateProvider.get(this.templateId());
+            if (node) {
+                this.nodeToRender.set(node);
+            }
+        }, { allowSignalWrites: true });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPTemplateWidgetViewComponent, isStandalone: true, selector: "axp-template-widget", usesInheritance: true, ngImport: i0, template: `
+    @if(nodeToRender())
+    {
+      <ng-container
+          axp-widget-renderer
+          [node]="nodeToRender()!"
+          [parentNode]="this"
+          [mode]="this.mode"
+      >
+      </ng-container>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i1$7.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-template-widget',
+                    template: `
+    @if(nodeToRender())
+    {
+      <ng-container
+          axp-widget-renderer
+          [node]="nodeToRender()!"
+          [parentNode]="this"
+          [mode]="this.mode"
+      >
+      </ng-container>
+    }
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXPLayoutBuilderModule]
+                }]
+        }], ctorParameters: () => [] });
+
+var templateWidgetView_component = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  AXPTemplateWidgetViewComponent: AXPTemplateWidgetViewComponent
+});
+
+class AXPTemplateWidgetDesignerComponent extends AXPContainerWidgetComponent {
+    constructor() {
+        super();
+        this.templateProvider = inject(AXPTemplateWidgetProviderService);
+        this.designerService = inject(AXPDesignerService);
+        this.templateId = computed(() => this.options()["templateId"]);
+        this.nodeToRender = signal(null);
+        //
+        effect(async () => {
+            const node = await this.templateProvider.get(this.templateId());
+            if (node) {
+                this.nodeToRender.set(node);
+            }
+            else {
+                this.nodeToRender.set(null);
+            }
+        }, { allowSignalWrites: true });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetDesignerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPTemplateWidgetDesignerComponent, isStandalone: true, selector: "ng-component", providers: [
+            {
+                provide: AXPContainerWidgetComponent, useExisting: AXPContainerWidgetComponent
+            }
+        ], usesInheritance: true, ngImport: i0, template: `
+   @if(nodeToRender())
+    {
+      <div >
+        <ng-container axp-widget-designer-renderer
+            [node]="nodeToRender()!"
+            [parentNode]="this"
+            [mode]="this.mode"
+        >
+        </ng-container>
+      </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "index", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPTemplateWidgetDesignerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+   @if(nodeToRender())
+    {
+      <div >
+        <ng-container axp-widget-designer-renderer
+            [node]="nodeToRender()!"
+            [parentNode]="this"
+            [mode]="this.mode"
+        >
+        </ng-container>
+      </div>
+    }
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXPLayoutBuilderModule, AXPWidgetDesignerRendererDirective],
+                    providers: [
+                        {
+                            provide: AXPContainerWidgetComponent, useExisting: AXPContainerWidgetComponent
+                        }
+                    ]
+                }]
+        }], ctorParameters: () => [] });
+
+var templateWidgetDesigner_component = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  AXPTemplateWidgetDesignerComponent: AXPTemplateWidgetDesignerComponent
+});
+
+const AXPTemplateWidget = {
+    name: "template",
+    title: "Template",
+    type: 'container',
+    icon: "fa-solid fa-square",
+    group: AXP_WIDGETS_LAYOUT_GROUP,
+    visible: false,
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+        createStringProperty({ name: "options.templateId", title: "Template", group: AXP_BEHAVIOR_PROPERTY_GROUP })
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return templateWidgetView_component; }).then((c) => c.AXPTemplateWidgetViewComponent),
+        },
+        edit: {
+            component: () => import('./acorex-platform-widgets-template-widget-edit.component-gvAh-gH1.mjs').then((c) => c.AXPTemplateWidgetEditComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return templateWidgetView_component; }).then((c) => c.AXPTemplateWidgetViewComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return templateWidgetDesigner_component; }).then((c) => c.AXPTemplateWidgetDesignerComponent),
+        },
+    }
+};
+
 class AXPQrcodeWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
@@ -7620,12 +7882,11 @@ class AXPQrcodeWidgetViewComponent extends AXPWidgetComponent {
     }
     get __class() {
         const cls = {};
-        cls[`ax-block`] = true;
-        cls[`ax-flex-1`] = true;
+        cls[`ax-inline-block`] = true;
         return cls;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPQrcodeWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPQrcodeWidgetViewComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPQrcodeWidgetViewComponent, isStandalone: true, selector: "axp-qrcode-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     @if(this.content()){
     <ax-qrcode
       [content]="this.content()"
@@ -7641,6 +7902,7 @@ class AXPQrcodeWidgetViewComponent extends AXPWidgetComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPQrcodeWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'axp-qrcode-widget',
                     template: `
     @if(this.content()){
     <ax-qrcode
@@ -7824,17 +8086,36 @@ var colorBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPColorBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.rgba = computed(() => AXColorUtil.toString(this.rawValue, 'rgba'));
+        this.clipboard = inject(AXPClipBoardService);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColorBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPColorBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `{{rawValue}}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPColorBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-justify-start ax-items-center ax-gap-2 ax-group ax-w-fit">
+    <div class="ax-size-4 ax-rounded-full ax-border" [style.backgroundColor]="rgba()"></div>
+    <span>{{ rawValue }}</span>
+    <i
+      (click)="clipboard.copy('Color', rawValue)"
+      class="fa-solid fa-copy ax-text-neutral-400 dark:hover:ax-text-neutral-100 hover:ax-text-neutral-900 group-hover:ax-visible ax-invisible"
+    ></i>
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColorBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `{{rawValue}}`,
+                    template: `<div class="ax-flex ax-justify-start ax-items-center ax-gap-2 ax-group ax-w-fit">
+    <div class="ax-size-4 ax-rounded-full ax-border" [style.backgroundColor]="rgba()"></div>
+    <span>{{ rawValue }}</span>
+    <i
+      (click)="clipboard.copy('Color', rawValue)"
+      class="fa-solid fa-copy ax-text-neutral-400 dark:hover:ax-text-neutral-100 hover:ax-text-neutral-900 group-hover:ax-visible ax-invisible"
+    ></i>
+  </div>`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],
-                    inputs: ['rawValue']
+                    inputs: ['rawValue'],
                 }]
         }] });
 
@@ -8120,7 +8401,7 @@ class AXPGridWidgetDesignerComponent extends AXPContainerWidgetComponent {
     //     // const gridstack = (await import('gridstack')).GridStack;
     //     // const cols = this.cols();
     //     // const rows = this.rows();
-    //     // debugger
+    //     // 
     //     // // Initialize the grid with responsive options
     //     // gridstack.init({
     //     //   cellHeight: 80,
@@ -8717,6 +8998,7 @@ class AXPWidgetsModule {
                 widgets: [
                     AXPDocumentWidget,
                     //
+                    AXPTemplateWidget,
                     AXPBlockWidget,
                     AXPPageWidget,
                     AXPRepeaterWidget,
@@ -8759,6 +9041,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             widgets: [
                                 AXPDocumentWidget,
                                 //
+                                AXPTemplateWidget,
                                 AXPBlockWidget,
                                 AXPPageWidget,
                                 AXPRepeaterWidget,
@@ -8802,5 +9085,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPBlockWidget, AXPBlockWidgetDesignerComponent, AXPBlockWidgetViewComponent, AXPButtonWidget, AXPButtonWidgetViewComponent, AXPCheckBoxWidget, AXPCheckBoxWidgetEditComponent, AXPContactWidget, AXPContactWidgetColumnComponent, AXPContactWidgetEditComponent, AXPContactWidgetPrintComponent, AXPContactWidgetViewComponent, AXPDateTimeBoxWidget, AXPDateTimeBoxWidgetColumnComponent, AXPDateTimeBoxWidgetEditComponent, AXPDateTimeBoxWidgetFilterComponent, AXPDateTimeBoxWidgetPrintComponent, AXPDateTimeBoxWidgetViewComponent, AXPEmailBoxWidget, AXPEmailBoxWidgetColumnComponent, AXPEmailBoxWidgetEditComponent, AXPEmailBoxWidgetFilterComponent, AXPEmailBoxWidgetPrintComponent, AXPEmailBoxWidgetViewComponent, AXPFileBoxWidget, AXPFileBoxWidgetColumnComponent, AXPFileBoxWidgetEditComponent, AXPFileBoxWidgetFilterComponent, AXPFileBoxWidgetPrintComponent, AXPFileBoxWidgetViewComponent, AXPFileManagementService, AXPGalleryWidget, AXPGalleryWidgetColumnComponent, AXPGalleryWidgetEditComponent, AXPGalleryWidgetFilterComponent, AXPGalleryWidgetPrintComponent, AXPGalleryWidgetViewComponent, AXPLargeTextWidget, AXPLargeTextWidgetColumnComponent, AXPLargeTextWidgetEditComponent, AXPLargeTextWidgetFilterComponent, AXPLargeTextWidgetPrintComponent, AXPLargeTextWidgetViewComponent, AXPLinkWidget, AXPLinkWidgetColumnComponent, AXPLinkWidgetEditComponent, AXPLinkWidgetFilterComponent, AXPLinkWidgetPrintComponent, AXPLinkWidgetViewComponent, AXPMapBoxWidget, AXPMapBoxWidgetEditComponent, AXPMapBoxWidgetViewComponent, AXPNumberBoxWidget, AXPNumberBoxWidgetColumnComponent, AXPNumberBoxWidgetEditComponent, AXPNumberBoxWidgetFilterComponent, AXPNumberBoxWidgetPrintComponent, AXPNumberBoxWidgetViewComponent, AXPPageWidget, AXPPageWidgetViewComponent, AXPPasswordBoxWidget, AXPPasswordBoxWidgetColumnComponent, AXPPasswordBoxWidgetEditComponent, AXPPasswordBoxWidgetFilterComponent, AXPPasswordBoxWidgetPrintComponent, AXPPasswordBoxWidgetViewComponent, AXPPhoneBoxWidget, AXPPhoneBoxWidgetColumnComponent, AXPPhoneBoxWidgetEditComponent, AXPPhoneBoxWidgetFilterComponent, AXPPhoneBoxWidgetPrintComponent, AXPPhoneBoxWidgetViewComponent, AXPRepeaterWidget, AXPRepeaterWidgetDesignerComponent, AXPRepeaterWidgetEditComponent, AXPRepeaterWidgetPrintComponent, AXPRepeaterWidgetViewComponent, AXPRichTextWidget, AXPRichTextWidgetColumnComponent, AXPRichTextWidgetEditComponent, AXPRichTextWidgetFilterComponent, AXPRichTextWidgetPrintComponent, AXPRichTextWidgetViewComponent, AXPSelectBoxWidget, AXPSelectBoxWidgetColumnComponent, AXPSelectBoxWidgetEditComponent, AXPSelectBoxWidgetFilterComponent, AXPSelectBoxWidgetPrintComponent, AXPSelectBoxWidgetViewComponent, AXPSelectionListWidget, AXPSelectionListWidgetColumnComponent, AXPSelectionListWidgetDesignerComponent, AXPSelectionListWidgetEditComponent, AXPSelectionListWidgetFilterComponent, AXPSelectionListWidgetPrintComponent, AXPSelectionListWidgetViewComponent, AXPSignatureWidget, AXPSignatureWidgetColumnComponent, AXPSignatureWidgetEditComponent, AXPSignatureWidgetFilterComponent, AXPSignatureWidgetPrintComponent, AXPSignatureWidgetViewComponent, AXPTextBoxWidget, AXPTextBoxWidgetColumnComponent, AXPTextBoxWidgetEditComponent, AXPTextBoxWidgetFilterComponent, AXPTextBoxWidgetPrintComponent, AXPTextBoxWidgetViewComponent, AXPToggleWidget, AXPToggleWidgetColumnComponent, AXPToggleWidgetEditComponent, AXPToggleWidgetFilterComponent, AXPToggleWidgetPrintComponent, AXPToggleWidgetViewComponent, AXPWidgetsModule, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BG_COLOR_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_PROPERTY, AXP_DATE_FORMAT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_HAS_LABEL_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_LABEL_PROPERTY, AXP_LAYOUT_ALIGN_CONTENT_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_COL_END_PROPERTY, AXP_LAYOUT_COL_SPAN_PROPERTY, AXP_LAYOUT_COL_START_PROPERTY, AXP_LAYOUT_FLEX_ALIGN_PROPERTY, AXP_LAYOUT_FLEX_DIRECTION_PROPERTY, AXP_LAYOUT_FLEX_JUSTIFY_PROPERTY, AXP_LAYOUT_FLEX_PROPERTIES, AXP_LAYOUT_FLEX_PROPERTY_GROUP, AXP_LAYOUT_FLEX_WRAP_PROPERTY, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTIES, AXP_LAYOUT_GRID_PROPERTIES, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_ROWS_PROPERTY, AXP_NAME_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_READONLY_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_STYLING_PROPERTY_GROUP, AXP_TABLE_COLUMN_HEIGHT_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_TEXT_FIELD_PROPERTY, AXP_TEXT_PROPERTY, AXP_THEME_PROPERTY, AXP_TITLE_PROPERTY, AXP_TRULY_TEXT_PROPERTY, AXP_VALIDATION_PROPERTY, AXP_VALUE_FIELD_PROPERTY, AXP_WIDGET_PROPERTY_GROUP, booleanDefaultProperty, largeTextDefaultProperty, numberDefaultProperty, plainTextDefaultProperty };
+export { AXPBlockWidget, AXPBlockWidgetDesignerComponent, AXPBlockWidgetViewComponent, AXPButtonWidget, AXPButtonWidgetViewComponent, AXPCheckBoxWidget, AXPCheckBoxWidgetEditComponent, AXPContactWidget, AXPContactWidgetColumnComponent, AXPContactWidgetEditComponent, AXPContactWidgetPrintComponent, AXPContactWidgetViewComponent, AXPDateTimeBoxWidget, AXPDateTimeBoxWidgetColumnComponent, AXPDateTimeBoxWidgetEditComponent, AXPDateTimeBoxWidgetFilterComponent, AXPDateTimeBoxWidgetPrintComponent, AXPDateTimeBoxWidgetViewComponent, AXPEmailBoxWidget, AXPEmailBoxWidgetColumnComponent, AXPEmailBoxWidgetEditComponent, AXPEmailBoxWidgetFilterComponent, AXPEmailBoxWidgetPrintComponent, AXPEmailBoxWidgetViewComponent, AXPFileBoxWidget, AXPFileBoxWidgetColumnComponent, AXPFileBoxWidgetEditComponent, AXPFileBoxWidgetFilterComponent, AXPFileBoxWidgetPrintComponent, AXPFileBoxWidgetViewComponent, AXPFileManagementService, AXPGalleryWidget, AXPGalleryWidgetColumnComponent, AXPGalleryWidgetEditComponent, AXPGalleryWidgetFilterComponent, AXPGalleryWidgetPrintComponent, AXPGalleryWidgetViewComponent, AXPLargeTextWidget, AXPLargeTextWidgetColumnComponent, AXPLargeTextWidgetEditComponent, AXPLargeTextWidgetFilterComponent, AXPLargeTextWidgetPrintComponent, AXPLargeTextWidgetViewComponent, AXPLinkWidget, AXPLinkWidgetColumnComponent, AXPLinkWidgetEditComponent, AXPLinkWidgetFilterComponent, AXPLinkWidgetPrintComponent, AXPLinkWidgetViewComponent, AXPMapBoxWidget, AXPMapBoxWidgetEditComponent, AXPMapBoxWidgetViewComponent, AXPNumberBoxWidget, AXPNumberBoxWidgetColumnComponent, AXPNumberBoxWidgetEditComponent, AXPNumberBoxWidgetFilterComponent, AXPNumberBoxWidgetPrintComponent, AXPNumberBoxWidgetViewComponent, AXPPageWidget, AXPPageWidgetViewComponent, AXPPasswordBoxWidget, AXPPasswordBoxWidgetColumnComponent, AXPPasswordBoxWidgetEditComponent, AXPPasswordBoxWidgetFilterComponent, AXPPasswordBoxWidgetPrintComponent, AXPPasswordBoxWidgetViewComponent, AXPPhoneBoxWidget, AXPPhoneBoxWidgetColumnComponent, AXPPhoneBoxWidgetEditComponent, AXPPhoneBoxWidgetFilterComponent, AXPPhoneBoxWidgetPrintComponent, AXPPhoneBoxWidgetViewComponent, AXPRepeaterWidget, AXPRepeaterWidgetDesignerComponent, AXPRepeaterWidgetEditComponent, AXPRepeaterWidgetPrintComponent, AXPRepeaterWidgetViewComponent, AXPRichTextWidget, AXPRichTextWidgetColumnComponent, AXPRichTextWidgetEditComponent, AXPRichTextWidgetFilterComponent, AXPRichTextWidgetPrintComponent, AXPRichTextWidgetViewComponent, AXPSelectBoxWidget, AXPSelectBoxWidgetColumnComponent, AXPSelectBoxWidgetEditComponent, AXPSelectBoxWidgetFilterComponent, AXPSelectBoxWidgetPrintComponent, AXPSelectBoxWidgetViewComponent, AXPSelectionListWidget, AXPSelectionListWidgetColumnComponent, AXPSelectionListWidgetDesignerComponent, AXPSelectionListWidgetEditComponent, AXPSelectionListWidgetFilterComponent, AXPSelectionListWidgetPrintComponent, AXPSelectionListWidgetViewComponent, AXPSignatureWidget, AXPSignatureWidgetColumnComponent, AXPSignatureWidgetEditComponent, AXPSignatureWidgetFilterComponent, AXPSignatureWidgetPrintComponent, AXPSignatureWidgetViewComponent, AXPTemplateWidget, AXPTemplateWidgetDesignerComponent, AXPTemplateWidgetProviderService, AXPTemplateWidgetViewComponent, AXPTextBoxWidget, AXPTextBoxWidgetColumnComponent, AXPTextBoxWidgetEditComponent, AXPTextBoxWidgetFilterComponent, AXPTextBoxWidgetPrintComponent, AXPTextBoxWidgetViewComponent, AXPToggleWidget, AXPToggleWidgetColumnComponent, AXPToggleWidgetEditComponent, AXPToggleWidgetFilterComponent, AXPToggleWidgetPrintComponent, AXPToggleWidgetViewComponent, AXPWidgetsModule, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BG_COLOR_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_PROPERTY, AXP_DATE_FORMAT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_HAS_LABEL_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_LABEL_PROPERTY, AXP_LAYOUT_ALIGN_CONTENT_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_COL_END_PROPERTY, AXP_LAYOUT_COL_SPAN_PROPERTY, AXP_LAYOUT_COL_START_PROPERTY, AXP_LAYOUT_FLEX_ALIGN_PROPERTY, AXP_LAYOUT_FLEX_DIRECTION_PROPERTY, AXP_LAYOUT_FLEX_JUSTIFY_PROPERTY, AXP_LAYOUT_FLEX_PROPERTIES, AXP_LAYOUT_FLEX_PROPERTY_GROUP, AXP_LAYOUT_FLEX_WRAP_PROPERTY, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTIES, AXP_LAYOUT_GRID_PROPERTIES, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_ROWS_PROPERTY, AXP_NAME_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_READONLY_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_STYLING_PROPERTY_GROUP, AXP_TABLE_COLUMN_HEIGHT_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_TEMPLATE_WIDGET_PROVIDER, AXP_TEXT_FIELD_PROPERTY, AXP_TEXT_PROPERTY, AXP_THEME_PROPERTY, AXP_TITLE_PROPERTY, AXP_TRULY_TEXT_PROPERTY, AXP_VALIDATION_PROPERTY, AXP_VALUE_FIELD_PROPERTY, AXP_WIDGET_PROPERTY_GROUP, booleanDefaultProperty, largeTextDefaultProperty, numberDefaultProperty, plainTextDefaultProperty };
 //# sourceMappingURL=acorex-platform-widgets.mjs.map