@acorex/platform 19.2.7 → 19.2.9

package/fesm2022/acorex-platform-widgets.mjs

@@ -12,7 +12,7 @@ import { AXLoadingModule } from '@acorex/components/loading';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { computed, EventEmitter, Component, ChangeDetectionStrategy, inject, afterNextRender, HostBinding, signal, effect, ViewEncapsulation, InjectionToken, ViewChild, untracked, ChangeDetectorRef, viewChild, ElementRef, afterRender, NgZone, model, input, linkedSignal, HostListener, NgModule } from '@angular/core';
+import { computed, EventEmitter, Component, ChangeDetectionStrategy, inject, afterNextRender, HostBinding, signal, ViewEncapsulation, InjectionToken, effect, ViewChild, untracked, ChangeDetectorRef, viewChild, ElementRef, afterRender, NgZone, model, input, linkedSignal, HostListener, NgModule } from '@angular/core';
 import * as i1 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
 import * as i3$1 from '@acorex/components/form';
@@ -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 = [];
         this.calendarFormat = computed(() => {
             if (this.format() === 'date')
                 return 'dd/MM/yyyy';
@@ -1804,12 +1969,6 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPWidgetComponent {
                 return 'dd/MM/yyyy HH:mm';
         });
     }
-    get validationRules() {
-        return this._validationRules;
-    }
-    set validationRules(v) {
-        this._validationRules = v;
-    }
     handleValueChange(e, i) {
         if (e.isUserInteraction) {
             const newValues = this.internalValue().map((item, index) => (i === index ? e.value : item));
@@ -1845,7 +2004,7 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPWidgetComponent {
         [format]="calendarFormat()"
         [placeholder]="placeholder()"
       >
-        @for (validation of validationRules; track $index) {
+        @for (validation of validationRules(); track $index) {
         <ax-validation-rule
           [rule]="validation.rule"
           [message]="validation.options?.message"
@@ -1887,7 +2046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         [format]="calendarFormat()"
         [placeholder]="placeholder()"
       >
-        @for (validation of validationRules; track $index) {
+        @for (validation of validationRules(); track $index) {
         <ax-validation-rule
           [rule]="validation.rule"
           [message]="validation.options?.message"
@@ -2052,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: {
@@ -2200,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 };
@@ -2210,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)) {
@@ -2274,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>
@@ -2320,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
@@ -2356,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>
@@ -2402,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
@@ -2551,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: {
@@ -2615,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 = {};
@@ -2752,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: {
@@ -2923,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 };
@@ -2935,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)) {
@@ -3077,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
@@ -3131,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
@@ -3173,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
@@ -3227,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
@@ -3423,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) {
@@ -3640,12 +3784,15 @@ const AXPNumberBoxWidget = {
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_HAS_CLEAR_BUTTON_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         numberDefaultProperty(),
         numberMinValueProperty(),
         numberMaxValueProperty(),
         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: {
@@ -3765,8 +3912,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>
@@ -3777,15 +3929,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,
@@ -3900,12 +4057,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: {
@@ -4050,13 +4208,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();
@@ -4111,7 +4262,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>
@@ -4142,7 +4293,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>
@@ -4184,7 +4335,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>
@@ -4215,7 +4366,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>
@@ -4371,8 +4522,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: {
@@ -4446,16 +4597,18 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetComponent {
         super(...arguments);
         this.placeholder = computed(() => this.options()['placeholder']);
         this.disabled = computed(() => this.options()['disabled']);
-        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
-        this.eff = effect(() => {
-            console.log(this.getValue());
-        });
+        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);
     }
     setWysiwyg(e) {
         if (e) {
             this.setValue(e.value);
         }
     }
+    getLinePx(count) {
+        return 24 + 18.46 * count + 'px';
+    }
     get __class() {
         const cls = {};
         cls[`ax-block`] = true;
@@ -4469,7 +4622,11 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetComponent {
     [ngModel]="getValue()"
     (onValueChanged)="setWysiwyg($event)"
   >
-    <ax-wysiwyg-view class="ax-min-h-28"></ax-wysiwyg-view>
+    <ax-wysiwyg-view
+      [style.min-height]="getLinePx(minLineCount())"
+      [style.max-height]="getLinePx(maxLineCount())"
+      [style.height]="'fit-content !important'"
+    ></ax-wysiwyg-view>
     <!-- <ax-wysiwyg-toolbar>
       <ax-wysiwyg-history></ax-wysiwyg-history>
       <ax-wysiwyg-font-style></ax-wysiwyg-font-style>
@@ -4510,7 +4667,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     [ngModel]="getValue()"
     (onValueChanged)="setWysiwyg($event)"
   >
-    <ax-wysiwyg-view class="ax-min-h-28"></ax-wysiwyg-view>
+    <ax-wysiwyg-view
+      [style.min-height]="getLinePx(minLineCount())"
+      [style.max-height]="getLinePx(maxLineCount())"
+      [style.height]="'fit-content !important'"
+    ></ax-wysiwyg-view>
     <!-- <ax-wysiwyg-toolbar>
       <ax-wysiwyg-history></ax-wysiwyg-history>
       <ax-wysiwyg-font-style></ax-wysiwyg-font-style>
@@ -4654,9 +4815,11 @@ const AXPRichTextWidget = {
         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: {
@@ -4740,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'] ?? '');
@@ -4779,7 +4941,7 @@ class AXPSelectBoxWidgetEditComponent extends AXPDataListWidgetComponent {
     clear() {
         this.selectbox?.reset(true);
         setTimeout(() => {
-            this.selectbox?.refresh();
+            this.refresh();
         }, 0);
     }
     get __class() {
@@ -4806,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 }); }
@@ -4832,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>
   `,
@@ -5139,7 +5321,6 @@ class AXPSelectionListWidgetEditComponent extends AXPDataListWidgetComponent {
             });
             this.dataSource().refresh();
         });
-        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
     }
     handleValueChange(e) {
         if (e.isUserInteraction) {
@@ -5315,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: {
@@ -5404,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()));
@@ -5603,142 +5781,6 @@ var textBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
     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,
-};
-
 const AXPTextBoxWidget = {
     name: 'text-editor',
     title: 'Text Box',
@@ -5752,19 +5794,14 @@ const AXPTextBoxWidget = {
         AXP_DATA_PATH_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         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: {
@@ -6713,7 +6750,6 @@ const AXPFileBoxWidget = {
     properties: [
         AXP_NAME_PROPERTY,
         AXP_DATA_PATH_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DOWNLOADABLE_PROPERTY,
         AXP_DESCRIPTION_PROPERTY,
@@ -7705,7 +7741,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),
@@ -11538,101 +11579,247 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
         this.chartEl = viewChild.required('chart');
-        this.af = afterNextRender(async () => {
+        this.data = linkedSignal(() => this.getValue());
+        this.isRendered = false;
+        this.#af = afterNextRender(async () => {
             await this.loadD3();
-            this.createChart();
+            this.initializeChart();
+            this.isRendered = true;
+        });
+        this.#eff = effect(() => {
+            this.data();
+            if (this.isRendered) {
+                this.updateChart(this.data());
+            }
         });
     }
+    #af;
+    #eff;
     async loadD3() {
         try {
             this.d3 = await import('d3');
-            window.d3 = this.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 margin = { top: 30, right: 0, bottom: 30, left: 40 };
-        const x = this.d3
+    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);
+    }
+    drawChart(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.drawBars(data, x, y, height, margin, options);
+        this.drawAxes(x, y, height, margin, options);
+        if (options.enableTooltip) {
+            this.addTooltips(data, x, y, options);
+        }
+        if (options.enableLegend) {
+            this.addLegend(data, width, height, margin, options);
+        }
+        if (options.enableExport) {
+            this.addExportButton();
+        }
+    }
+    updateChart(chartValue) {
+        const { data, options } = chartValue;
+        // Clear existing chart content
+        this.svg.selectAll('*').remove();
+        // Re-render chart with new options
+        this.drawChart(chartValue);
+    }
+    getChartDimensions(options) {
+        const baseWidth = options.width || 400;
+        const baseHeight = options.height || 200;
+        const margin = options.margin || { top: 20, right: 20, bottom: 30, left: 40 };
+        // Reserve space for legend
+        const legendSpace = 100; // 100px reserved for legend
+        let width = baseWidth;
+        let height = baseHeight;
+        if (options.enableLegend) {
+            switch (options.legendPosition) {
+                case 'top-right':
+                case 'top-left':
+                    height -= legendSpace; // Reserve space at the top
+                    margin.top += legendSpace;
+                    break;
+                case 'bottom-right':
+                case 'bottom-left':
+                    height -= legendSpace; // Reserve space at the bottom
+                    margin.bottom += legendSpace;
+                    break;
+            }
+        }
+        return { width, height, margin };
+    }
+    createXScale(data, width, margin) {
+        return this.d3
             .scaleBand()
-            .domain(this.getValue().data.map((d) => d.name))
+            .domain(data.map((d) => d.name))
             .range([margin.left, width - margin.right])
             .padding(0.1);
-        const y = this.d3
+    }
+    createYScale(data, height, margin) {
+        return this.d3
             .scaleLinear()
-            .domain([0, this.d3.max(this.getValue().data, (d) => d.value)])
+            .domain([0, this.d3.max(data, (d) => d.value)])
+            .nice()
             .range([height - margin.bottom, margin.top]);
-        const svg = this.d3
-            .select(chartElement)
-            .append('svg')
-            .attr('width', width)
-            .attr('height', height)
-            .attr('viewBox', [0, 0, width, height])
-            .style('max-width', '100%')
-            .style('height', 'auto');
-        // Add the vertical line on the y-axis
-        svg
-            .append('line')
-            .attr('x1', margin.left)
-            .attr('y1', margin.top)
-            .attr('x2', margin.left)
-            .attr('y2', height - margin.bottom)
-            .attr('stroke', 'black')
-            .attr('stroke-width', 1);
-        // Add the bars
-        svg
-            .append('g')
+    }
+    drawBars(data, x, y, height, margin, options) {
+        this.svg
             .selectAll('rect')
-            .data(this.getValue().data)
-            .join('rect')
-            .attr('fill', (d) => d.color || this.getValue().options.color || 'steelblue')
-            .attr('x', (d) => x(d.name))
+            .data(data)
+            .enter()
+            .append('rect')
+            .attr('x', (d) => x(d.name) || 0)
+            .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))
-            .attr('width', x.bandwidth());
-        // Add the x-axis
-        svg
+            .attr('height', (d) => y(0) - y(d.value));
+    }
+    drawAxes(x, y, height, margin, options) {
+        const axisColor = options.axisColor || '#000';
+        const axisFontSize = options.axisFontSize || 12;
+        // Draw X axis
+        this.svg
             .append('g')
+            .attr('class', 'x-axis')
             .attr('transform', `translate(0,${height - margin.bottom})`)
-            .call(this.d3.axisBottom(x));
-        // Add the y-axis with tick lines
-        const yAxis = this.d3.axisLeft(y).tickFormat((d) => `${d}`);
-        svg
+            .call(this.d3.axisBottom(x).tickSizeOuter(0))
+            .attr('color', axisColor)
+            .style('font-size', `${axisFontSize}px`);
+        // Draw Y axis
+        this.svg
             .append('g')
+            .attr('class', 'y-axis')
             .attr('transform', `translate(${margin.left},0)`)
-            .call(yAxis)
-            .call((g) => g.select('.domain').remove());
-        if (this.getValue().options.yAxisTick === undefined || this.getValue().options.yAxisTick === true) {
-            // Add tick lines for each y-axis value
-            svg
-                .selectAll('.y-tick-line')
-                .data(y.ticks())
-                .enter()
-                .append('line')
-                .attr('class', 'y-tick-line')
-                .attr('x1', margin.left)
-                .attr('y1', (d) => y(d))
-                .attr('x2', width - margin.right)
-                .attr('y2', (d) => y(d))
-                .attr('stroke', '#0001')
-                .attr('stroke-width', 0.5);
+            .call(this.d3.axisLeft(y))
+            .attr('color', axisColor)
+            .style('font-size', `${axisFontSize}px`);
+    }
+    addTooltips(data, x, y, options) {
+        this.tooltip = this.svg.append('g').attr('class', '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 barX = x(d.name) || 0;
+            const barY = y(d.value);
+            this.tooltip.style('opacity', 1).attr('transform', `translate(${barX + x.bandwidth() / 2 - 40},${barY - 40})`);
+            this.tooltip.select('text').text(`${d.name}: ${d.value}`);
+        })
+            .on('mouseout', () => {
+            this.tooltip.style('opacity', 0);
+        });
+    }
+    addLegend(data, width, height, margin, options) {
+        const legendPosition = options.legendPosition || 'top-right';
+        const legend = this.svg.append('g').attr('class', 'legend');
+        const legendItems = legend
+            .selectAll('.legend-item')
+            .data(data)
+            .enter()
+            .append('g')
+            .attr('class', 'legend-item')
+            .attr('transform', (d, i) => `translate(0, ${i * 20})`);
+        legendItems
+            .append('rect')
+            .attr('width', 16)
+            .attr('height', 16)
+            .attr('fill', (d) => d.color || options.color || 'teal');
+        legendItems
+            .append('text')
+            .attr('x', 24)
+            .attr('y', 12)
+            .attr('fill', '#000')
+            .style('font-size', '12px')
+            .text((d) => d.name);
+        // Position the legend
+        switch (legendPosition) {
+            case 'top-right':
+                legend.attr('transform', `translate(${width - margin.right - 100}, ${margin.top - 80})`);
+                break;
+            case 'top-left':
+                legend.attr('transform', `translate(${margin.left}, ${margin.top - 80})`);
+                break;
+            case 'bottom-right':
+                legend.attr('transform', `translate(${width - margin.right - 100}, ${height - margin.bottom + 20})`);
+                break;
+            case 'bottom-left':
+                legend.attr('transform', `translate(${margin.left}, ${height - margin.bottom + 20})`);
+                break;
         }
     }
+    addExportButton() {
+        const exportButton = this.d3
+            .select(this.chartEl().nativeElement)
+            .append('button')
+            .text('Export to PNG')
+            .style('position', 'absolute')
+            .style('top', '10px')
+            .style('right', '10px')
+            .style('z-index', '1000')
+            .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);
+            }
+        });
+    }
     ngOnDestroy() {
-        this.d3.select(this.chartEl().nativeElement).selectAll('*').remove();
+        if (this.svg) {
+            this.svg.selectAll('*').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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBarChartWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ` <div class="ax-flex ax-justify-center ax-items-center" #chart></div>`,
+                    template: `<div class="ax-flex ax-justify-center ax-items-center" #chart></div>`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
@@ -12074,7 +12261,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 = {};
@@ -12208,8 +12394,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: {
@@ -12257,14 +12444,14 @@ class AXPTabularDataEditorWidgetEditComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
         this.columns = computed(() => this.options()['columns']);
-        this.isPopup = computed(() => this.options()['isPopup']);
+        this.defaultRowCount = computed(() => this.options()['defaultRowCount']);
         this.popupService = inject(AXPopupService);
         this.platform = inject(AXPlatform);
     }
     async openPopup() {
-        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-widgets-tabular-data-edit-popup.component-D2-nHqYy.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,
@@ -12273,24 +12460,19 @@ class AXPTabularDataEditorWidgetEditComponent extends AXPWidgetComponent {
             data: {
                 columns: this.columns(),
                 context: this.getValue(),
+                defaultRowCount: this.defaultRowCount(),
             },
         });
         this.setValue(popupData.data?.context);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataEditorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTabularDataEditorWidgetEditComponent, isStandalone: true, selector: "axp-tabular-data-editor-widget", usesInheritance: true, ngImport: i0, template: `
-    <span class="ax-truncate ax-underline ax-cursor-pointer" (click)="openPopup()">
-      Click To Edit</span>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "ngmodule", type: AXDataTableModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTabularDataEditorWidgetEditComponent, isStandalone: true, selector: "axp-tabular-data-editor-widget", usesInheritance: true, ngImport: i0, template: ` <span class="ax-truncate ax-underline ax-cursor-pointer" (click)="openPopup()"> Click To Edit</span> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "ngmodule", type: AXDataTableModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataEditorWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-tabular-data-editor-widget',
-                    template: `
-    <span class="ax-truncate ax-underline ax-cursor-pointer" (click)="openPopup()">
-      Click To Edit</span>
-  `,
+                    template: ` <span class="ax-truncate ax-underline ax-cursor-pointer" (click)="openPopup()"> Click To Edit</span> `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [
                         CommonModule,
@@ -12356,20 +12538,9 @@ class AXPTabularDataEditorWidgetViewComponent extends AXPWidgetComponent {
         this.popupService = inject(AXPopupService);
         this.platform = inject(AXPlatform);
         this.columns = this.options()['columns'];
-        this.dataSource = new AXDataSource({
-            load: async () => {
-                const items = this.getValue() ?? [];
-                return {
-                    items: items,
-                    total: items.length,
-                };
-            },
-            pageSize: 1000,
-            key: 'gridItem',
-        });
     }
     async openPopup() {
-        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-widgets-tabular-data-view-popup.component-BBRVgZLu.mjs');
+        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-widgets-tabular-data-view-popup.component-BaslkAPS.mjs');
         this.popupService.open(AXPTabularDataPopupComponent, {
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
             header: true,
@@ -12378,7 +12549,7 @@ class AXPTabularDataEditorWidgetViewComponent extends AXPWidgetComponent {
             draggable: true,
             title: this.path ?? '',
             data: {
-                dataSource: this.dataSource,
+                items: this.getValue() ?? [],
                 columns: this.columns,
             },
         });
@@ -12415,7 +12586,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' } }),
@@ -14205,5 +14375,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