@acorex/platform 19.2.2 → 19.2.4

package/fesm2022/acorex-platform-widgets.mjs

@@ -1,5 +1,5 @@
 import * as i1$6 from '@acorex/platform/layout/builder';
-import { AXPWidgetsCatalog, createStringProperty, createBooleanProperty, createSelectProperty, cloneProperty, AXPWidgetComponent, AXP_WIDGETS_ACTION_GROUP, AXP_WIDGETS_EDITOR_GROUP, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPWidgetStatus, AXPPageStatus, AXP_WIDGETS_ADVANCE_GROUP, AXPLayoutBuilderModule, AXP_WIDGETS_LAYOUT_GROUP, AXP_WIDGETS_FILTER_GROUP } from '@acorex/platform/layout/builder';
+import { AXPWidgetsCatalog, createStringProperty, createBooleanProperty, createSelectProperty, cloneProperty, AXPWidgetComponent, AXP_WIDGETS_ACTION_GROUP, AXP_WIDGETS_EDITOR_GROUP, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPWidgetStatus, AXPPageStatus, AXP_WIDGETS_ADVANCE_GROUP, AXPLayoutBuilderModule, AXP_WIDGETS_LAYOUT_GROUP, AXP_WIDGETS_VALIDATION_GROUP, AXP_WIDGETS_FILTER_GROUP } from '@acorex/platform/layout/builder';
 import { AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, AXDataSource } from '@acorex/components/common';
 import * as i1$2 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
@@ -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, HostBinding, signal, effect, ViewEncapsulation, InjectionToken, ViewChild, untracked, ChangeDetectorRef, viewChild, ElementRef, afterRender, afterNextRender, NgZone, model, input, HostListener, NgModule } 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 * as i1 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
 import * as i3$1 from '@acorex/components/form';
@@ -84,24 +84,29 @@ import { AXColorUtil } from '@acorex/core/utils';
 import { DomSanitizer } from '@angular/platform-browser';
 
 const AXP_STYLING_PROPERTY_GROUP = {
-    name: "styling",
+    name: 'styling',
     order: 1,
-    title: "Styling"
+    title: 'Styling',
 };
 const AXP_DATA_PROPERTY_GROUP = {
-    name: "data",
+    name: 'data',
     order: 3,
-    title: "Data"
+    title: 'Data',
 };
 const AXP_BEHAVIOR_PROPERTY_GROUP = {
-    name: "behavior",
+    name: 'behavior',
     order: 2,
-    title: "Behavior"
+    title: 'Behavior',
 };
 const AXP_WIDGET_PROPERTY_GROUP = {
-    name: "widget",
+    name: 'widget',
     order: 0,
-    title: "Widget"
+    title: 'Widget',
+};
+const AXP_VALIDATION_PROPERTY_GROUP = {
+    name: 'validation',
+    order: 4,
+    title: 'validation',
 };
 
 const AXP_DATA_SOURCE_PROPERTY = {
@@ -381,14 +386,14 @@ const AXP_VALUE_FIELD_PROPERTY = createStringProperty({
     title: 'Value Field',
     path: 'options.valueField',
     group: AXP_DATA_PROPERTY_GROUP,
-    defaultValue: "id",
+    defaultValue: 'id',
 });
 const AXP_TEXT_FIELD_PROPERTY = createStringProperty({
     name: 'textField',
     title: 'Text Field',
     path: 'options.textField',
     group: AXP_DATA_PROPERTY_GROUP,
-    defaultValue: "title",
+    defaultValue: 'title',
 });
 const AXP_DESCRIPTION_PROPERTY = createStringProperty({
     name: 'description',
@@ -1231,6 +1236,7 @@ class AXPContactWidgetEditComponent extends AXPWidgetComponent {
             }
         });
         this.internalValue = computed(() => this.valueToArray());
+        this.#af = afterNextRender(() => console.log(this.options()['placeholder'], this.type()));
         this.popup = inject(AXPopupService);
         this.dataSource = new AXDataSource({
             pageSize: this.labelList().length,
@@ -1273,6 +1279,7 @@ class AXPContactWidgetEditComponent extends AXPWidgetComponent {
             }
         };
     }
+    #af;
     addItem() {
         const newValues = [...this.internalValue(), this.emptyValue()];
         this.setValue(this.setFormatedValue(newValues));
@@ -1683,6 +1690,7 @@ const AXPContactWidget = {
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_HAS_LABEL_PROPERTY,
         AXP_HAS_ICON_PROPERTY,
+        AXP_PLACEHOLDER_PROPERTY,
     ],
     components: {
         view: {
@@ -5394,6 +5402,7 @@ class AXPTextBoxWidgetEditComponent extends AXPWidgetComponent {
         this.placeholder = computed(() => this.options()['placeholder']);
         this.validationRules = computed(() => this.options()['validationRules'] ?? []);
         this.internalValue = computed(() => Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]);
+        this.eff = effect(() => console.log(this.options()));
     }
     handleValueChange(e, i) {
         if (e.isUserInteraction) {
@@ -5511,15 +5520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     </div>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        CommonModule,
-                        AXTextBoxModule,
-                        FormsModule,
-                        AXFormModule,
-                        AXDecoratorModule,
-                        AXValidationModule,
-                        AXButtonModule,
-                    ],
+                    imports: [CommonModule, AXTextBoxModule, FormsModule, AXFormModule, AXDecoratorModule, AXValidationModule, AXButtonModule],
                     inputs: [],
                 }]
         }], propDecorators: { __class: [{
@@ -5590,6 +5591,142 @@ 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',
@@ -5607,6 +5744,15 @@ 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: {
@@ -7800,7 +7946,7 @@ class AXPAdvancedGridWidgetDesignerComponent extends AXPWidgetComponent {
         this.justify = computed(() => this.options()['gridOptions']?.default?.justifyItems ?? 'stretch');
         this.gap = computed(() => this.options()['gridOptions']?.default?.gap ?? '0px');
         this.cells = computed(() => this.calcTotalCells(this.options()['gridOptions']?.default?.gridTemplateRows ?? 'repeat(1, 1fr)', this.options()['gridOptions']?.default?.gridTemplateColumns ?? 'repeat(1, 1fr)'));
-        this.effect1 = effect(() => console.log(this.options()['gridOptions']));
+        // effect1 = effect(() => console.log(this.options()['gridOptions']));
         this.effect2 = effect(() => {
             this.gap();
             untracked(() => this.grid()?.setMargin(this.gap()));
@@ -7894,13 +8040,7 @@ class AXPAdvancedGridWidgetDesignerComponent extends AXPWidgetComponent {
     @if(settled()) {
     <ax-grid-layout-container [options]="gridOptions">
       @for (child of children(); track $index) {
-      <ng-container
-        axp-widget-designer-renderer
-        [node]="child"
-        [parentNode]="this"
-        [mode]="this.mode"
-        [locked]="this.locked"
-      >
+      <ng-container axp-widget-designer-renderer [node]="child" [parentNode]="this" [mode]="this.mode" [locked]="this.locked">
       </ng-container>
       }
     </ax-grid-layout-container>
@@ -7924,13 +8064,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     @if(settled()) {
     <ax-grid-layout-container [options]="gridOptions">
       @for (child of children(); track $index) {
-      <ng-container
-        axp-widget-designer-renderer
-        [node]="child"
-        [parentNode]="this"
-        [mode]="this.mode"
-        [locked]="this.locked"
-      >
+      <ng-container axp-widget-designer-renderer [node]="child" [parentNode]="this" [mode]="this.mode" [locked]="this.locked">
       </ng-container>
       }
     </ax-grid-layout-container>
@@ -10345,6 +10479,1028 @@ const AXPSpacingWidget = {
     visible: false,
 };
 
+const AXP_BASE_VALIDATION_INFORMATION = {
+    requiredValidation: {
+        rule: 'required',
+        message: 'This field is required.',
+        placeholder: 'Enter error message',
+    },
+    regularExpressionValidation: {
+        rule: 'regularExpression',
+        message: 'Invalid format. Check the pattern.',
+        placeholder: 'Enter regular expression',
+        title: 'Validation Pattern:',
+        options: { pattern: '' },
+    },
+    minLengthValidation: {
+        rule: 'minLength',
+        message: 'Too short. Enter at least 1 characters.',
+        placeholder: 'Enter minimum length',
+        title: 'Minimum Length:',
+        options: { value: 1 },
+    },
+    maxLengthValidation: {
+        rule: 'maxLength',
+        message: 'Too long. Maximum 8 characters is allowed.',
+        placeholder: 'Enter maximum length',
+        title: 'Maximum Length:',
+        options: { value: 8 },
+    },
+    lessThanValidation: {
+        rule: 'lessThan',
+        message: 'Value must be less than 5.',
+        placeholder: 'Enter maximum allowed value',
+        title: 'Maximum Value:',
+        options: { value: 5 },
+    },
+    greaterThanValidation: {
+        rule: 'greaterThan',
+        message: 'Value must be greater than 3.',
+        placeholder: 'Enter minimum allowed value',
+        title: 'Minimum Value:',
+        options: { value: 3 },
+    },
+    betweenValidation: {
+        rule: 'between',
+        message: 'Value must be between 0 and 10.',
+        placeholder: 'Min, Max',
+        title: 'Value Range:',
+        options: { lowerValue: 0, upperValue: 10 },
+    },
+    equalValidation: {
+        rule: 'equal',
+        message: 'Value must be equal to 10.',
+        placeholder: 'Enter the value',
+        title: 'Value:',
+        options: { value: '10' },
+    },
+    callbackValidation: {
+        rule: 'callback',
+        message: 'Invalid value.',
+        placeholder: 'Enter A callback to check validation.',
+        title: 'Validation Callback:',
+        options: {
+            validate: `(val: any) => {
+        const isValid = val > 10;
+        return {
+          rule: 'callback',
+          result: isValid,
+          message: isValid ? '' : 'Please fill the content',
+          value: val,
+        };
+      }`,
+        },
+    },
+};
+
+class AXPBaseValidationComponent {
+    constructor() {
+        this.validationStatus = model(false);
+        this.validationText = model('');
+        this.validationTextPlaceholder = input('Enter Error Message');
+        this.isStatusChanged = false;
+        this.endOfViewEl = viewChild('el');
+        this.#syncScroll = afterRender(() => {
+            if (this.endOfViewEl()?.nativeElement && this.validationStatus() && this.isStatusChanged) {
+                const rect = this.endOfViewEl()?.nativeElement.getBoundingClientRect();
+                const isInViewport = rect?.top >= 0 && rect?.bottom <= window.innerHeight;
+                if (!isInViewport) {
+                    this.endOfViewEl()?.nativeElement.scrollIntoView({ behavior: 'auto', block: 'center' });
+                }
+            }
+            this.isStatusChanged = false;
+        });
+    }
+    setValidationStatus(event) {
+        this.validationStatus.set(event);
+        this.isStatusChanged = true;
+    }
+    setValidationText(event) {
+        this.validationText.set(event);
+    }
+    #syncScroll;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBaseValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPBaseValidationComponent, isStandalone: true, selector: "axp-base-validation-component", inputs: { validationStatus: { classPropertyName: "validationStatus", publicName: "validationStatus", isSignal: true, isRequired: false, transformFunction: null }, validationText: { classPropertyName: "validationText", publicName: "validationText", isSignal: true, isRequired: false, transformFunction: null }, validationTextPlaceholder: { classPropertyName: "validationTextPlaceholder", publicName: "validationTextPlaceholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { validationStatus: "validationStatusChange", validationText: "validationTextChange" }, viewQueries: [{ propertyName: "endOfViewEl", first: true, predicate: ["el"], descendants: true, isSignal: true }], ngImport: i0, template: `<div>
+    <div class="ax-flex ax-flex-col ax-gap-2 ax-pt-1 ax-text-xs ax-tracking-wider">
+      <ax-switch [ngModel]="validationStatus()" (ngModelChange)="setValidationStatus($event)"> </ax-switch>
+      @if(validationStatus()){
+      <ng-content select=".if-valid"></ng-content>
+      <div>
+        <p class="ax-pb-1">Validation Error Message:</p>
+        <ax-text-box
+          [placeholder]="validationTextPlaceholder()"
+          [ngModel]="validationText()"
+          (ngModelChange)="setValidationText($event)"
+        ></ax-text-box>
+      </div>
+      }
+    </div>
+    <ng-content></ng-content>
+    <div #el class="ax-h-[1px]"></div>
+  </div> `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "component", type: i2$4.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i7.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBaseValidationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-base-validation-component',
+                    template: `<div>
+    <div class="ax-flex ax-flex-col ax-gap-2 ax-pt-1 ax-text-xs ax-tracking-wider">
+      <ax-switch [ngModel]="validationStatus()" (ngModelChange)="setValidationStatus($event)"> </ax-switch>
+      @if(validationStatus()){
+      <ng-content select=".if-valid"></ng-content>
+      <div>
+        <p class="ax-pb-1">Validation Error Message:</p>
+        <ax-text-box
+          [placeholder]="validationTextPlaceholder()"
+          [ngModel]="validationText()"
+          (ngModelChange)="setValidationText($event)"
+        ></ax-text-box>
+      </div>
+      }
+    </div>
+    <ng-content></ng-content>
+    <div #el class="ax-h-[1px]"></div>
+  </div> `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPLayoutBuilderModule, AXLabelModule, AXSwitchModule, AXTextBoxModule, FormsModule],
+                }]
+        }] });
+
+class AXPBetweenValidationWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.validationName = this.token.node.name;
+        this.validationInformation = AXP_BASE_VALIDATION_INFORMATION[this.validationName];
+        this.validationStatus = linkedSignal(() => this.getValue()?.rule === this.validationInformation.rule ? true : false);
+        this.validationLowerValue = linkedSignal(() => this.getValue()?.options?.lowerValue ?? this.validationInformation.options?.lowerValue ?? 1);
+        this.validationUpperValue = linkedSignal(() => this.getValue()?.options?.upperValue ?? this.validationInformation.options?.upperValue ?? 10);
+        this.validationInclusive = linkedSignal(() => this.getValue()?.options?.inclusive ?? this.validationInformation.options?.inclusive ?? false);
+        this.validationText = linkedSignal(() => this.getValue()?.message ?? this.validationInformation.message);
+        this.validationPlaceholder = this.validationInformation?.placeholder.split(',').length
+            ? ['Min', 'Max']
+            : this.validationInformation?.placeholder.split(',');
+        this.#syncChange = effect(() => {
+            if (this.validationStatus()) {
+                this.setValue({
+                    rule: this.validationInformation.rule,
+                    message: this.validationText(),
+                    options: {
+                        lowerValue: this.validationLowerValue(),
+                        upperValue: this.validationUpperValue(),
+                        inclusive: this.validationInclusive(),
+                    },
+                });
+            }
+            else
+                this.setValue(undefined);
+        });
+    }
+    ToggleRule(event) {
+        this.validationStatus.set(event);
+    }
+    setValidation(event, isLower = true) {
+        isLower ? this.validationLowerValue.set(event) : this.validationUpperValue.set(event);
+    }
+    #syncChange;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBetweenValidationWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPBetweenValidationWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <div class="ax-flex ax-items-center ax-gap-4">
+          <ax-number-box
+            [placeholder]="validationPlaceholder[0]"
+            [showSpinButtons]="false"
+            [ngModel]="validationLowerValue()"
+            [maxValue]="validationUpperValue() - 1"
+            (ngModelChange)="setValidation($event)"
+          ></ax-number-box>
+          <ax-number-box
+            [placeholder]="validationPlaceholder[1]"
+            [showSpinButtons]="false"
+            [minValue]="validationLowerValue() + 1"
+            [ngModel]="validationUpperValue()"
+            (ngModelChange)="setValidation($event, false)"
+          ></ax-number-box>
+          <ax-check-box [ngModel]="validationInclusive()" (ngModelChange)="validationInclusive.set($event)">
+            <ax-label>inclusive</ax-label>
+          </ax-check-box>
+        </div>
+      </div>
+    </div>
+  </axp-base-validation-component>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPBaseValidationComponent, selector: "axp-base-validation-component", inputs: ["validationStatus", "validationText", "validationTextPlaceholder"], outputs: ["validationStatusChange", "validationTextChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i1$3.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "changeOnScroll", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBetweenValidationWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <div class="ax-flex ax-items-center ax-gap-4">
+          <ax-number-box
+            [placeholder]="validationPlaceholder[0]"
+            [showSpinButtons]="false"
+            [ngModel]="validationLowerValue()"
+            [maxValue]="validationUpperValue() - 1"
+            (ngModelChange)="setValidation($event)"
+          ></ax-number-box>
+          <ax-number-box
+            [placeholder]="validationPlaceholder[1]"
+            [showSpinButtons]="false"
+            [minValue]="validationLowerValue() + 1"
+            [ngModel]="validationUpperValue()"
+            (ngModelChange)="setValidation($event, false)"
+          ></ax-number-box>
+          <ax-check-box [ngModel]="validationInclusive()" (ngModelChange)="validationInclusive.set($event)">
+            <ax-label>inclusive</ax-label>
+          </ax-check-box>
+        </div>
+      </div>
+    </div>
+  </axp-base-validation-component>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        AXPLayoutBuilderModule,
+                        AXPBaseValidationComponent,
+                        AXCheckBoxModule,
+                        AXLabelModule,
+                        AXNumberBoxModule,
+                        FormsModule,
+                    ],
+                }]
+        }] });
+
+var betweenValidationWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPBetweenValidationWidgetEditComponent: AXPBetweenValidationWidgetEditComponent
+});
+
+const AXPBetweenExpressionValidationWidget = {
+    name: 'between-validation',
+    title: 'Value Must Be Between Range',
+    group: AXP_WIDGETS_VALIDATION_GROUP,
+    type: 'validation',
+    icon: 'fa-solid fa-random',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return betweenValidationWidgetEdit_component; }).then((c) => c.AXPBetweenValidationWidgetEditComponent),
+        },
+    },
+};
+
+class AXPCallbackValidationWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.validationName = this.token.node.name;
+        this.validationInformation = AXP_BASE_VALIDATION_INFORMATION[this.validationName];
+        this.validationStatus = linkedSignal(() => this.getValue()?.rule === this.validationInformation.rule ? true : false);
+        this.validationValue = linkedSignal(() => this.getValue()?.options?.validate ?? this.validationInformation.options?.validate ?? '');
+        this.validationText = linkedSignal(() => this.getValue()?.message ?? this.validationInformation.message);
+        this.validationPlaceholder = this.validationInformation.placeholder;
+        this.#syncChange = effect(() => {
+            if (this.validationStatus()) {
+                this.setValue({
+                    rule: this.validationInformation.rule,
+                    message: this.validationText(),
+                    options: { validate: this.validationValue() },
+                });
+            }
+            else
+                this.setValue(undefined);
+        });
+    }
+    ToggleRule(event) {
+        this.validationStatus.set(event);
+    }
+    setValidation(event) {
+        this.validationValue.set(event);
+    }
+    #syncChange;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCallbackValidationWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPCallbackValidationWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <ax-text-area
+          [placeholder]="validationInformation.placeholder"
+          [ngModel]="validationValue()"
+          (ngModelChange)="setValidation($event)"
+        ></ax-text-area>
+        ax
+      </div>
+    </div>
+  </axp-base-validation-component>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPBaseValidationComponent, selector: "axp-base-validation-component", inputs: ["validationStatus", "validationText", "validationTextPlaceholder"], outputs: ["validationStatusChange", "validationTextChange"] }, { kind: "ngmodule", type: AXTextAreaModule }, { kind: "component", type: i4$1.AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTextBoxModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPCallbackValidationWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <ax-text-area
+          [placeholder]="validationInformation.placeholder"
+          [ngModel]="validationValue()"
+          (ngModelChange)="setValidation($event)"
+        ></ax-text-area>
+        ax
+      </div>
+    </div>
+  </axp-base-validation-component>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPLayoutBuilderModule, AXPBaseValidationComponent, AXTextAreaModule, AXTextBoxModule, FormsModule],
+                }]
+        }] });
+
+var callbackValidationWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPCallbackValidationWidgetEditComponent: AXPCallbackValidationWidgetEditComponent
+});
+
+const AXPCallbackValidationWidget = {
+    name: 'callback-validation',
+    title: 'Exact Value Requirement',
+    group: AXP_WIDGETS_VALIDATION_GROUP,
+    type: 'validation',
+    icon: 'fa-solid fa-callbacks',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return callbackValidationWidgetEdit_component; }).then((c) => c.AXPCallbackValidationWidgetEditComponent),
+        },
+    },
+};
+
+class AXPEqualValidationWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.validationName = this.token.node.name;
+        this.validationInformation = AXP_BASE_VALIDATION_INFORMATION[this.validationName];
+        this.validationStatus = linkedSignal(() => this.getValue()?.rule === this.validationInformation.rule ? true : false);
+        this.validationValue = linkedSignal(() => this.getValue()?.options?.value ?? this.validationInformation.options?.value ?? 1);
+        this.validationText = linkedSignal(() => this.getValue()?.message ?? this.validationInformation.message);
+        this.validationPlaceholder = this.validationInformation.placeholder;
+        this.#syncChange = effect(() => {
+            if (this.validationStatus()) {
+                this.setValue({
+                    rule: this.validationInformation.rule,
+                    message: this.validationText(),
+                    options: { value: this.validationValue() },
+                });
+            }
+            else
+                this.setValue(undefined);
+        });
+    }
+    ToggleRule(event) {
+        this.validationStatus.set(event);
+    }
+    setValidation(event) {
+        this.validationValue.set(event);
+    }
+    #syncChange;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEqualValidationWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPEqualValidationWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <ax-text-box
+          [placeholder]="validationInformation.placeholder"
+          [ngModel]="validationValue()"
+          (ngModelChange)="setValidation($event)"
+        ></ax-text-box>
+      </div>
+    </div>
+  </axp-base-validation-component>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPBaseValidationComponent, selector: "axp-base-validation-component", inputs: ["validationStatus", "validationText", "validationTextPlaceholder"], outputs: ["validationStatusChange", "validationTextChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i7.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEqualValidationWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <ax-text-box
+          [placeholder]="validationInformation.placeholder"
+          [ngModel]="validationValue()"
+          (ngModelChange)="setValidation($event)"
+        ></ax-text-box>
+      </div>
+    </div>
+  </axp-base-validation-component>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPLayoutBuilderModule, AXPBaseValidationComponent, AXTextBoxModule, FormsModule],
+                }]
+        }] });
+
+var equalValidationWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPEqualValidationWidgetEditComponent: AXPEqualValidationWidgetEditComponent
+});
+
+const AXPEqualValidationWidget = {
+    name: 'equal-validation',
+    title: 'Exact Value Requirement',
+    group: AXP_WIDGETS_VALIDATION_GROUP,
+    type: 'validation',
+    icon: 'fa-solid fa-equals',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return equalValidationWidgetEdit_component; }).then((c) => c.AXPEqualValidationWidgetEditComponent),
+        },
+    },
+};
+
+class AXPGreaterThanValidationWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.validationName = this.token.node.name;
+        this.validationInformation = AXP_BASE_VALIDATION_INFORMATION[this.validationName];
+        this.validationStatus = linkedSignal(() => this.getValue()?.rule === this.validationInformation.rule ? true : false);
+        this.validationValue = linkedSignal(() => this.getValue()?.options?.value ?? this.validationInformation.options?.value ?? 1);
+        this.validationInclusive = linkedSignal(() => this.getValue()?.options?.inclusive ?? this.validationInformation.options?.inclusive ?? false);
+        this.validationText = linkedSignal(() => this.getValue()?.message ?? this.validationInformation.message);
+        this.validationPlaceholder = this.validationInformation.placeholder;
+        this.#syncChange = effect(() => {
+            if (this.validationStatus()) {
+                this.setValue({
+                    rule: this.validationInformation.rule,
+                    message: this.validationText(),
+                    options: { value: this.validationValue(), inclusive: this.validationInclusive() },
+                });
+            }
+            else
+                this.setValue(undefined);
+        });
+    }
+    ToggleRule(event) {
+        this.validationStatus.set(event);
+    }
+    setValidation(event) {
+        this.validationValue.set(event);
+    }
+    #syncChange;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGreaterThanValidationWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPGreaterThanValidationWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <div class="ax-flex ax-items-center ax-gap-4">
+          <ax-number-box
+            [placeholder]="validationInformation.placeholder"
+            [ngModel]="validationValue()"
+            (ngModelChange)="setValidation($event)"
+          ></ax-number-box>
+          <ax-check-box [ngModel]="validationInclusive()" (ngModelChange)="validationInclusive.set($event)">
+            <ax-label>inclusive</ax-label>
+          </ax-check-box>
+        </div>
+      </div>
+    </div>
+  </axp-base-validation-component>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPBaseValidationComponent, selector: "axp-base-validation-component", inputs: ["validationStatus", "validationText", "validationTextPlaceholder"], outputs: ["validationStatusChange", "validationTextChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i1$3.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "changeOnScroll", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGreaterThanValidationWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <div class="ax-flex ax-items-center ax-gap-4">
+          <ax-number-box
+            [placeholder]="validationInformation.placeholder"
+            [ngModel]="validationValue()"
+            (ngModelChange)="setValidation($event)"
+          ></ax-number-box>
+          <ax-check-box [ngModel]="validationInclusive()" (ngModelChange)="validationInclusive.set($event)">
+            <ax-label>inclusive</ax-label>
+          </ax-check-box>
+        </div>
+      </div>
+    </div>
+  </axp-base-validation-component>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        AXPLayoutBuilderModule,
+                        AXPBaseValidationComponent,
+                        AXLabelModule,
+                        AXCheckBoxModule,
+                        AXNumberBoxModule,
+                        FormsModule,
+                    ],
+                }]
+        }] });
+
+var greaterThanValidationWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPGreaterThanValidationWidgetEditComponent: AXPGreaterThanValidationWidgetEditComponent
+});
+
+const AXPGreaterThanExpressionValidationWidget = {
+    name: 'greater-than-validation',
+    title: 'Value Must Be Greater Than',
+    group: AXP_WIDGETS_VALIDATION_GROUP,
+    type: 'validation',
+    icon: 'fa-solid fa-chevron-right',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return greaterThanValidationWidgetEdit_component; }).then((c) => c.AXPGreaterThanValidationWidgetEditComponent),
+        },
+    },
+};
+
+class AXPLessThanValidationWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.validationName = this.token.node.name;
+        this.validationInformation = AXP_BASE_VALIDATION_INFORMATION[this.validationName];
+        this.validationStatus = linkedSignal(() => this.getValue()?.rule === this.validationInformation.rule ? true : false);
+        this.validationValue = linkedSignal(() => this.getValue()?.options?.value ?? this.validationInformation.options?.value ?? 1);
+        this.validationInclusive = linkedSignal(() => this.getValue()?.options?.inclusive ?? this.validationInformation.options?.inclusive ?? false);
+        this.validationText = linkedSignal(() => this.getValue()?.message ?? this.validationInformation.message);
+        this.validationPlaceholder = this.validationInformation.placeholder;
+        this.#syncChange = effect(() => {
+            if (this.validationStatus()) {
+                this.setValue({
+                    rule: this.validationInformation.rule,
+                    message: this.validationText(),
+                    options: { value: this.validationValue(), inclusive: this.validationInclusive() },
+                });
+            }
+            else
+                this.setValue(undefined);
+        });
+    }
+    ToggleRule(event) {
+        this.validationStatus.set(event);
+    }
+    setValidation(event) {
+        this.validationValue.set(event);
+    }
+    #syncChange;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLessThanValidationWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPLessThanValidationWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <div class="ax-flex ax-items-center ax-gap-4">
+          <ax-number-box
+            [placeholder]="validationInformation.placeholder"
+            [ngModel]="validationValue()"
+            (ngModelChange)="setValidation($event)"
+          ></ax-number-box>
+          <ax-check-box [ngModel]="validationInclusive()" (ngModelChange)="validationInclusive.set($event)">
+            <ax-label>inclusive</ax-label>
+          </ax-check-box>
+        </div>
+      </div>
+    </div>
+  </axp-base-validation-component>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPBaseValidationComponent, selector: "axp-base-validation-component", inputs: ["validationStatus", "validationText", "validationTextPlaceholder"], outputs: ["validationStatusChange", "validationTextChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i1$3.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "changeOnScroll", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLessThanValidationWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <div class="ax-flex ax-items-center ax-gap-4">
+          <ax-number-box
+            [placeholder]="validationInformation.placeholder"
+            [ngModel]="validationValue()"
+            (ngModelChange)="setValidation($event)"
+          ></ax-number-box>
+          <ax-check-box [ngModel]="validationInclusive()" (ngModelChange)="validationInclusive.set($event)">
+            <ax-label>inclusive</ax-label>
+          </ax-check-box>
+        </div>
+      </div>
+    </div>
+  </axp-base-validation-component>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        AXPLayoutBuilderModule,
+                        AXPBaseValidationComponent,
+                        AXLabelModule,
+                        AXCheckBoxModule,
+                        AXNumberBoxModule,
+                        FormsModule,
+                    ],
+                }]
+        }] });
+
+var lessThanValidationWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPLessThanValidationWidgetEditComponent: AXPLessThanValidationWidgetEditComponent
+});
+
+const AXPLessThanExpressionValidationWidget = {
+    name: 'less-than-validation',
+    title: 'Value Must Be Less Than',
+    group: AXP_WIDGETS_VALIDATION_GROUP,
+    type: 'validation',
+    icon: 'fa-solid fa-less-than-equal',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return lessThanValidationWidgetEdit_component; }).then((c) => c.AXPLessThanValidationWidgetEditComponent),
+        },
+    },
+};
+
+class AXPMaxLengthValidationWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.validationName = this.token.node.name;
+        this.validationInformation = AXP_BASE_VALIDATION_INFORMATION[this.validationName];
+        this.validationStatus = linkedSignal(() => this.getValue()?.rule === this.validationInformation.rule ? true : false);
+        this.validationValue = linkedSignal(() => this.getValue()?.options?.value ?? this.validationInformation.options?.value ?? 2);
+        this.validationText = linkedSignal(() => this.getValue()?.message ?? this.validationInformation.message);
+        this.validationPlaceholder = this.validationInformation.placeholder;
+        this.#syncChange = effect(() => {
+            if (this.validationStatus()) {
+                this.setValue({
+                    rule: this.validationInformation.rule,
+                    message: this.validationText(),
+                    options: { value: this.validationValue() },
+                });
+            }
+            else
+                this.setValue(undefined);
+        });
+    }
+    ToggleRule(event) {
+        this.validationStatus.set(event);
+    }
+    setValidation(event) {
+        this.validationValue.set(event);
+    }
+    #syncChange;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPMaxLengthValidationWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPMaxLengthValidationWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <ax-number-box
+          [placeholder]="validationInformation.placeholder"
+          [ngModel]="validationValue()"
+          (ngModelChange)="setValidation($event)"
+        ></ax-number-box>
+      </div>
+    </div>
+  </axp-base-validation-component>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPBaseValidationComponent, selector: "axp-base-validation-component", inputs: ["validationStatus", "validationText", "validationTextPlaceholder"], outputs: ["validationStatusChange", "validationTextChange"] }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i1$3.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "changeOnScroll", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPMaxLengthValidationWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <ax-number-box
+          [placeholder]="validationInformation.placeholder"
+          [ngModel]="validationValue()"
+          (ngModelChange)="setValidation($event)"
+        ></ax-number-box>
+      </div>
+    </div>
+  </axp-base-validation-component>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPLayoutBuilderModule, AXPBaseValidationComponent, AXNumberBoxModule, FormsModule],
+                }]
+        }] });
+
+var maxLengthValidationWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPMaxLengthValidationWidgetEditComponent: AXPMaxLengthValidationWidgetEditComponent
+});
+
+const AXPMaxLengthExpressionValidationWidget = {
+    name: 'max-length-validation',
+    title: 'Maximum Character Limit',
+    group: AXP_WIDGETS_VALIDATION_GROUP,
+    type: 'validation',
+    icon: 'fa-solid fa-text-slash',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return maxLengthValidationWidgetEdit_component; }).then((c) => c.AXPMaxLengthValidationWidgetEditComponent),
+        },
+    },
+};
+
+class AXPMinLengthValidationWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.validationName = this.token.node.name;
+        this.validationInformation = AXP_BASE_VALIDATION_INFORMATION[this.validationName];
+        this.validationStatus = linkedSignal(() => this.getValue()?.rule === this.validationInformation.rule ? true : false);
+        this.validationValue = linkedSignal(() => this.getValue()?.options?.value ?? this.validationInformation.options?.value ?? 1);
+        this.validationText = linkedSignal(() => this.getValue()?.message ?? this.validationInformation.message);
+        this.validationPlaceholder = this.validationInformation.placeholder;
+        this.#syncChange = effect(() => {
+            if (this.validationStatus()) {
+                this.setValue({
+                    rule: this.validationInformation.rule,
+                    message: this.validationText(),
+                    options: { value: this.validationValue() },
+                });
+            }
+            else
+                this.setValue(undefined);
+        });
+    }
+    ToggleRule(event) {
+        this.validationStatus.set(event);
+    }
+    setValidation(event) {
+        this.validationValue.set(event);
+    }
+    #syncChange;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPMinLengthValidationWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPMinLengthValidationWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <ax-number-box
+          [placeholder]="validationInformation.placeholder"
+          [ngModel]="validationValue()"
+          (ngModelChange)="setValidation($event)"
+        ></ax-number-box>
+      </div>
+    </div>
+  </axp-base-validation-component>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPBaseValidationComponent, selector: "axp-base-validation-component", inputs: ["validationStatus", "validationText", "validationTextPlaceholder"], outputs: ["validationStatusChange", "validationTextChange"] }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i1$3.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "changeOnScroll", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPMinLengthValidationWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <ax-number-box
+          [placeholder]="validationInformation.placeholder"
+          [ngModel]="validationValue()"
+          (ngModelChange)="setValidation($event)"
+        ></ax-number-box>
+      </div>
+    </div>
+  </axp-base-validation-component>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPLayoutBuilderModule, AXPBaseValidationComponent, AXNumberBoxModule, FormsModule],
+                }]
+        }] });
+
+var minLengthValidationWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPMinLengthValidationWidgetEditComponent: AXPMinLengthValidationWidgetEditComponent
+});
+
+const AXPMinLengthExpressionValidationWidget = {
+    name: 'min-length-validation',
+    title: 'Minimum Character Limit',
+    group: AXP_WIDGETS_VALIDATION_GROUP,
+    type: 'validation',
+    icon: 'fa-solid fa-text-width',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return minLengthValidationWidgetEdit_component; }).then((c) => c.AXPMinLengthValidationWidgetEditComponent),
+        },
+    },
+};
+
+class AXPRegularExpressionValidationWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.validationName = this.token.node.name;
+        this.validationInformation = AXP_BASE_VALIDATION_INFORMATION[this.validationName];
+        this.validationStatus = linkedSignal(() => this.getValue()?.rule === this.validationInformation.rule ? true : false);
+        this.validationValue = linkedSignal(() => this.getValue()?.options?.value ?? this.validationInformation.options?.pattern ?? '');
+        this.validationText = linkedSignal(() => this.getValue()?.message ?? this.validationInformation.message);
+        this.validationPlaceholder = this.validationInformation.placeholder;
+        this.#syncChange = effect(() => {
+            if (this.validationStatus()) {
+                this.setValue({
+                    rule: this.validationInformation.rule,
+                    message: this.validationText(),
+                    options: { pattern: this.validationValue() },
+                });
+            }
+            else
+                this.setValue(undefined);
+        });
+    }
+    ToggleRule(event) {
+        this.validationStatus.set(event);
+    }
+    setValidation(event) {
+        this.validationValue.set(event);
+    }
+    #syncChange;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPRegularExpressionValidationWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPRegularExpressionValidationWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <ax-text-box
+          [placeholder]="validationInformation.placeholder"
+          [ngModel]="validationValue()"
+          (ngModelChange)="setValidation($event)"
+        ></ax-text-box>
+      </div>
+    </div>
+  </axp-base-validation-component>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPBaseValidationComponent, selector: "axp-base-validation-component", inputs: ["validationStatus", "validationText", "validationTextPlaceholder"], outputs: ["validationStatusChange", "validationTextChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i7.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPRegularExpressionValidationWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+  >
+    <div class="if-valid">
+      <div>
+        <p class="ax-pb-1">{{ validationInformation.title }}</p>
+        <ax-text-box
+          [placeholder]="validationInformation.placeholder"
+          [ngModel]="validationValue()"
+          (ngModelChange)="setValidation($event)"
+        ></ax-text-box>
+      </div>
+    </div>
+  </axp-base-validation-component>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPLayoutBuilderModule, AXPBaseValidationComponent, AXTextBoxModule, FormsModule],
+                }]
+        }] });
+
+var regularExpressionValidationWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPRegularExpressionValidationWidgetEditComponent: AXPRegularExpressionValidationWidgetEditComponent
+});
+
+const AXPRegularExpressionValidationWidget = {
+    name: 'regular-expression-validation',
+    title: 'Regex Pattern Matching Validation',
+    group: AXP_WIDGETS_VALIDATION_GROUP,
+    type: 'validation',
+    icon: 'fa-solid fa-code',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return regularExpressionValidationWidgetEdit_component; }).then((c) => c.AXPRegularExpressionValidationWidgetEditComponent),
+        },
+    },
+};
+
+class AXPRequiredValidationWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.validationName = this.token.node.name;
+        this.validationInformation = AXP_BASE_VALIDATION_INFORMATION[this.validationName];
+        this.validationStatus = linkedSignal(() => this.getValue()?.rule === this.validationInformation.rule ? true : false);
+        this.validationText = linkedSignal(() => this.getValue()?.message ?? this.validationInformation.message);
+        this.validationPlaceholder = this.validationInformation.placeholder;
+        this.#syncChange = effect(() => {
+            if (this.validationStatus()) {
+                this.setValue({ rule: this.validationInformation.rule, message: this.validationText() });
+            }
+            else
+                this.setValue(undefined);
+        });
+    }
+    ToggleRule(event) {
+        this.validationStatus.set(event);
+    }
+    #syncChange;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPRequiredValidationWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPRequiredValidationWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+    [validationTextPlaceholder]="validationPlaceholder"
+  >
+  </axp-base-validation-component>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPBaseValidationComponent, selector: "axp-base-validation-component", inputs: ["validationStatus", "validationText", "validationTextPlaceholder"], outputs: ["validationStatusChange", "validationTextChange"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPRequiredValidationWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<axp-base-validation-component
+    [validationStatus]="validationStatus()"
+    (validationStatusChange)="ToggleRule($event)"
+    [(validationText)]="validationText"
+    [validationTextPlaceholder]="validationPlaceholder"
+  >
+  </axp-base-validation-component>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPLayoutBuilderModule, AXPBaseValidationComponent, FormsModule],
+                }]
+        }] });
+
+var requiredValidationWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPRequiredValidationWidgetEditComponent: AXPRequiredValidationWidgetEditComponent
+});
+
+const AXPRequiredValidationWidget = {
+    name: 'required-validation',
+    title: 'Mandatory Field Validation',
+    group: AXP_WIDGETS_VALIDATION_GROUP,
+    type: 'validation',
+    icon: 'fa-solid fa-exclamation-circle',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return requiredValidationWidgetEdit_component; }).then((c) => c.AXPRequiredValidationWidgetEditComponent),
+        },
+    },
+};
+
 class AXPCronJobWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
@@ -10824,6 +11980,7 @@ class AXPBooleanFilterWidgetEditComponent extends AXPWidgetComponent {
         this.value = computed(() => this.getValue()?.value);
         this.trulyText = computed(() => this.options()['trulyText']);
         this.falsyText = computed(() => this.options()['falsyText']);
+        this.negative = computed(() => this.options()['negative']);
         this.translateService = inject(AXTranslationService);
         this.items = [];
         this.dataSource = new AXDataSource({
@@ -10852,7 +12009,7 @@ class AXPBooleanFilterWidgetEditComponent extends AXPWidgetComponent {
         if (e.isUserInteraction) {
             this.setValue({
                 value: e.value,
-                operation: 'equal',
+                operation: this.negative() ? 'notEqual' : 'equal',
             });
         }
     }
@@ -12483,6 +13640,16 @@ class AXPWidgetsModule {
                     AXPFlexOptionsWidget,
                     AXPGridOptionsWidget,
                     AXPAdvancedGridOptionsWidget,
+                    //validations
+                    AXPRequiredValidationWidget,
+                    AXPRegularExpressionValidationWidget,
+                    AXPMinLengthExpressionValidationWidget,
+                    AXPMaxLengthExpressionValidationWidget,
+                    AXPLessThanExpressionValidationWidget,
+                    AXPGreaterThanExpressionValidationWidget,
+                    AXPBetweenExpressionValidationWidget,
+                    AXPEqualValidationWidget,
+                    AXPCallbackValidationWidget,
                 ],
             })] }); }
 }
@@ -12538,6 +13705,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 AXPFlexOptionsWidget,
                                 AXPGridOptionsWidget,
                                 AXPAdvancedGridOptionsWidget,
+                                //validations
+                                AXPRequiredValidationWidget,
+                                AXPRegularExpressionValidationWidget,
+                                AXPMinLengthExpressionValidationWidget,
+                                AXPMaxLengthExpressionValidationWidget,
+                                AXPLessThanExpressionValidationWidget,
+                                AXPGreaterThanExpressionValidationWidget,
+                                AXPBetweenExpressionValidationWidget,
+                                AXPEqualValidationWidget,
+                                AXPCallbackValidationWidget,
                             ],
                         }),
                     ],
@@ -12551,5 +13728,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, AXPBlockWidget, AXPBlockWidgetDesignerComponent, AXPBlockWidgetViewComponent, AXPBorderWidget, AXPBorderWidgetEditComponent, AXPButtonWidget, AXPButtonWidgetViewComponent, AXPCheckBoxWidget, AXPCheckBoxWidgetEditComponent, AXPContactWidget, AXPContactWidgetColumnComponent, AXPContactWidgetEditComponent, AXPContactWidgetPrintComponent, AXPContactWidgetViewComponent, AXPDateTimeBoxWidget, AXPDateTimeBoxWidgetColumnComponent, AXPDateTimeBoxWidgetEditComponent, AXPDateTimeBoxWidgetFilterComponent, AXPDateTimeBoxWidgetPrintComponent, AXPDateTimeBoxWidgetViewComponent, AXPEmailBoxWidget, AXPEmailBoxWidgetColumnComponent, AXPEmailBoxWidgetEditComponent, AXPEmailBoxWidgetFilterComponent, AXPEmailBoxWidgetPrintComponent, AXPEmailBoxWidgetViewComponent, AXPFileBoxWidget, AXPFileBoxWidgetColumnComponent, AXPFileBoxWidgetEditComponent, AXPFileBoxWidgetFilterComponent, AXPFileBoxWidgetPrintComponent, AXPFileBoxWidgetViewComponent, AXPFileManagementService, AXPFlexOptionsWidget, AXPFlexOptionsWidgetEditComponent, AXPGalleryWidget, AXPGalleryWidgetColumnComponent, AXPGalleryWidgetEditComponent, AXPGalleryWidgetFilterComponent, AXPGalleryWidgetPrintComponent, AXPGalleryWidgetViewComponent, AXPGridOptionsWidget, AXPGridOptionsWidgetEditComponent, AXPLargeTextWidget, AXPLargeTextWidgetColumnComponent, AXPLargeTextWidgetEditComponent, AXPLargeTextWidgetFilterComponent, AXPLargeTextWidgetPrintComponent, AXPLargeTextWidgetViewComponent, AXPLinkWidget, AXPLinkWidgetColumnComponent, AXPLinkWidgetEditComponent, AXPLinkWidgetFilterComponent, AXPLinkWidgetPrintComponent, AXPLinkWidgetViewComponent, AXPMapBoxWidget, AXPMapBoxWidgetEditComponent, AXPMapBoxWidgetViewComponent, AXPNumberBoxWidget, AXPNumberBoxWidgetColumnComponent, AXPNumberBoxWidgetEditComponent, AXPNumberBoxWidgetFilterComponent, AXPNumberBoxWidgetPrintComponent, AXPNumberBoxWidgetViewComponent, AXPPageWidget, AXPPageWidgetViewComponent, AXPPasswordBoxWidget, AXPPasswordBoxWidgetColumnComponent, AXPPasswordBoxWidgetEditComponent, AXPPasswordBoxWidgetFilterComponent, AXPPasswordBoxWidgetPrintComponent, AXPPasswordBoxWidgetViewComponent, AXPPhoneBoxWidget, AXPPhoneBoxWidgetColumnComponent, AXPPhoneBoxWidgetEditComponent, AXPPhoneBoxWidgetFilterComponent, AXPPhoneBoxWidgetPrintComponent, AXPPhoneBoxWidgetViewComponent, AXPPropertyEditorHelper, AXPRepeaterWidget, AXPRepeaterWidgetDesignerComponent, AXPRepeaterWidgetEditComponent, AXPRepeaterWidgetPrintComponent, AXPRepeaterWidgetViewComponent, AXPRichTextWidget, AXPRichTextWidgetColumnComponent, AXPRichTextWidgetEditComponent, AXPRichTextWidgetFilterComponent, AXPRichTextWidgetPrintComponent, AXPRichTextWidgetViewComponent, AXPSelectBoxWidget, AXPSelectBoxWidgetColumnComponent, AXPSelectBoxWidgetEditComponent, AXPSelectBoxWidgetFilterComponent, AXPSelectBoxWidgetPrintComponent, AXPSelectBoxWidgetViewComponent, AXPSelectionListWidget, AXPSelectionListWidgetColumnComponent, AXPSelectionListWidgetDesignerComponent, AXPSelectionListWidgetEditComponent, AXPSelectionListWidgetFilterComponent, AXPSelectionListWidgetPrintComponent, AXPSelectionListWidgetViewComponent, AXPSignatureWidget, AXPSignatureWidgetColumnComponent, AXPSignatureWidgetEditComponent, AXPSignatureWidgetFilterComponent, AXPSignatureWidgetPrintComponent, AXPSignatureWidgetViewComponent, AXPSpacingWidget, AXPSpacingWidgetEditComponent, AXPTextBoxWidget, AXPTextBoxWidgetColumnComponent, AXPTextBoxWidgetEditComponent, 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_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, AXPBetweenExpressionValidationWidget, AXPBetweenValidationWidgetEditComponent, AXPBlockWidget, AXPBlockWidgetDesignerComponent, AXPBlockWidgetViewComponent, AXPBorderWidget, AXPBorderWidgetEditComponent, AXPButtonWidget, AXPButtonWidgetViewComponent, AXPCallbackValidationWidget, AXPCallbackValidationWidgetEditComponent, AXPCheckBoxWidget, AXPCheckBoxWidgetEditComponent, AXPContactWidget, AXPContactWidgetColumnComponent, AXPContactWidgetEditComponent, AXPContactWidgetPrintComponent, AXPContactWidgetViewComponent, AXPDateTimeBoxWidget, AXPDateTimeBoxWidgetColumnComponent, AXPDateTimeBoxWidgetEditComponent, AXPDateTimeBoxWidgetFilterComponent, AXPDateTimeBoxWidgetPrintComponent, AXPDateTimeBoxWidgetViewComponent, 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, 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 };
 //# sourceMappingURL=acorex-platform-widgets.mjs.map