@acorex/platform 19.2.8 → 19.2.10

package/fesm2022/acorex-platform-widgets.mjs

@@ -1,5 +1,5 @@
 import * as i1$6 from '@acorex/platform/layout/builder';
-import { AXPWidgetsCatalog, createStringProperty, createBooleanProperty, createSelectProperty, cloneProperty, AXPWidgetComponent, AXP_WIDGETS_ACTION_GROUP, AXP_WIDGETS_EDITOR_GROUP, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPWidgetStatus, AXPPageStatus, AXP_WIDGETS_ADVANCE_GROUP, AXPLayoutBuilderModule, AXP_WIDGETS_LAYOUT_GROUP, AXP_WIDGETS_VALIDATION_GROUP, AXP_WIDGETS_CHART_GROUP, AXP_WIDGETS_FILTER_GROUP } from '@acorex/platform/layout/builder';
+import { AXPWidgetsCatalog, createStringProperty, createBooleanProperty, createSelectProperty, cloneProperty, AXPWidgetComponent, AXP_WIDGETS_ACTION_GROUP, AXP_WIDGETS_EDITOR_GROUP, AXPColumnWidgetComponent, createNumberProperty, AXPDataListWidgetComponent, AXPWidgetStatus, AXPPageStatus, AXP_WIDGETS_ADVANCE_GROUP, AXPLayoutBuilderModule, AXP_WIDGETS_LAYOUT_GROUP, AXP_WIDGETS_VALIDATION_GROUP, AXP_WIDGETS_CHART_GROUP, AXP_WIDGETS_FILTER_GROUP } from '@acorex/platform/layout/builder';
 import { AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, AXDataSource } from '@acorex/components/common';
 import * as i1$2 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
@@ -107,7 +107,7 @@ const AXP_WIDGET_PROPERTY_GROUP = {
 const AXP_VALIDATION_PROPERTY_GROUP = {
     name: 'validation',
     order: 4,
-    title: 'validation',
+    title: 'Validation',
 };
 
 const AXP_DATA_SOURCE_PROPERTY = {
@@ -128,6 +128,57 @@ const AXP_DATA_SOURCE_PROPERTY = {
     },
     visible: true,
 };
+const AXP_DATA_SOURCE_VALUE_FIELD = {
+    name: 'valueField',
+    title: 'Value Field',
+    group: AXP_DATA_PROPERTY_GROUP,
+    schema: {
+        dataType: 'string',
+        interface: {
+            name: 'valueField',
+            path: 'options.valueField',
+            type: AXPWidgetsCatalog.text,
+            options: {
+                hasClearButton: true,
+            },
+            triggers: [
+                {
+                    event: `{{ events.context('options.dataSource') }}`,
+                    action: `{{ context.set('options.valueField',context.eval("options.dataSource").valueField);  }}`,
+                },
+            ],
+        },
+    },
+    visible: false,
+};
+const AXP_DATA_SOURCE_TEXT_FIELD = {
+    name: 'textField',
+    title: 'Text Field',
+    group: AXP_DATA_PROPERTY_GROUP,
+    schema: {
+        dataType: 'string',
+        interface: {
+            name: 'textField',
+            path: 'options.textField',
+            type: AXPWidgetsCatalog.text,
+            options: {
+                hasClearButton: true,
+            },
+            triggers: [
+                {
+                    event: `{{ events.context('options.dataSource') }}`,
+                    action: `{{ context.set('options.textField',context.eval("options.dataSource").textField);  }}`,
+                },
+            ],
+        },
+    },
+    visible: false,
+};
+const AXP_DATA_SOURCE_PROPERTIES = [
+    AXP_DATA_SOURCE_PROPERTY,
+    AXP_DATA_SOURCE_VALUE_FIELD,
+    AXP_DATA_SOURCE_TEXT_FIELD
+];
 
 const AXP_NAME_PROPERTY = createStringProperty({
     name: 'name',
@@ -240,20 +291,6 @@ const AXP_BG_COLOR_PROPERTY = {
     visible: true,
 };
 
-const AXP_VALIDATION_PROPERTY = {
-    name: 'validationRules',
-    title: 'Validation Rules',
-    group: AXP_DATA_PROPERTY_GROUP,
-    schema: {
-        dataType: 'array',
-        defaultValue: [],
-        interface: {
-            type: AXPWidgetsCatalog.text,
-            path: 'validationRules',
-        },
-    },
-    visible: true,
-};
 const AXP_CONTENT_PROPERTY = createStringProperty({
     name: 'content',
     title: 'Content',
@@ -917,6 +954,142 @@ const AXP_TABLE_COLUMN_HEIGHT_PROPERTY = {
     visible: false,
 };
 
+const AXP_REQUIRED_VALIDATION_PROPERTY = {
+    name: 'requiredValidation',
+    title: 'Required',
+    group: AXP_VALIDATION_PROPERTY_GROUP,
+    schema: {
+        dataType: 'object',
+        interface: {
+            name: 'requiredValidation',
+            path: 'options.validations.required',
+            type: AXPWidgetsCatalog.requiredValidation,
+            defaultValue: false,
+        },
+    },
+    visible: true,
+};
+const AXP_MIN_LENGTH_VALIDATION_PROPERTY = {
+    name: 'minLengthValidation',
+    title: 'Minimum Length',
+    group: AXP_VALIDATION_PROPERTY_GROUP,
+    schema: {
+        dataType: 'object',
+        interface: {
+            name: 'minLengthValidation',
+            path: 'options.validations.minLength',
+            type: AXPWidgetsCatalog.minLengthValidation,
+            defaultValue: null,
+        },
+    },
+    visible: true,
+};
+const AXP_MAX_LENGTH_VALIDATION_PROPERTY = {
+    name: 'maxLengthValidation',
+    title: 'Maximum Length',
+    group: AXP_VALIDATION_PROPERTY_GROUP,
+    schema: {
+        dataType: 'object',
+        interface: {
+            name: 'maxLengthValidation',
+            path: 'options.validations.maxLength',
+            type: AXPWidgetsCatalog.maxLengthValidation,
+            defaultValue: null,
+        },
+    },
+    visible: true,
+};
+const AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY = {
+    name: 'regularExpressionValidation',
+    title: 'Regular Expression',
+    group: AXP_VALIDATION_PROPERTY_GROUP,
+    schema: {
+        dataType: 'object',
+        interface: {
+            name: 'regularExpressionValidation',
+            path: 'options.validations.regex',
+            type: AXPWidgetsCatalog.regularExpressionValidation,
+            defaultValue: false,
+        },
+    },
+    visible: true,
+};
+const AXP_LESS_THAN_VALIDATION_PROPERTY = {
+    name: 'lessThanValidation',
+    title: 'Less Than',
+    group: AXP_VALIDATION_PROPERTY_GROUP,
+    schema: {
+        dataType: 'object',
+        interface: {
+            name: 'lessThanValidation',
+            path: 'options.validations.lessThan',
+            type: AXPWidgetsCatalog.lessThanValidation,
+            defaultValue: false,
+        },
+    },
+    visible: true,
+};
+const AXP_GREATER_THAN_VALIDATION_PROPERTY = {
+    name: 'greaterThanValidation',
+    title: 'Greater Than',
+    group: AXP_VALIDATION_PROPERTY_GROUP,
+    schema: {
+        dataType: 'object',
+        interface: {
+            name: 'greaterThanValidation',
+            path: 'options.validations.greaterThan',
+            type: AXPWidgetsCatalog.greaterThanValidation,
+            defaultValue: false,
+        },
+    },
+    visible: true,
+};
+const AXP_BETWEEN_VALIDATION_PROPERTY = {
+    name: 'betweenValidation',
+    title: 'Between',
+    group: AXP_VALIDATION_PROPERTY_GROUP,
+    schema: {
+        dataType: 'object',
+        interface: {
+            name: 'betweenValidation',
+            path: 'options.validations.between',
+            type: AXPWidgetsCatalog.betweenValidation,
+            defaultValue: false,
+        },
+    },
+    visible: true,
+};
+const AXP_EQUAL_VALIDATION_PROPERTY = {
+    name: 'equalValidation',
+    title: 'Equal',
+    group: AXP_VALIDATION_PROPERTY_GROUP,
+    schema: {
+        dataType: 'object',
+        interface: {
+            name: 'equalValidation',
+            path: 'options.validations.equal',
+            type: AXPWidgetsCatalog.equalValidation,
+            defaultValue: false,
+        },
+    },
+    visible: true,
+};
+const AXP_CALLBACK_VALIDATION_PROPERTY = {
+    name: 'callbackValidation',
+    title: 'Callback',
+    group: AXP_VALIDATION_PROPERTY_GROUP,
+    schema: {
+        dataType: 'object',
+        interface: {
+            name: 'callbackValidation',
+            path: 'options.validations.callback',
+            type: AXPWidgetsCatalog.callbackValidation,
+            defaultValue: false,
+        },
+    },
+    visible: true,
+};
+
 class AXPButtonWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
@@ -1013,7 +1186,6 @@ class AXPCheckBoxWidgetEditComponent extends AXPWidgetComponent {
         this.disabled = computed(() => this.options()['disabled']);
         this.readonly = computed(() => this.options()['readonly']);
         this.label = computed(() => this.options()['label']);
-        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCheckBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPCheckBoxWidgetEditComponent, isStandalone: true, selector: "axp-checkbox-widget-edit", usesInheritance: true, ngImport: i0, template: `
@@ -1084,7 +1256,7 @@ const AXPCheckBoxWidget = {
         AXP_LABEL_PROPERTY,
         AXP_READONLY_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
+        // AXP_VALIDATION_PROPERTY,
         booleanDefaultProperty(),
     ],
     components: {
@@ -1252,7 +1424,6 @@ class AXPContactWidgetEditComponent extends AXPWidgetComponent {
             },
         });
         this.validationService = inject(AXValidationService);
-        this._validationRules = [];
         this.itemToArray = (item) => {
             if (typeof item === 'object')
                 return {
@@ -1342,12 +1513,6 @@ class AXPContactWidgetEditComponent extends AXPWidgetComponent {
             }
         }
     }
-    get validationRules() {
-        return this._validationRules;
-    }
-    set validationRules(v) {
-        this._validationRules = v;
-    }
     valueToArray() {
         const value = this.getValue();
         if (Array.isArray(value)) {
@@ -1388,7 +1553,7 @@ class AXPContactWidgetEditComponent extends AXPWidgetComponent {
       [ngClass]="generateClasses('value')"
       [disabled]="disabled()"
     >
-      @for (validation of validationRules; track $index) {
+      @for (validation of validationRules(); track $index) {
       <ax-validation-rule
         [rule]="validation.rule"
         [message]="validation.options?.message"
@@ -1450,7 +1615,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
       [ngClass]="generateClasses('value')"
       [disabled]="disabled()"
     >
-      @for (validation of validationRules; track $index) {
+      @for (validation of validationRules(); track $index) {
       <ax-validation-rule
         [rule]="validation.rule"
         [message]="validation.options?.message"
@@ -1687,11 +1852,12 @@ const AXPContactWidget = {
             visible: true,
         },
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_HAS_LABEL_PROPERTY,
         AXP_HAS_ICON_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
+        //
+        AXP_REQUIRED_VALIDATION_PROPERTY,
     ],
     components: {
         view: {
@@ -1794,7 +1960,6 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPWidgetComponent {
         this.disabled = computed(() => this.options()['disabled']);
         this.placeholder = computed(() => this.options()['placeholder']);
         this.internalValue = computed(() => Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]);
-        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
         this.calendarFormat = computed(() => {
             if (this.format() === 'date')
                 return 'dd/MM/yyyy';
@@ -2046,9 +2211,12 @@ const AXPDateTimeBoxWidget = {
         AXP_DATE_FORMAT_PROPERTY,
         AXP_READONLY_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         cloneProperty(AXP_TABLE_COLUMN_WIDTH_PROPERTY, { schema: { defaultValue: '200px' } }),
+        //
+        AXP_REQUIRED_VALIDATION_PROPERTY,
+        AXP_LESS_THAN_VALIDATION_PROPERTY,
+        AXP_GREATER_THAN_VALIDATION_PROPERTY,
     ],
     components: {
         view: {
@@ -2194,7 +2362,6 @@ class AXPEmailBoxWidgetEditComponent extends AXPWidgetComponent {
         this.hasLabel = computed(() => this.options()["hasLabel"] ?? true);
         this.lables = computed(() => this.options()["lables"] ?? ['Primary', 'Secondary']);
         this.internalValue = computed(() => this.getValueAsArrayOfObjects());
-        this._validationRules = [];
         this.convertItem = (item, e) => {
             if (typeof item === 'object') {
                 return { ...item, value: e.value };
@@ -2204,12 +2371,6 @@ class AXPEmailBoxWidgetEditComponent extends AXPWidgetComponent {
             }
         };
     }
-    get validationRules() {
-        return this._validationRules;
-    }
-    set validationRules(v) {
-        this._validationRules = v;
-    }
     getValueAsArrayOfObjects() {
         const value = this.getValue();
         if (Array.isArray(value)) {
@@ -2268,7 +2429,7 @@ class AXPEmailBoxWidgetEditComponent extends AXPWidgetComponent {
             class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
             [class.lg:!ax-col-end-12]="!hasLabel()"
           >
-            @for (validation of validationRules; track $index) {
+            @for (validation of validationRules(); track $index) {
               <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
             }
             <ax-validation-rule [rule]="'email'"></ax-validation-rule>
@@ -2314,10 +2475,9 @@ class AXPEmailBoxWidgetEditComponent extends AXPWidgetComponent {
           type="text"
           class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
           [class.lg:!ax-col-end-13]="!hasLabel()">
-          @for (validation of validationRules; track $index) {
+          @for (validation of validationRules(); track $index) {
             <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
           }
-          <ax-validation-rule [rule]="'email'"></ax-validation-rule>
         </ax-text-box>
         @if(hasLabel()){
           <ax-select-box
@@ -2350,7 +2510,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
             [class.lg:!ax-col-end-12]="!hasLabel()"
           >
-            @for (validation of validationRules; track $index) {
+            @for (validation of validationRules(); track $index) {
               <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
             }
             <ax-validation-rule [rule]="'email'"></ax-validation-rule>
@@ -2396,10 +2556,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
           type="text"
           class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
           [class.lg:!ax-col-end-13]="!hasLabel()">
-          @for (validation of validationRules; track $index) {
+          @for (validation of validationRules(); track $index) {
             <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
           }
-          <ax-validation-rule [rule]="'email'"></ax-validation-rule>
         </ax-text-box>
         @if(hasLabel()){
           <ax-select-box
@@ -2545,9 +2704,10 @@ const AXPEmailBoxWidget = {
         AXP_DATA_PATH_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         AXP_HAS_LABEL_PROPERTY,
+        //
+        AXP_REQUIRED_VALIDATION_PROPERTY,
     ],
     components: {
         view: {
@@ -2609,7 +2769,6 @@ class AXPLargeTextWidgetEditComponent extends AXPWidgetComponent {
         this.disabled = computed(() => this.options()['disabled']);
         this.clearButton = computed(() => this.options()['clearButton'] ?? true);
         this.placeholder = computed(() => this.options()['placeholder']);
-        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
     }
     get __class() {
         const cls = {};
@@ -2746,10 +2905,13 @@ const AXPLargeTextWidget = {
         AXP_NAME_PROPERTY,
         AXP_DATA_PATH_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         largeTextDefaultProperty(),
         //cloneProperty(AXP_TABLE_COLUMN_WIDTH_PROPERTY, { schema: { defaultValue: '300px' } }),
+        AXP_REQUIRED_VALIDATION_PROPERTY,
+        AXP_MIN_LENGTH_VALIDATION_PROPERTY,
+        AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY,
+        AXP_MAX_LENGTH_VALIDATION_PROPERTY,
     ],
     components: {
         view: {
@@ -2917,7 +3079,6 @@ class AXPLinkWidgetEditComponent extends AXPWidgetComponent {
             },
         });
         this.internalValue = computed(() => this.getValueAsArrayOfObjects());
-        this._validationRules = [];
         this.convertItem = (item, e) => {
             if (typeof item === 'object')
                 return { ...item, value: e.value };
@@ -2929,12 +3090,6 @@ class AXPLinkWidgetEditComponent extends AXPWidgetComponent {
         super.ngOnInit();
         this.getValueAsArrayOfObjects();
     }
-    get validationRules() {
-        return this._validationRules;
-    }
-    set validationRules(v) {
-        this._validationRules = v;
-    }
     getValueAsArrayOfObjects() {
         const value = this.getValue();
         if (Array.isArray(value)) {
@@ -3071,10 +3226,9 @@ class AXPLinkWidgetEditComponent extends AXPWidgetComponent {
       class="ax-col-start-1 ax-col-end-13"
       [ngClass]="generateClasses('url', 'multiple')"
     >
-      @for (validation of validationRules; track $index) {
+      @for (validation of validationRules(); track $index) {
       <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
       }
-      <ax-validation-rule message="field can't be empty" rule="required"> </ax-validation-rule>
     </ax-text-box>
     @if(hasTitle()){
     <ax-text-box
@@ -3125,10 +3279,9 @@ class AXPLinkWidgetEditComponent extends AXPWidgetComponent {
       placeholder="Link"
       class="ax-col-start-1 ax-col-end-13"
     >
-      @for (validation of validationRules; track $index) {
+      @for (validation of validationRules(); track $index) {
       <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
       }
-      <ax-validation-rule message="field can't be empty" rule="required"> </ax-validation-rule>
     </ax-text-box>
     @if(hasTitle()){
     <ax-text-box
@@ -3167,10 +3320,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
       class="ax-col-start-1 ax-col-end-13"
       [ngClass]="generateClasses('url', 'multiple')"
     >
-      @for (validation of validationRules; track $index) {
+      @for (validation of validationRules(); track $index) {
       <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
       }
-      <ax-validation-rule message="field can't be empty" rule="required"> </ax-validation-rule>
     </ax-text-box>
     @if(hasTitle()){
     <ax-text-box
@@ -3221,10 +3373,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
       placeholder="Link"
       class="ax-col-start-1 ax-col-end-13"
     >
-      @for (validation of validationRules; track $index) {
+      @for (validation of validationRules(); track $index) {
       <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
       }
-      <ax-validation-rule message="field can't be empty" rule="required"> </ax-validation-rule>
     </ax-text-box>
     @if(hasTitle()){
     <ax-text-box
@@ -3417,7 +3568,6 @@ class AXPNumberBoxWidgetEditComponent extends AXPWidgetComponent {
         this.maxValue = computed(() => this.options()['maxValue']);
         this.seprator = computed(() => this.options()['seprator'] ?? null);
         this.placeholder = computed(() => this.options()['placeholder']);
-        this.validationRules = computed(() => this.options()["validationRules"] ?? []);
         this.internalValue = computed(() => Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]);
     }
     handleValueChange(e, i) {
@@ -3634,12 +3784,16 @@ const AXPNumberBoxWidget = {
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_HAS_CLEAR_BUTTON_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         numberDefaultProperty(),
         numberMinValueProperty(),
         numberMaxValueProperty(),
+        createNumberProperty({ defaultValue: 0, name: 'decimals', title: "Decimals", path: "options.decimals", group: AXP_BEHAVIOR_PROPERTY_GROUP }),
         cloneProperty(AXP_TABLE_COLUMN_WIDTH_PROPERTY, { schema: { defaultValue: '200px' } }),
+        //
+        AXP_REQUIRED_VALIDATION_PROPERTY,
+        AXP_LESS_THAN_VALIDATION_PROPERTY,
+        AXP_GREATER_THAN_VALIDATION_PROPERTY,
     ],
     components: {
         view: {
@@ -3759,8 +3913,13 @@ class AXPPasswordBoxWidgetEditComponent extends AXPWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPPasswordBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPPasswordBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     <ax-password-box [ngModel]="getValue()" [disabled]="disabled()" (onValueChanged)="handleValueChanged($event)">
-      <ax-validation-rule rule="required"></ax-validation-rule>
-      @if(hasClearButton()){
+      @for (validation of validationRules(); track $index) {
+      <ax-validation-rule
+        [rule]="validation.rule"
+        [message]="validation.options?.message"
+        [options]="validation.options"
+      ></ax-validation-rule>
+      } @if(hasClearButton()){
       <ax-clear-button></ax-clear-button>
       }
     </ax-password-box>
@@ -3771,15 +3930,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             args: [{
                     template: `
     <ax-password-box [ngModel]="getValue()" [disabled]="disabled()" (onValueChanged)="handleValueChanged($event)">
-      <ax-validation-rule rule="required"></ax-validation-rule>
-      @if(hasClearButton()){
+      @for (validation of validationRules(); track $index) {
+      <ax-validation-rule
+        [rule]="validation.rule"
+        [message]="validation.options?.message"
+        [options]="validation.options"
+      ></ax-validation-rule>
+      } @if(hasClearButton()){
       <ax-clear-button></ax-clear-button>
       }
     </ax-password-box>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule, FormsModule, AXDecoratorModule, AXPasswordBoxModule, AXValidationModule, AXFormModule],
-                    inputs: []
+                    inputs: [],
                 }]
         }], propDecorators: { __class: [{
                 type: HostBinding,
@@ -3894,12 +4058,13 @@ const AXPPasswordBoxWidget = {
     type: 'editor',
     properties: [
         AXP_NAME_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_DATA_PATH_PROPERTY,
         AXP_HAS_CLEAR_BUTTON_PROPERTY,
         AXP_DISABLED_PROPERTY,
         AXP_HAS_COPY_ICON_PROPERTY,
         AXP_HAS_EYE_ICON_PROPERTY,
+        //
+        AXP_REQUIRED_VALIDATION_PROPERTY,
     ],
     components: {
         view: {
@@ -4044,13 +4209,6 @@ class AXPPhoneBoxWidgetEditComponent extends AXPWidgetComponent {
         this.hasLabel = computed(() => this.options()['hasLabel']);
         this.phoneLabels = computed(() => this.options()['phoneLabels'] || ['Mobile', 'Home', 'Work', 'Other']);
         this.internalValue = computed(() => this.getValueAsArrayOfObjects());
-        this._validationRules = [];
-    }
-    get validationRules() {
-        return this._validationRules;
-    }
-    set validationRules(v) {
-        this._validationRules = v;
     }
     getValueAsArrayOfObjects() {
         const value = this.getValue();
@@ -4105,7 +4263,7 @@ class AXPPhoneBoxWidgetEditComponent extends AXPWidgetComponent {
           class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
           [class.lg:!ax-col-end-12]="!hasLabel()"
         >
-          @for (validation of validationRules; track $index) {
+          @for (validation of validationRules(); track $index) {
           <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
           }
         </ax-text-box>
@@ -4136,7 +4294,7 @@ class AXPPhoneBoxWidgetEditComponent extends AXPWidgetComponent {
           class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
           [class.lg:!ax-col-end-13]="!hasLabel"
         >
-          @for (validation of validationRules; track $index) {
+          @for (validation of validationRules(); track $index) {
           <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
           }
         </ax-text-box>
@@ -4178,7 +4336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
           class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
           [class.lg:!ax-col-end-12]="!hasLabel()"
         >
-          @for (validation of validationRules; track $index) {
+          @for (validation of validationRules(); track $index) {
           <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
           }
         </ax-text-box>
@@ -4209,7 +4367,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
           class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
           [class.lg:!ax-col-end-13]="!hasLabel"
         >
-          @for (validation of validationRules; track $index) {
+          @for (validation of validationRules(); track $index) {
           <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
           }
         </ax-text-box>
@@ -4365,8 +4523,8 @@ const AXPPhoneBoxWidget = {
     properties: [
         AXP_HAS_LABEL_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_TABLE_COLUMN_WIDTH_PROPERTY,
+        AXP_REQUIRED_VALIDATION_PROPERTY,
     ],
     components: {
         view: {
@@ -4440,10 +4598,9 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetComponent {
         super(...arguments);
         this.placeholder = computed(() => this.options()['placeholder']);
         this.disabled = computed(() => this.options()['disabled']);
-        this.minLineCount = computed(() => this.options()['minLineCount'] ?? 3);
-        this.maxLineCount = computed(() => this.options()['maxLineCount'] ?? 3);
+        this.minLineCount = computed(() => this.options()['minLineCount'] ?? this.options()['maxLineCount'] ?? 3);
+        this.maxLineCount = computed(() => this.options()['maxLineCount'] ?? this.options()['minLineCount'] ?? 3);
         this.isFitLine = computed(() => this.options()['fitLineCount'] ?? false);
-        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
     }
     setWysiwyg(e) {
         if (e) {
@@ -4657,11 +4814,12 @@ const AXPRichTextWidget = {
     properties: [
         AXP_NAME_PROPERTY,
         AXP_DATA_PATH_PROPERTY,
-        AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        // AXP_VALIDATION_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         //cloneProperty(AXP_TABLE_COLUMN_WIDTH_PROPERTY, { schema: { defaultValue: '300px' } }),
+        AXP_REQUIRED_VALIDATION_PROPERTY,
+        AXP_MIN_LENGTH_VALIDATION_PROPERTY,
+        AXP_MAX_LENGTH_VALIDATION_PROPERTY,
     ],
     components: {
         view: {
@@ -4745,7 +4903,6 @@ class AXPSelectBoxWidgetEditComponent extends AXPDataListWidgetComponent {
     constructor() {
         super(...arguments);
         this.widgetsConfigs = inject(STRATEGY_CONFIG_TOKEN);
-        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
         this.multiple = computed(() => this.options()['multiple']);
         this.disabled = computed(() => this.options()['disabled']);
         this.placeholder = computed(() => this.options()['placeholder'] ?? '');
@@ -4784,7 +4941,7 @@ class AXPSelectBoxWidgetEditComponent extends AXPDataListWidgetComponent {
     clear() {
         this.selectbox?.reset(true);
         setTimeout(() => {
-            this.selectbox?.refresh();
+            this.refresh();
         }, 0);
     }
     get __class() {
@@ -4811,7 +4968,17 @@ class AXPSelectBoxWidgetEditComponent extends AXPDataListWidgetComponent {
       } @if(hasClearButton()) {
       <ax-clear-button></ax-clear-button>
       } @for (validation of validationRules(); track $index) {
-      <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+      <ax-validation-rule
+        [rule]="validation.rule"
+        [message]="validation.options?.message"
+        [options]="validation.options"
+      ></ax-validation-rule>
+      } @for (validation of validationRules(); track $index) {
+      <ax-validation-rule
+        [rule]="validation.rule"
+        [message]="validation.options?.message"
+        [options]="validation.options"
+      ></ax-validation-rule>
       }
     </ax-select-box>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXSelectBoxModule }, { kind: "component", type: i3$2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "selectedItems", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5$2.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -4837,7 +5004,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
       } @if(hasClearButton()) {
       <ax-clear-button></ax-clear-button>
       } @for (validation of validationRules(); track $index) {
-      <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+      <ax-validation-rule
+        [rule]="validation.rule"
+        [message]="validation.options?.message"
+        [options]="validation.options"
+      ></ax-validation-rule>
+      } @for (validation of validationRules(); track $index) {
+      <ax-validation-rule
+        [rule]="validation.rule"
+        [message]="validation.options?.message"
+        [options]="validation.options"
+      ></ax-validation-rule>
       }
     </ax-select-box>
   `,
@@ -5144,7 +5321,6 @@ class AXPSelectionListWidgetEditComponent extends AXPDataListWidgetComponent {
             });
             this.dataSource().refresh();
         });
-        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
     }
     handleValueChange(e) {
         if (e.isUserInteraction) {
@@ -5320,17 +5496,15 @@ const AXPSelectionListWidget = {
     group: AXP_WIDGETS_EDITOR_GROUP,
     defaultFilterWidgetName: 'select-filter',
     properties: [
-        AXP_DATA_SOURCE_PROPERTY,
+        ...AXP_DATA_SOURCE_PROPERTIES,
         AXP_NAME_PROPERTY,
         AXP_DATA_PATH_PROPERTY,
-        AXP_VALUE_FIELD_PROPERTY,
-        AXP_TEXT_FIELD_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DIRECTION_PROPERTY,
         AXP_DISABLED_PROPERTY,
         AXP_READONLY_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         //cloneProperty(AXP_TABLE_COLUMN_WIDTH_PROPERTY, { schema: { defaultValue: '200px' } }),
+        AXP_REQUIRED_VALIDATION_PROPERTY,
     ],
     type: 'editor',
     components: {
@@ -5409,7 +5583,6 @@ class AXPTextBoxWidgetEditComponent extends AXPWidgetComponent {
         this.hasClearButton = computed(() => this.options()['hasClearButton']);
         this.disabled = computed(() => this.options()['disabled']);
         this.placeholder = computed(() => this.options()['placeholder']);
-        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
         this.internalValue = computed(() => Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]);
     }
     //eff = effect(() => console.log(this.options()));
@@ -5535,214 +5708,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         FormsModule,
                         AXFormModule,
                         AXDecoratorModule,
-                        AXValidationModule,
-                        AXButtonModule,
-                    ],
-                    inputs: [],
-                }]
-        }], propDecorators: { __class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-var textBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTextBoxWidgetEditComponent: AXPTextBoxWidgetEditComponent
-});
-
-let AXPTextBoxWidgetFilterComponent$1 = class AXPTextBoxWidgetFilterComponent extends AXPWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTextBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent$1, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, FormsModule],
-                    inputs: []
-                }]
-        }] });
-
-var textBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent$1
-});
-
-class AXPTextBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTextBoxWidgetColumnComponent, isStandalone: true, selector: "axp-text-box-widget-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `{{ rawValue }}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-text-box-widget-column',
-                    template: `{{ rawValue }}`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule],
-                    inputs: ['rawValue']
-                }]
-        }] });
-
-var textBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTextBoxWidgetColumnComponent: AXPTextBoxWidgetColumnComponent
-});
-
-class AXPTextBoxWidgetPrintComponent extends AXPWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTextBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetPrintComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule],
-                    inputs: []
-                }]
-        }] });
-
-var textBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTextBoxWidgetPrintComponent: AXPTextBoxWidgetPrintComponent
-});
-
-const AXP_REQUIRED_VALIDATION_PROPERTY = {
-    name: 'requiredValidation',
-    title: 'Required',
-    group: AXP_VALIDATION_PROPERTY_GROUP,
-    schema: {
-        dataType: 'object',
-        interface: {
-            name: 'requiredValidation',
-            path: 'options.requiredValidation',
-            type: AXPWidgetsCatalog.requiredValidation,
-            defaultValue: false,
-        },
-    },
-    visible: true,
-};
-const AXP_MIN_LENGTH_VALIDATION_PROPERTY = {
-    name: 'minLengthValidation',
-    title: 'Minimum Length',
-    group: AXP_VALIDATION_PROPERTY_GROUP,
-    schema: {
-        dataType: 'object',
-        interface: {
-            name: 'minLengthValidation',
-            path: 'options.minLengthValidation',
-            type: AXPWidgetsCatalog.minLengthValidation,
-            defaultValue: false,
-        },
-    },
-    visible: true,
-};
-const AXP_MAX_LENGTH_VALIDATION_PROPERTY = {
-    name: 'maxLengthValidation',
-    title: 'Maximum Length',
-    group: AXP_VALIDATION_PROPERTY_GROUP,
-    schema: {
-        dataType: 'object',
-        interface: {
-            name: 'maxLengthValidation',
-            path: 'options.maxLengthValidation',
-            type: AXPWidgetsCatalog.maxLengthValidation,
-            defaultValue: false,
-        },
-    },
-    visible: true,
-};
-const AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY = {
-    name: 'regularExpressionValidation',
-    title: 'Regular Expression',
-    group: AXP_VALIDATION_PROPERTY_GROUP,
-    schema: {
-        dataType: 'object',
-        interface: {
-            name: 'regularExpressionValidation',
-            path: 'options.regularExpressionValidation',
-            type: AXPWidgetsCatalog.regularExpressionValidation,
-            defaultValue: false,
-        },
-    },
-    visible: true,
-};
-const AXP_LESS_THAN_VALIDATION_PROPERTY = {
-    name: 'lessThanValidation',
-    title: 'Less Than',
-    group: AXP_VALIDATION_PROPERTY_GROUP,
-    schema: {
-        dataType: 'object',
-        interface: {
-            name: 'lessThanValidation',
-            path: 'options.lessThanValidation',
-            type: AXPWidgetsCatalog.lessThanValidation,
-            defaultValue: false,
-        },
-    },
-    visible: true,
-};
-const AXP_GREATER_THAN_VALIDATION_PROPERTY = {
-    name: 'greaterThanValidation',
-    title: 'Greater Than',
-    group: AXP_VALIDATION_PROPERTY_GROUP,
-    schema: {
-        dataType: 'object',
-        interface: {
-            name: 'greaterThanValidation',
-            path: 'options.greaterThanValidation',
-            type: AXPWidgetsCatalog.greaterThanValidation,
-            defaultValue: false,
-        },
-    },
-    visible: true,
-};
-const AXP_BETWEEN_VALIDATION_PROPERTY = {
-    name: 'betweenValidation',
-    title: 'Between',
-    group: AXP_VALIDATION_PROPERTY_GROUP,
-    schema: {
-        dataType: 'object',
-        interface: {
-            name: 'betweenValidation',
-            path: 'options.betweenValidation',
-            type: AXPWidgetsCatalog.betweenValidation,
-            defaultValue: false,
-        },
-    },
-    visible: true,
-};
-const AXP_EQUAL_VALIDATION_PROPERTY = {
-    name: 'equalValidation',
-    title: 'Equal',
-    group: AXP_VALIDATION_PROPERTY_GROUP,
-    schema: {
-        dataType: 'object',
-        interface: {
-            name: 'equalValidation',
-            path: 'options.equalValidation',
-            type: AXPWidgetsCatalog.equalValidation,
-            defaultValue: false,
-        },
-    },
-    visible: true,
-};
-const AXP_CALLBACK_VALIDATION_PROPERTY = {
-    name: 'callbackValidation',
-    title: 'Callback',
-    group: AXP_VALIDATION_PROPERTY_GROUP,
-    schema: {
-        dataType: 'object',
-        interface: {
-            name: 'callbackValidation',
-            path: 'options.callbackValidation',
-            type: AXPWidgetsCatalog.callbackValidation,
-            defaultValue: false,
-        },
-    },
-    visible: true,
+                        AXValidationModule,
+                        AXButtonModule,
+                    ],
+                    inputs: [],
+                }]
+        }], propDecorators: { __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var textBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTextBoxWidgetEditComponent: AXPTextBoxWidgetEditComponent
+});
+
+let AXPTextBoxWidgetFilterComponent$1 = class AXPTextBoxWidgetFilterComponent extends AXPWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTextBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent$1, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule],
+                    inputs: []
+                }]
+        }] });
+
+var textBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent$1
+});
+
+class AXPTextBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTextBoxWidgetColumnComponent, isStandalone: true, selector: "axp-text-box-widget-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `{{ rawValue }}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-text-box-widget-column',
+                    template: `{{ rawValue }}`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: ['rawValue']
+                }]
+        }] });
+
+var textBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTextBoxWidgetColumnComponent: AXPTextBoxWidgetColumnComponent
+});
+
+class AXPTextBoxWidgetPrintComponent extends AXPWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTextBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetPrintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+
+var textBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTextBoxWidgetPrintComponent: AXPTextBoxWidgetPrintComponent
+});
 
 const AXPTextBoxWidget = {
     name: 'text-editor',
@@ -5760,15 +5797,11 @@ const AXPTextBoxWidget = {
         AXP_PLACEHOLDER_PROPERTY,
         AXP_HAS_CLEAR_BUTTON_PROPERTY,
         plainTextDefaultProperty(),
+        //
         AXP_REQUIRED_VALIDATION_PROPERTY,
         AXP_MIN_LENGTH_VALIDATION_PROPERTY,
         AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY,
         AXP_MAX_LENGTH_VALIDATION_PROPERTY,
-        AXP_LESS_THAN_VALIDATION_PROPERTY,
-        AXP_GREATER_THAN_VALIDATION_PROPERTY,
-        AXP_BETWEEN_VALIDATION_PROPERTY,
-        AXP_EQUAL_VALIDATION_PROPERTY,
-        AXP_CALLBACK_VALIDATION_PROPERTY,
         //cloneProperty(AXP_TABLE_COLUMN_WIDTH_PROPERTY, { schema: { defaultValue: '200px' } }),
     ],
     components: {
@@ -6313,29 +6346,36 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
                 return [];
             return this.getValue() ? (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]) : [{}];
         });
+        this.files = signal([]);
         this.markedListAsCommitted = null;
         this.markedListAsDeleted = null;
-        this.#effect2 = effect(async () => {
-            const status = this.layoutService.status();
-            if (status == AXPPageStatus.Submitted) {
-                if (this.markedListAsCommitted) {
-                    for (const fileId of this.markedListAsCommitted) {
-                        await this.fileStorage.commit(fileId);
-                    }
-                    this.markedListAsCommitted = null;
+    }
+    async ngOnDestroy() {
+        const status = this.layoutService.status();
+        if (status == AXPPageStatus.Submitted) {
+            if (this.markedListAsCommitted) {
+                for (const fileId of this.markedListAsCommitted) {
+                    await this.fileStorage.commit(fileId);
                 }
-                if (this.markedListAsDeleted) {
-                    for (const fileId of this.markedListAsDeleted) {
-                        await this.fileStorage.markForDeletion(fileId);
-                    }
-                    this.markedListAsDeleted = null;
+                this.markedListAsCommitted = null;
+            }
+            if (this.markedListAsDeleted) {
+                for (const fileId of this.markedListAsDeleted) {
+                    await this.fileStorage.markForDeletion(fileId);
                 }
+                this.markedListAsDeleted = null;
             }
-        });
+        }
+    }
+    handleOnFileRemove(file) {
+        debugger;
+        this.files.update((files) => files.filter((f) => f !== file));
     }
-    #effect2;
     handleOnFileUploadComplete(e) { }
-    handleOnFilesUploadComplete(e) { }
+    handleOnFilesUploadComplete(e) {
+        this.files.set(e.uploadedFiles);
+        console.log(e.uploadedFiles[0].onComplete);
+    }
     async handleChanged(e) {
         const results = [];
         for (var i = 0; i < e.requests.length; i++) {
@@ -6346,7 +6386,9 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
                 refType: this.refType(),
                 isPrimary: true,
             }));
-            e.requests[i].finish();
+            e.requests[i].finish({
+                id: results[i].fileId,
+            });
         }
         if (!this.multiple()) {
             this.setValue(results[0].fileId);
@@ -6361,45 +6403,45 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
         const extension = fileName?.split('.')?.pop()?.toLowerCase();
         switch (extension) {
             case 'txt':
-                return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };
+                return { icon: ' far fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };
             case 'pdf':
-                return { icon: 'fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };
+                return { icon: ' far fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };
             case 'doc':
             case 'docx':
-                return { icon: 'fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };
+                return { icon: ' far fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };
             case 'xls':
             case 'xlsx':
-                return { icon: 'fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };
+                return { icon: ' far fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };
             case 'ppt':
             case 'pptx':
-                return { icon: 'fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };
+                return { icon: ' far fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };
             case 'jpg':
             case 'jpeg':
             case 'png':
             case 'gif':
             case 'bmp':
-                return { icon: 'fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };
+                return { icon: ' far fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };
             case 'zip':
             case 'rar':
             case '7z':
-                return { icon: 'fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+                return { icon: ' far fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
             case 'mp3':
             case 'wav':
             case 'ogg':
-                return { icon: 'fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };
+                return { icon: ' far fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };
             case 'mp4':
             case 'avi':
             case 'mkv':
             case 'mov':
-                return { icon: 'fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };
+                return { icon: ' far fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };
             case 'js':
             case 'jsx':
             case 'ts':
             case 'tsx':
-                return { icon: 'fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+                return { icon: ' far fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
             // Add more cases as needed for other file types
             default:
-                return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };
+                return { icon: ' far fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };
         }
     }
     get __class() {
@@ -6409,7 +6451,7 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
         return cls;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPFileBoxWidgetEditComponent, isStandalone: true, selector: "axp-file-widget-edit", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPFileBoxWidgetEditComponent, isStandalone: true, selector: "axp-file-widget-edit", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     <div class="ax-grid ax-grid-cols-12">
       <div class="ax-col-span-12">
         <ax-uploader-drop-zone
@@ -6423,7 +6465,17 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
         ></ax-uploader-drop-zone>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXUploaderModule }, { kind: "component", type: i5$3.AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone", inputs: ["description"] }, { kind: "directive", type: i5$3.AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept"], outputs: ["onChanged", "onFileUploadComplete", "onFilesUploadComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    @for(file of files(); track $index){
+    <div class="ax-grid ax-mt-10 ax-grid-cols-12 ax-gap-1 ax-px-4">
+      <ax-icon class="{{ getFileInfo(file.file.name).icon }} {{ getFileInfo(file.file.name).color }}"></ax-icon>
+      <ax-text class="ax-col-span-10" [textContent]="file.file.name"></ax-text>
+      <div>
+        <ax-icon class="fa-light fa-download ax-px-2"></ax-icon>
+        <ax-icon (click)="handleOnFileRemove(file)" class="fa-light fa-xmark"></ax-icon>
+      </div>
+    </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { 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-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXUploaderModule }, { kind: "component", type: i5$3.AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone", inputs: ["description"] }, { kind: "directive", type: i5$3.AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept"], outputs: ["onChanged", "onFileUploadComplete", "onFilesUploadComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileBoxWidgetEditComponent, decorators: [{
             type: Component,
@@ -6443,6 +6495,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         ></ax-uploader-drop-zone>
       </div>
     </div>
+    @for(file of files(); track $index){
+    <div class="ax-grid ax-mt-10 ax-grid-cols-12 ax-gap-1 ax-px-4">
+      <ax-icon class="{{ getFileInfo(file.file.name).icon }} {{ getFileInfo(file.file.name).color }}"></ax-icon>
+      <ax-text class="ax-col-span-10" [textContent]="file.file.name"></ax-text>
+      <div>
+        <ax-icon class="fa-light fa-download ax-px-2"></ax-icon>
+        <ax-icon (click)="handleOnFileRemove(file)" class="fa-light fa-xmark"></ax-icon>
+      </div>
+    </div>
+    }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule, FormsModule, AXButtonModule, AXDecoratorModule, AXUploaderModule],
@@ -6717,7 +6779,6 @@ const AXPFileBoxWidget = {
     properties: [
         AXP_NAME_PROPERTY,
         AXP_DATA_PATH_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DOWNLOADABLE_PROPERTY,
         AXP_DESCRIPTION_PROPERTY,
@@ -7375,6 +7436,7 @@ const AXPMapBoxWidget = {
                     options: {
                         minValue: -90,
                         maxValue: 90,
+                        decimals: 5
                     },
                 },
             },
@@ -7394,6 +7456,7 @@ const AXPMapBoxWidget = {
                     options: {
                         minValue: -180,
                         maxValue: 180,
+                        decimals: 5
                     },
                 },
             },
@@ -7709,7 +7772,12 @@ const AXPSignatureWidget = {
     icon: 'fa-solid fa-file-signature',
     group: AXP_WIDGETS_ADVANCE_GROUP,
     type: 'editor',
-    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY, AXP_VALIDATION_PROPERTY],
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+        AXP_DISABLED_PROPERTY,
+        AXP_REQUIRED_VALIDATION_PROPERTY
+    ],
     components: {
         view: {
             component: () => Promise.resolve().then(function () { return signaturePadWidgetView_component; }).then((c) => c.AXPSignatureWidgetViewComponent),
@@ -11569,6 +11637,11 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
     initializeChart() {
         const chartValue = this.data();
         const { width, height, margin } = this.getChartDimensions(chartValue.options);
+        // Clear existing SVG if it exists
+        if (this.svg) {
+            this.svg.selectAll('*').remove();
+        }
+        // Create SVG
         this.svg = this.d3.select(this.chartEl().nativeElement).append('svg').attr('width', width).attr('height', height);
         this.drawChart(chartValue);
     }
@@ -11582,40 +11655,24 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
         if (options.enableTooltip) {
             this.addTooltips(data, x, y, options);
         }
-        if (options.enableLegend) {
-            this.addLegend(data, width, margin, options);
-        }
-        if (options.enableZoom) {
-            this.addZoom();
-        }
-        if (options.enableExport) {
-            this.addExportButton();
-        }
     }
     updateChart(chartValue) {
         const { data, options } = chartValue;
-        const { width, height, margin } = this.getChartDimensions(options);
-        const x = this.createXScale(data, width, margin);
-        const y = this.createYScale(data, height, margin);
-        this.updateBars(data, x, y, height, margin, options);
-        this.updateAxes(x, y, height, margin, options);
-        if (options.enableTooltip) {
-            this.updateTooltips(data, x, y, options);
-        }
-        if (options.enableLegend) {
-            this.updateLegend(data, width, margin, options);
-        }
+        // Clear existing chart content
+        this.svg.selectAll('*').remove();
+        // Re-render chart with new options
+        this.drawChart(chartValue);
     }
     getChartDimensions(options) {
-        const width = options.width || 400;
-        const height = options.height || 200;
-        const margin = options.margin || { top: 20, right: 20, bottom: 30, left: 40 };
-        return { width, height, margin };
+        const baseWidth = options.width || 400;
+        const baseHeight = options.height || 200;
+        const margin = options.margin || { top: 100, right: 20, bottom: 30, left: 40 };
+        return { width: baseWidth, height: baseHeight, margin };
     }
     createXScale(data, width, margin) {
         return this.d3
             .scaleBand()
-            .domain(data.map((d) => d.name)) // Use name instead of id
+            .domain(data.map((d) => d.name))
             .range([margin.left, width - margin.right])
             .padding(0.1);
     }
@@ -11632,23 +11689,7 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
             .data(data)
             .enter()
             .append('rect')
-            .attr('x', (d) => x(d.name) || 0) // Use name instead of id
-            .attr('y', height - margin.bottom)
-            .attr('width', x.bandwidth())
-            .attr('height', 0)
-            .attr('fill', (d) => d.color || options.color || 'teal')
-            .transition()
-            .duration(500)
-            .attr('y', (d) => y(d.value))
-            .attr('height', (d) => y(0) - y(d.value));
-    }
-    updateBars(data, x, y, height, margin, options) {
-        const bars = this.svg.selectAll('rect').data(data, (d) => d.id);
-        // Enter new bars
-        bars
-            .enter()
-            .append('rect')
-            .attr('x', (d) => x(d.name) || 0) // Use name instead of id
+            .attr('x', (d) => x(d.name) || 0)
             .attr('y', height - margin.bottom)
             .attr('width', x.bandwidth())
             .attr('height', 0)
@@ -11657,23 +11698,6 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
             .duration(500)
             .attr('y', (d) => y(d.value))
             .attr('height', (d) => y(0) - y(d.value));
-        // Update existing bars
-        bars
-            .transition()
-            .duration(500)
-            .attr('x', (d) => x(d.name) || 0) // Use name instead of id
-            .attr('y', (d) => y(d.value))
-            .attr('width', x.bandwidth())
-            .attr('height', (d) => y(0) - y(d.value))
-            .attr('fill', (d) => d.color || options.color || 'teal');
-        // Exit old bars
-        bars
-            .exit()
-            .transition()
-            .duration(500)
-            .attr('y', height - margin.bottom)
-            .attr('height', 0)
-            .remove();
     }
     drawAxes(x, y, height, margin, options) {
         const axisColor = options.axisColor || '#000';
@@ -11681,7 +11705,7 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
         // Draw X axis
         this.svg
             .append('g')
-            .attr('class', 'x-axis')
+            .attr('class', 'axp-bar-chart-x-axis')
             .attr('transform', `translate(0,${height - margin.bottom})`)
             .call(this.d3.axisBottom(x).tickSizeOuter(0))
             .attr('color', axisColor)
@@ -11689,156 +11713,80 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
         // Draw Y axis
         this.svg
             .append('g')
-            .attr('class', 'y-axis')
+            .attr('class', 'axp-bar-chart-y-axis')
             .attr('transform', `translate(${margin.left},0)`)
             .call(this.d3.axisLeft(y))
             .attr('color', axisColor)
             .style('font-size', `${axisFontSize}px`);
     }
-    updateAxes(x, y, height, margin, options) {
-        const axisColor = options.axisColor || '#000';
-        const axisFontSize = options.axisFontSize || 12;
-        // Update X axis
-        this.svg
-            .select('.x-axis')
-            .transition()
-            .duration(500)
-            .call(this.d3.axisBottom(x).tickSizeOuter(0))
-            .attr('color', axisColor)
-            .style('font-size', `${axisFontSize}px`);
-        // Update Y axis
-        this.svg
-            .select('.y-axis')
-            .transition()
-            .duration(500)
-            .call(this.d3.axisLeft(y))
-            .attr('color', axisColor)
-            .style('font-size', `${axisFontSize}px`);
-    }
     addTooltips(data, x, y, options) {
-        this.tooltip = this.d3
-            .select('body')
-            .append('div')
-            .attr('class', 'tooltip')
-            .style('opacity', 0)
-            .style('position', 'absolute')
-            .style('background', options.tooltipBackground || '#fff')
-            .style('color', options.tooltipTextColor || '#000')
-            .style('padding', '5px')
-            .style('border-radius', '3px');
+        this.tooltip = this.svg.append('g').attr('class', 'axp-bar-chart-tooltip').style('opacity', 0);
+        this.tooltip
+            .append('rect')
+            .attr('width', 80)
+            .attr('height', 30)
+            .attr('fill', options.tooltipBackground || '#fff')
+            .attr('rx', 4)
+            .attr('ry', 4);
+        this.tooltip
+            .append('text')
+            .attr('x', 40)
+            .attr('y', 20)
+            .attr('text-anchor', 'middle')
+            .attr('fill', options.tooltipTextColor || '#000')
+            .style('font-size', '11px');
         this.svg
             .selectAll('rect')
             .on('mouseover', (event, d) => {
-            const [xPos, yPos] = this.d3.pointer(event);
-            this.tooltip.transition().duration(200).style('opacity', 0.9);
-            this.tooltip
-                .html(`Value: ${d.value}`)
-                .style('left', `${xPos + 10}px`)
-                .style('top', `${yPos - 10}px`);
+            const barX = x(d.name) || 0;
+            const barY = y(d.value);
+            // Adjust tooltip position to stay within SVG boundaries
+            const tooltipX = Math.min(barX + x.bandwidth() / 2 - 40, Number.parseInt(this.svg.attr('width')) - 80);
+            const tooltipY = Math.max(barY - 40, 0);
+            this.tooltip.style('opacity', 1).attr('transform', `translate(${tooltipX},${tooltipY})`);
+            this.tooltip.select('text').text(`${d.name}: ${d.value}`);
         })
             .on('mouseout', () => {
-            this.tooltip.transition().duration(500).style('opacity', 0);
+            this.tooltip.style('opacity', 0);
         });
     }
-    updateTooltips(data, x, y, options) {
-        if (!this.tooltip) {
-            this.addTooltips(data, x, y, options);
-        }
-    }
-    addLegend(data, width, margin, options) {
-        const legend = this.svg
-            .append('g')
-            .attr('class', 'legend')
-            .attr('transform', `translate(${width - margin.right - 100}, ${margin.top})`);
+    // API to render legend in another component
+    renderLegend(data, options, container) {
+        const legend = this.d3.select(container).append('div').attr('class', 'axp-bar-chart-legend');
         const legendItems = legend
             .selectAll('.legend-item')
             .data(data)
             .enter()
-            .append('g')
-            .attr('class', 'legend-item')
-            .attr('transform', (d, i) => `translate(0, ${i * 20})`);
+            .append('div')
+            .attr('class', 'axp-bar-chart-legend-item')
+            .style('display', 'flex')
+            .style('align-items', 'center')
+            .style('margin-bottom', '5px');
         legendItems
-            .append('rect')
-            .attr('width', 18)
-            .attr('height', 18)
-            .attr('fill', (d) => d.color || options.color || 'teal');
+            .append('div')
+            .style('width', '16px')
+            .style('height', '16px')
+            .style('background-color', (d) => d.color || options.color || 'teal')
+            .style('margin-right', '8px');
         legendItems
-            .append('text')
-            .attr('x', 24)
-            .attr('y', 9)
-            .attr('dy', '.35em')
-            .text((d) => d.name); // Use name instead of id
-    }
-    updateLegend(data, width, margin, options) {
-        const legend = this.svg.select('.legend').data([data]);
-        const legendItems = legend.selectAll('.legend-item').data(data, (d) => d.id);
-        // Enter new legend items
-        const newLegendItems = legendItems
-            .enter()
-            .append('g')
-            .attr('class', 'legend-item')
-            .attr('transform', (d, i) => `translate(0, ${i * 20})`);
-        newLegendItems
-            .append('rect')
-            .attr('width', 18)
-            .attr('height', 18)
-            .attr('fill', (d) => d.color || options.color || 'teal');
-        newLegendItems
-            .append('text')
-            .attr('x', 24)
-            .attr('y', 9)
-            .attr('dy', '.35em')
-            .text((d) => d.name); // Use name instead of id
-        // Update existing legend items
-        legendItems.select('text').text((d) => d.name); // Use name instead of id
-        // Exit old legend items
-        legendItems.exit().remove();
-    }
-    addZoom() {
-        const zoom = this.d3
-            .zoom()
-            .scaleExtent([1, 10])
-            .on('zoom', (event) => {
-            this.svg.attr('transform', event.transform.toString());
-        });
-        this.svg.call(zoom);
-    }
-    addExportButton() {
-        const exportButton = this.d3
-            .select(this.chartEl().nativeElement)
-            .append('button')
-            .text('Export to PNG')
-            .style('position', 'absolute')
-            .style('top', '10px')
-            .style('right', '10px')
-            .on('click', () => {
-            const svgElement = this.svg.node();
-            if (svgElement) {
-                const serializer = new XMLSerializer();
-                const svgString = serializer.serializeToString(svgElement);
-                const canvas = document.createElement('canvas');
-                const ctx = canvas.getContext('2d');
-                const img = new Image();
-                img.onload = () => {
-                    canvas.width = img.width;
-                    canvas.height = img.height;
-                    ctx?.drawImage(img, 0, 0);
-                    const link = document.createElement('a');
-                    link.download = 'chart.png';
-                    link.href = canvas.toDataURL('image/png');
-                    link.click();
-                };
-                img.src = 'data:image/svg+xml;base64,' + btoa(svgString);
-            }
-        });
+            .append('div')
+            .text((d) => d.name)
+            .style('font-size', '12px');
+    }
+    // API to export chart as PNG
+    exportChartAsPNG() {
+        const svgElement = this.svg.node();
+        if (svgElement) {
+            const serializer = new XMLSerializer();
+            const svgString = serializer.serializeToString(svgElement);
+            return 'data:image/svg+xml;base64,' + btoa(svgString);
+        }
+        return null;
     }
     ngOnDestroy() {
         if (this.svg) {
             this.svg.selectAll('*').remove();
         }
-        if (this.tooltip) {
-            this.tooltip.remove();
-        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBarChartWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXPBarChartWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "chartEl", first: true, predicate: ["chart"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-justify-center ax-items-center" #chart></div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -12242,6 +12190,119 @@ const AXPQrcodeWidget = {
     },
 };
 
+class AXPGaugeChartWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.chartEl = viewChild.required('chart');
+        this.#af = afterNextRender(async () => {
+            await this.loadD3();
+            this.createChart();
+        });
+    }
+    #af;
+    async loadD3() {
+        try {
+            this.d3 = await import('d3');
+        }
+        catch (error) {
+            console.error('Failed to load D3.js:', error);
+        }
+    }
+    createChart() {
+        const chartElement = this.chartEl().nativeElement;
+        this.d3.select(chartElement).selectAll('*').remove();
+        const width = this.getValue().options.width;
+        const height = this.getValue().options.height;
+        const minValue = this.getValue().options.minValue;
+        const maxValue = this.getValue().options.maxValue;
+        const arcThickness = this.getValue().options.arcThickness;
+        const labelOffset = this.getValue().options.labelOffset;
+        const radius = Math.min(width, height) / 2;
+        const arc = this.d3
+            .arc()
+            .innerRadius(radius - arcThickness)
+            .outerRadius(radius)
+            .startAngle(-Math.PI / 2)
+            .endAngle(Math.PI / 2);
+        const scale = this.d3
+            .scaleLinear()
+            .domain([minValue, maxValue])
+            .range([-Math.PI / 2, Math.PI / 2]);
+        const svg = this.d3
+            .select(chartElement)
+            .append('svg')
+            .attr('width', width)
+            .attr('height', height)
+            .attr('role', 'img')
+            .attr('aria-label', 'Gauge chart')
+            .attr('viewBox', `0 0 ${width} ${height}`) // Adjusted viewBox
+            .style('max-width', '100%')
+            .style('height', 'auto')
+            .append('g')
+            .attr('transform', `translate(${width / 2}, ${height / 2})`); // Center the chart
+        const gaugeArc = svg
+            .append('g')
+            .selectAll('path')
+            .data(this.getValue().data)
+            .enter()
+            .append('path')
+            .attr('fill', (d) => d.color || this.getRandomColor())
+            .attr('d', arc);
+        const label = svg
+            .append('text')
+            .attr('text-anchor', 'middle')
+            .attr('font-size', '16px')
+            .attr('y', labelOffset)
+            .text(`${this.getValue().data[0].value}`);
+        const pointer = svg
+            .append('line')
+            .attr('x1', 0)
+            .attr('y1', 0)
+            .attr('x2', 0)
+            .attr('y2', -radius + arcThickness / 2)
+            .attr('stroke', 'black')
+            .attr('stroke-width', 2)
+            .attr('transform', `rotate(${scale(this.getValue().data[0].value) * (180 / Math.PI)})`);
+    }
+    getRandomColor() {
+        // Generate a random hex color
+        return `#${Math.floor(Math.random() * 16777215).toString(16)}`;
+    }
+    ngOnDestroy() {
+        this.d3.select(this.chartEl().nativeElement).selectAll('*').remove();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGaugeChartWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXPGaugeChartWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "chartEl", first: true, predicate: ["chart"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <div class="ax-flex ax-justify-center ax-items-center" #chart></div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGaugeChartWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <div class="ax-flex ax-justify-center ax-items-center" #chart></div>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+var gaugeChartWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPGaugeChartWidgetEditComponent: AXPGaugeChartWidgetEditComponent
+});
+
+const AXPGaugeChartWidget = {
+    name: 'gauge-chart',
+    title: 'Gauge Chart Widget',
+    group: AXP_WIDGETS_CHART_GROUP,
+    type: 'chart',
+    icon: 'fa-solid fa-gauge',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return gaugeChartWidgetEdit_component; }).then((c) => c.AXPGaugeChartWidgetEditComponent),
+        },
+    },
+};
+
 class AXPColorBoxWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
@@ -12288,7 +12349,6 @@ class AXPColorBoxWidgetEditComponent extends AXPWidgetComponent {
         this.disabled = computed(() => this.options()["disabled"]);
         this.readonly = computed(() => this.options()["readonly"]);
         this.hasClearButton = computed(() => this.options()['hasClearButton']);
-        this.validationRules = computed(() => this.options()["validationRules"] ?? []);
     }
     get __class() {
         const cls = {};
@@ -12422,8 +12482,9 @@ const AXPColorBoxWidget = {
         AXP_DATA_PATH_PROPERTY,
         AXP_READONLY_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
-        AXP_PLACEHOLDER_PROPERTY
+        AXP_PLACEHOLDER_PROPERTY,
+        //
+        AXP_REQUIRED_VALIDATION_PROPERTY,
     ],
     components: {
         designer: {
@@ -12476,9 +12537,9 @@ class AXPTabularDataEditorWidgetEditComponent extends AXPWidgetComponent {
         this.platform = inject(AXPlatform);
     }
     async openPopup() {
-        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-widgets-tabular-data-edit-popup.component-B90if8wb.mjs');
+        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-widgets-tabular-data-edit-popup.component-BiCinIok.mjs');
         const popupData = await this.popupService.open(AXPTabularDataPopupComponent, {
-            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
+            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : this.columns().length > 3 ? 'lg' : 'md',
             header: true,
             closeOnBackdropClick: true,
             closeButton: true,
@@ -12602,7 +12663,7 @@ var tabularDataWidgetView_component = /*#__PURE__*/Object.freeze({
 
 const AXPTableEditorWidget = {
     name: 'table-editor',
-    title: 'Table Editor Box',
+    title: 'Table Editor',
     icon: 'fa-solid fa-input-text',
     description: 'Inputs single-line text',
     group: AXP_WIDGETS_EDITOR_GROUP,
@@ -12613,7 +12674,6 @@ const AXPTableEditorWidget = {
         AXP_DATA_PATH_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         AXP_HAS_CLEAR_BUTTON_PROPERTY,
         //cloneProperty(AXP_TABLE_COLUMN_WIDTH_PROPERTY, { schema: { defaultValue: '200px' } }),
@@ -12638,6 +12698,7 @@ const AXPTableEditorWidget = {
             component: () => Promise.resolve().then(function () { return tabularDataWidgetEdit_component; }).then((c) => c.AXPTabularDataEditorWidgetEditComponent),
         },
     },
+    visible: false
 };
 
 class AXPBooleanFilterWidgetEditComponent extends AXPWidgetComponent {
@@ -14321,6 +14382,7 @@ class AXPWidgetsModule {
                     //charts
                     AXPDonutChartWidget,
                     AXPBarChartWidget,
+                    AXPGaugeChartWidget,
                 ],
             })] }); }
 }
@@ -14390,6 +14452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 //charts
                                 AXPDonutChartWidget,
                                 AXPBarChartWidget,
+                                AXPGaugeChartWidget,
                             ],
                         }),
                     ],
@@ -14403,5 +14466,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPAdvancedGridItemWidget, AXPAdvancedGridItemWidgetDesignerComponent, AXPAdvancedGridItemWidgetPrintComponent, AXPAdvancedGridItemWidgetViewComponent, AXPAdvancedGridOptionsWidget, AXPAdvancedGridOptionsWidgetEditComponent, AXPAdvancedGridWidget, AXPAdvancedGridWidgetDesignerComponent, AXPAdvancedGridWidgetViewComponent, AXPAvatarWidget, AXPAvatarWidgetColumnComponent, AXPAvatarWidgetDesignerComponent, AXPAvatarWidgetEditComponent, AXPAvatarWidgetPrintComponent, AXPAvatarWidgetViewComponent, AXPBarChartWidget, AXPBarChartWidgetEditComponent, AXPBetweenExpressionValidationWidget, AXPBetweenValidationWidgetEditComponent, AXPBlockWidget, AXPBlockWidgetDesignerComponent, AXPBlockWidgetViewComponent, AXPBorderWidget, AXPBorderWidgetEditComponent, AXPButtonWidget, AXPButtonWidgetViewComponent, AXPCallbackValidationWidget, AXPCallbackValidationWidgetEditComponent, AXPCheckBoxWidget, AXPCheckBoxWidgetEditComponent, AXPContactWidget, AXPContactWidgetColumnComponent, AXPContactWidgetEditComponent, AXPContactWidgetPrintComponent, AXPContactWidgetViewComponent, AXPDateTimeBoxWidget, AXPDateTimeBoxWidgetColumnComponent, AXPDateTimeBoxWidgetEditComponent, AXPDateTimeBoxWidgetFilterComponent, AXPDateTimeBoxWidgetPrintComponent, AXPDateTimeBoxWidgetViewComponent, AXPDonutChartWidget, AXPDonutChartWidgetEditComponent, AXPEmailBoxWidget, AXPEmailBoxWidgetColumnComponent, AXPEmailBoxWidgetEditComponent, AXPEmailBoxWidgetFilterComponent, AXPEmailBoxWidgetPrintComponent, AXPEmailBoxWidgetViewComponent, AXPEqualValidationWidget, AXPEqualValidationWidgetEditComponent, AXPFileBoxWidget, AXPFileBoxWidgetColumnComponent, AXPFileBoxWidgetEditComponent, AXPFileBoxWidgetFilterComponent, AXPFileBoxWidgetPrintComponent, AXPFileBoxWidgetViewComponent, AXPFileManagementService, AXPFlexOptionsWidget, AXPFlexOptionsWidgetEditComponent, AXPGalleryWidget, AXPGalleryWidgetColumnComponent, AXPGalleryWidgetEditComponent, AXPGalleryWidgetFilterComponent, AXPGalleryWidgetPrintComponent, AXPGalleryWidgetViewComponent, AXPGreaterThanExpressionValidationWidget, AXPGreaterThanValidationWidgetEditComponent, AXPGridOptionsWidget, AXPGridOptionsWidgetEditComponent, AXPLargeTextWidget, AXPLargeTextWidgetColumnComponent, AXPLargeTextWidgetEditComponent, AXPLargeTextWidgetFilterComponent, AXPLargeTextWidgetPrintComponent, AXPLargeTextWidgetViewComponent, AXPLessThanExpressionValidationWidget, AXPLessThanValidationWidgetEditComponent, AXPLinkWidget, AXPLinkWidgetColumnComponent, AXPLinkWidgetEditComponent, AXPLinkWidgetFilterComponent, AXPLinkWidgetPrintComponent, AXPLinkWidgetViewComponent, AXPMapBoxWidget, AXPMapBoxWidgetEditComponent, AXPMapBoxWidgetViewComponent, AXPMaxLengthExpressionValidationWidget, AXPMaxLengthValidationWidgetEditComponent, AXPMinLengthExpressionValidationWidget, AXPMinLengthValidationWidgetEditComponent, AXPNumberBoxWidget, AXPNumberBoxWidgetColumnComponent, AXPNumberBoxWidgetEditComponent, AXPNumberBoxWidgetFilterComponent, AXPNumberBoxWidgetPrintComponent, AXPNumberBoxWidgetViewComponent, AXPPageWidget, AXPPageWidgetViewComponent, AXPPasswordBoxWidget, AXPPasswordBoxWidgetColumnComponent, AXPPasswordBoxWidgetEditComponent, AXPPasswordBoxWidgetFilterComponent, AXPPasswordBoxWidgetPrintComponent, AXPPasswordBoxWidgetViewComponent, AXPPhoneBoxWidget, AXPPhoneBoxWidgetColumnComponent, AXPPhoneBoxWidgetEditComponent, AXPPhoneBoxWidgetFilterComponent, AXPPhoneBoxWidgetPrintComponent, AXPPhoneBoxWidgetViewComponent, AXPPropertyEditorHelper, AXPRegularExpressionValidationWidget, AXPRegularExpressionValidationWidgetEditComponent, AXPRepeaterWidget, AXPRepeaterWidgetDesignerComponent, AXPRepeaterWidgetEditComponent, AXPRepeaterWidgetPrintComponent, AXPRepeaterWidgetViewComponent, AXPRequiredValidationWidget, AXPRequiredValidationWidgetEditComponent, 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, AXPSpacingWidget, AXPSpacingWidgetEditComponent, AXPTextBoxWidget, AXPTextBoxWidgetColumnComponent, AXPTextBoxWidgetEditComponent, AXPTextBoxWidgetFilterComponent$1 as AXPTextBoxWidgetFilterComponent, AXPTextBoxWidgetPrintComponent, AXPTextBoxWidgetViewComponent, AXPToggleWidget, AXPToggleWidgetColumnComponent, AXPToggleWidgetEditComponent, AXPToggleWidgetFilterComponent, AXPToggleWidgetPrintComponent, AXPToggleWidgetViewComponent, AXPWidgetsModule, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BG_COLOR_PROPERTY, AXP_BOX_MODEL_PROPERTY_GROUP, 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_Flex_Box_Align_Options, AXP_Flex_Box_Alignments, AXP_Flex_Box_Justify_Options, AXP_Grid_Box_Align_Items_Options, AXP_Grid_Box_Alignments, AXP_Grid_Box_Justify_Items_Options, 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_ADVANCED_GRID_PROPERTY, AXP_LAYOUT_ALIGN_CONTENT_PROPERTY, AXP_LAYOUT_BORDER_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, 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, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_ROWS_PROPERTY, AXP_LAYOUT_SPACING_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_VALIDATION_PROPERTY_GROUP, AXP_VALUE_FIELD_PROPERTY, AXP_WIDGET_PROPERTY_GROUP, AXP_default_Border_Box_Units, AXP_default_Border_Box_Value, AXP_default_Spacing_Box_Units, AXP_default_Spacing_Box_Value, DEFAULT_STRATEGY_CONFIG, STRATEGY_CONFIG_TOKEN, booleanDefaultProperty, findNonEmptyBreakpoints, largeTextDefaultProperty, numberDefaultProperty, numberMaxValueProperty, numberMinValueProperty, plainTextDefaultProperty };
+export { AXPAdvancedGridItemWidget, AXPAdvancedGridItemWidgetDesignerComponent, AXPAdvancedGridItemWidgetPrintComponent, AXPAdvancedGridItemWidgetViewComponent, AXPAdvancedGridOptionsWidget, AXPAdvancedGridOptionsWidgetEditComponent, AXPAdvancedGridWidget, AXPAdvancedGridWidgetDesignerComponent, AXPAdvancedGridWidgetViewComponent, AXPAvatarWidget, AXPAvatarWidgetColumnComponent, AXPAvatarWidgetDesignerComponent, AXPAvatarWidgetEditComponent, AXPAvatarWidgetPrintComponent, AXPAvatarWidgetViewComponent, AXPBarChartWidget, AXPBarChartWidgetEditComponent, AXPBetweenExpressionValidationWidget, AXPBetweenValidationWidgetEditComponent, AXPBlockWidget, AXPBlockWidgetDesignerComponent, AXPBlockWidgetViewComponent, AXPBorderWidget, AXPBorderWidgetEditComponent, AXPButtonWidget, AXPButtonWidgetViewComponent, AXPCallbackValidationWidget, AXPCallbackValidationWidgetEditComponent, AXPCheckBoxWidget, AXPCheckBoxWidgetEditComponent, AXPContactWidget, AXPContactWidgetColumnComponent, AXPContactWidgetEditComponent, AXPContactWidgetPrintComponent, AXPContactWidgetViewComponent, AXPDateTimeBoxWidget, AXPDateTimeBoxWidgetColumnComponent, AXPDateTimeBoxWidgetEditComponent, AXPDateTimeBoxWidgetFilterComponent, AXPDateTimeBoxWidgetPrintComponent, AXPDateTimeBoxWidgetViewComponent, AXPDonutChartWidget, AXPDonutChartWidgetEditComponent, AXPEmailBoxWidget, AXPEmailBoxWidgetColumnComponent, AXPEmailBoxWidgetEditComponent, AXPEmailBoxWidgetFilterComponent, AXPEmailBoxWidgetPrintComponent, AXPEmailBoxWidgetViewComponent, AXPEqualValidationWidget, AXPEqualValidationWidgetEditComponent, AXPFileBoxWidget, AXPFileBoxWidgetColumnComponent, AXPFileBoxWidgetEditComponent, AXPFileBoxWidgetFilterComponent, AXPFileBoxWidgetPrintComponent, AXPFileBoxWidgetViewComponent, AXPFileManagementService, AXPFlexOptionsWidget, AXPFlexOptionsWidgetEditComponent, AXPGalleryWidget, AXPGalleryWidgetColumnComponent, AXPGalleryWidgetEditComponent, AXPGalleryWidgetFilterComponent, AXPGalleryWidgetPrintComponent, AXPGalleryWidgetViewComponent, AXPGreaterThanExpressionValidationWidget, AXPGreaterThanValidationWidgetEditComponent, AXPGridOptionsWidget, AXPGridOptionsWidgetEditComponent, AXPLargeTextWidget, AXPLargeTextWidgetColumnComponent, AXPLargeTextWidgetEditComponent, AXPLargeTextWidgetFilterComponent, AXPLargeTextWidgetPrintComponent, AXPLargeTextWidgetViewComponent, AXPLessThanExpressionValidationWidget, AXPLessThanValidationWidgetEditComponent, AXPLinkWidget, AXPLinkWidgetColumnComponent, AXPLinkWidgetEditComponent, AXPLinkWidgetFilterComponent, AXPLinkWidgetPrintComponent, AXPLinkWidgetViewComponent, AXPMapBoxWidget, AXPMapBoxWidgetEditComponent, AXPMapBoxWidgetViewComponent, AXPMaxLengthExpressionValidationWidget, AXPMaxLengthValidationWidgetEditComponent, AXPMinLengthExpressionValidationWidget, AXPMinLengthValidationWidgetEditComponent, AXPNumberBoxWidget, AXPNumberBoxWidgetColumnComponent, AXPNumberBoxWidgetEditComponent, AXPNumberBoxWidgetFilterComponent, AXPNumberBoxWidgetPrintComponent, AXPNumberBoxWidgetViewComponent, AXPPageWidget, AXPPageWidgetViewComponent, AXPPasswordBoxWidget, AXPPasswordBoxWidgetColumnComponent, AXPPasswordBoxWidgetEditComponent, AXPPasswordBoxWidgetFilterComponent, AXPPasswordBoxWidgetPrintComponent, AXPPasswordBoxWidgetViewComponent, AXPPhoneBoxWidget, AXPPhoneBoxWidgetColumnComponent, AXPPhoneBoxWidgetEditComponent, AXPPhoneBoxWidgetFilterComponent, AXPPhoneBoxWidgetPrintComponent, AXPPhoneBoxWidgetViewComponent, AXPPropertyEditorHelper, AXPRegularExpressionValidationWidget, AXPRegularExpressionValidationWidgetEditComponent, AXPRepeaterWidget, AXPRepeaterWidgetDesignerComponent, AXPRepeaterWidgetEditComponent, AXPRepeaterWidgetPrintComponent, AXPRepeaterWidgetViewComponent, AXPRequiredValidationWidget, AXPRequiredValidationWidgetEditComponent, 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, AXPSpacingWidget, AXPSpacingWidgetEditComponent, AXPTextBoxWidget, AXPTextBoxWidgetColumnComponent, AXPTextBoxWidgetEditComponent, AXPTextBoxWidgetFilterComponent$1 as AXPTextBoxWidgetFilterComponent, AXPTextBoxWidgetPrintComponent, AXPTextBoxWidgetViewComponent, AXPToggleWidget, AXPToggleWidgetColumnComponent, AXPToggleWidgetEditComponent, AXPToggleWidgetFilterComponent, AXPToggleWidgetPrintComponent, AXPToggleWidgetViewComponent, AXPWidgetsModule, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BETWEEN_VALIDATION_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_BOX_MODEL_PROPERTY_GROUP, AXP_CALLBACK_VALIDATION_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_PROPERTIES, AXP_DATA_SOURCE_PROPERTY, AXP_DATA_SOURCE_TEXT_FIELD, AXP_DATA_SOURCE_VALUE_FIELD, AXP_DATE_FORMAT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_EQUAL_VALIDATION_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_Flex_Box_Align_Options, AXP_Flex_Box_Alignments, AXP_Flex_Box_Justify_Options, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_Grid_Box_Align_Items_Options, AXP_Grid_Box_Alignments, AXP_Grid_Box_Justify_Items_Options, 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_ADVANCED_GRID_PROPERTY, AXP_LAYOUT_ALIGN_CONTENT_PROPERTY, AXP_LAYOUT_BORDER_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, 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, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_ROWS_PROPERTY, AXP_LAYOUT_SPACING_PROPERTY, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_MAX_LENGTH_VALIDATION_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_NAME_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_READONLY_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_REQUIRED_VALIDATION_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_GROUP, AXP_VALUE_FIELD_PROPERTY, AXP_WIDGET_PROPERTY_GROUP, AXP_default_Border_Box_Units, AXP_default_Border_Box_Value, AXP_default_Spacing_Box_Units, AXP_default_Spacing_Box_Value, DEFAULT_STRATEGY_CONFIG, STRATEGY_CONFIG_TOKEN, booleanDefaultProperty, findNonEmptyBreakpoints, largeTextDefaultProperty, numberDefaultProperty, numberMaxValueProperty, numberMinValueProperty, plainTextDefaultProperty };
 //# sourceMappingURL=acorex-platform-widgets.mjs.map