@acorex/platform 19.2.8 → 19.2.9

package/fesm2022/acorex-platform-widgets.mjs

@@ -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,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: {
@@ -3759,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>
@@ -3771,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,
@@ -3894,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: {
@@ -4044,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();
@@ -4105,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>
@@ -4136,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>
@@ -4178,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>
@@ -4209,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>
@@ -4365,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: {
@@ -4440,10 +4597,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) {
@@ -4659,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: {
@@ -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()));
@@ -5608,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',
@@ -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: {
@@ -6717,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,
@@ -7709,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),
@@ -11569,6 +11606,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);
     }
@@ -11583,10 +11625,7 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
             this.addTooltips(data, x, y, options);
         }
         if (options.enableLegend) {
-            this.addLegend(data, width, margin, options);
-        }
-        if (options.enableZoom) {
-            this.addZoom();
+            this.addLegend(data, width, height, margin, options);
         }
         if (options.enableExport) {
             this.addExportButton();
@@ -11594,28 +11633,39 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
     }
     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 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(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 +11682,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 +11691,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';
@@ -11695,61 +11712,37 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
             .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', '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);
+            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.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})`);
+    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)
@@ -11759,49 +11752,31 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
             .attr('transform', (d, i) => `translate(0, ${i * 20})`);
         legendItems
             .append('rect')
-            .attr('width', 18)
-            .attr('height', 18)
+            .attr('width', 16)
+            .attr('height', 16)
             .attr('fill', (d) => d.color || options.color || 'teal');
         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);
+            .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
@@ -11811,6 +11786,7 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
             .style('position', 'absolute')
             .style('top', '10px')
             .style('right', '10px')
+            .style('z-index', '1000')
             .on('click', () => {
             const svgElement = this.svg.node();
             if (svgElement) {
@@ -11836,9 +11812,6 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
         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 }); }
@@ -12288,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 = {};
@@ -12422,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: {
@@ -12476,9 +12449,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,
@@ -12613,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' } }),
@@ -14403,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