@acorex/platform 19.2.6 → 19.2.8

package/fesm2022/acorex-platform-widgets.mjs

@@ -1,5 +1,5 @@
 import * as i1$6 from '@acorex/platform/layout/builder';
-import { AXPWidgetsCatalog, createStringProperty, createBooleanProperty, createSelectProperty, cloneProperty, AXPWidgetComponent, AXP_WIDGETS_ACTION_GROUP, AXP_WIDGETS_EDITOR_GROUP, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPWidgetStatus, AXPPageStatus, AXP_WIDGETS_ADVANCE_GROUP, AXPLayoutBuilderModule, AXP_WIDGETS_LAYOUT_GROUP, AXP_WIDGETS_VALIDATION_GROUP, AXP_WIDGETS_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_CHART_GROUP, AXP_WIDGETS_FILTER_GROUP } from '@acorex/platform/layout/builder';
 import { AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, AXDataSource } from '@acorex/components/common';
 import * as i1$2 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
@@ -12,7 +12,7 @@ import { AXLoadingModule } from '@acorex/components/loading';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { computed, EventEmitter, Component, ChangeDetectionStrategy, inject, afterNextRender, HostBinding, signal, effect, ViewEncapsulation, InjectionToken, ViewChild, untracked, ChangeDetectorRef, viewChild, ElementRef, afterRender, NgZone, model, input, linkedSignal, HostListener, NgModule } from '@angular/core';
+import { computed, EventEmitter, Component, ChangeDetectionStrategy, inject, afterNextRender, HostBinding, signal, ViewEncapsulation, InjectionToken, effect, ViewChild, untracked, ChangeDetectorRef, viewChild, ElementRef, afterRender, NgZone, model, input, linkedSignal, HostListener, NgModule } from '@angular/core';
 import * as i1 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
 import * as i3$1 from '@acorex/components/form';
@@ -81,6 +81,7 @@ import { AXCronJobModule } from '@acorex/components/cron-job';
 import * as i1$a from '@acorex/components/qrcode';
 import { AXQrcodeModule } from '@acorex/components/qrcode';
 import { AXColorUtil } from '@acorex/core/utils';
+import { AXDataTableModule } from '@acorex/components/data-table';
 import { DomSanitizer } from '@angular/platform-browser';
 
 const AXP_STYLING_PROPERTY_GROUP = {
@@ -1674,7 +1675,7 @@ const AXPContactWidget = {
                 dataType: 'string',
                 nullable: false,
                 interface: {
-                    defaultValue: 'link',
+                    defaultValue: 'email',
                     name: 'type',
                     path: 'options.type',
                     type: AXPWidgetsCatalog.select,
@@ -1793,7 +1794,7 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPWidgetComponent {
         this.disabled = computed(() => this.options()['disabled']);
         this.placeholder = computed(() => this.options()['placeholder']);
         this.internalValue = computed(() => Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]);
-        this._validationRules = [];
+        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
         this.calendarFormat = computed(() => {
             if (this.format() === 'date')
                 return 'dd/MM/yyyy';
@@ -1803,12 +1804,6 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPWidgetComponent {
                 return 'dd/MM/yyyy HH:mm';
         });
     }
-    get validationRules() {
-        return this._validationRules;
-    }
-    set validationRules(v) {
-        this._validationRules = v;
-    }
     handleValueChange(e, i) {
         if (e.isUserInteraction) {
             const newValues = this.internalValue().map((item, index) => (i === index ? e.value : item));
@@ -1844,7 +1839,7 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPWidgetComponent {
         [format]="calendarFormat()"
         [placeholder]="placeholder()"
       >
-        @for (validation of validationRules; track $index) {
+        @for (validation of validationRules(); track $index) {
         <ax-validation-rule
           [rule]="validation.rule"
           [message]="validation.options?.message"
@@ -1886,7 +1881,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         [format]="calendarFormat()"
         [placeholder]="placeholder()"
       >
-        @for (validation of validationRules; track $index) {
+        @for (validation of validationRules(); track $index) {
         <ax-validation-rule
           [rule]="validation.rule"
           [message]="validation.options?.message"
@@ -3900,6 +3895,7 @@ const AXPPasswordBoxWidget = {
     properties: [
         AXP_NAME_PROPERTY,
         AXP_VALIDATION_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
         AXP_HAS_CLEAR_BUTTON_PROPERTY,
         AXP_DISABLED_PROPERTY,
         AXP_HAS_COPY_ICON_PROPERTY,
@@ -4444,16 +4440,19 @@ 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.isFitLine = computed(() => this.options()['fitLineCount'] ?? false);
         this.validationRules = computed(() => this.options()['validationRules'] ?? []);
-        this.eff = effect(() => {
-            console.log(this.getValue());
-        });
     }
     setWysiwyg(e) {
         if (e) {
             this.setValue(e.value);
         }
     }
+    getLinePx(count) {
+        return 24 + 18.46 * count + 'px';
+    }
     get __class() {
         const cls = {};
         cls[`ax-block`] = true;
@@ -4467,7 +4466,11 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetComponent {
     [ngModel]="getValue()"
     (onValueChanged)="setWysiwyg($event)"
   >
-    <ax-wysiwyg-view class="ax-min-h-28"></ax-wysiwyg-view>
+    <ax-wysiwyg-view
+      [style.min-height]="getLinePx(minLineCount())"
+      [style.max-height]="getLinePx(maxLineCount())"
+      [style.height]="'fit-content !important'"
+    ></ax-wysiwyg-view>
     <!-- <ax-wysiwyg-toolbar>
       <ax-wysiwyg-history></ax-wysiwyg-history>
       <ax-wysiwyg-font-style></ax-wysiwyg-font-style>
@@ -4482,6 +4485,7 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetComponent {
         <ax-wysiwyg-colors></ax-wysiwyg-colors> <ax-wysiwyg-list></ax-wysiwyg-list>
         <ax-wysiwyg-alignment></ax-wysiwyg-alignment> <ax-wysiwyg-insert></ax-wysiwyg-insert> -->
         <ax-wysiwyg-history></ax-wysiwyg-history>
+        <ax-wysiwyg-insert></ax-wysiwyg-insert>
         <ax-wysiwyg-font-style></ax-wysiwyg-font-style>
         <ax-wysiwyg-colors></ax-wysiwyg-colors>
         <ax-wysiwyg-list></ax-wysiwyg-list>
@@ -4495,7 +4499,7 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetComponent {
       [options]="validation.options"
     ></ax-validation-rule>
     }
-  </ax-wysiwyg-container>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i2$2.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i2$2.AXWysiwygViewComponent, selector: "ax-wysiwyg-view", inputs: ["class"] }, { kind: "component", type: i2$2.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i2$2.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i2$2.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i2$2.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i2$2.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "component", type: i3$5.AXToolBarComponent, selector: "ax-toolbar" }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { 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, encapsulation: i0.ViewEncapsulation.None }); }
+  </ax-wysiwyg-container>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i2$2.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i2$2.AXWysiwygViewComponent, selector: "ax-wysiwyg-view", inputs: ["class"] }, { kind: "component", type: i2$2.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i2$2.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i2$2.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i2$2.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i2$2.AXWysiwygInsertComponent, selector: "ax-wysiwyg-insert" }, { kind: "component", type: i2$2.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "component", type: i3$5.AXToolBarComponent, selector: "ax-toolbar" }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { 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, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPRichTextWidgetEditComponent, decorators: [{
             type: Component,
@@ -4507,7 +4511,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     [ngModel]="getValue()"
     (onValueChanged)="setWysiwyg($event)"
   >
-    <ax-wysiwyg-view class="ax-min-h-28"></ax-wysiwyg-view>
+    <ax-wysiwyg-view
+      [style.min-height]="getLinePx(minLineCount())"
+      [style.max-height]="getLinePx(maxLineCount())"
+      [style.height]="'fit-content !important'"
+    ></ax-wysiwyg-view>
     <!-- <ax-wysiwyg-toolbar>
       <ax-wysiwyg-history></ax-wysiwyg-history>
       <ax-wysiwyg-font-style></ax-wysiwyg-font-style>
@@ -4522,6 +4530,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         <ax-wysiwyg-colors></ax-wysiwyg-colors> <ax-wysiwyg-list></ax-wysiwyg-list>
         <ax-wysiwyg-alignment></ax-wysiwyg-alignment> <ax-wysiwyg-insert></ax-wysiwyg-insert> -->
         <ax-wysiwyg-history></ax-wysiwyg-history>
+        <ax-wysiwyg-insert></ax-wysiwyg-insert>
         <ax-wysiwyg-font-style></ax-wysiwyg-font-style>
         <ax-wysiwyg-colors></ax-wysiwyg-colors>
         <ax-wysiwyg-list></ax-wysiwyg-list>
@@ -4650,7 +4659,7 @@ const AXPRichTextWidget = {
         AXP_DATA_PATH_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
+        // AXP_VALIDATION_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         //cloneProperty(AXP_TABLE_COLUMN_WIDTH_PROPERTY, { schema: { defaultValue: '300px' } }),
     ],
@@ -5402,8 +5411,8 @@ 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()));
     }
+    //eff = effect(() => console.log(this.options()));
     handleValueChange(e, i) {
         if (e.isUserInteraction) {
             const newValues = this.internalValue().map((item, index) => (i === index ? e.value : item));
@@ -5520,7 +5529,15 @@ 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: [{
@@ -5533,11 +5550,11 @@ var textBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPTextBoxWidgetEditComponent: AXPTextBoxWidgetEditComponent
 });
 
-class AXPTextBoxWidgetFilterComponent extends AXPWidgetComponent {
+let AXPTextBoxWidgetFilterComponent$1 = class AXPTextBoxWidgetFilterComponent extends AXPWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTextBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent, decorators: [{
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent$1, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -5549,7 +5566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 
 var textBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent
+    AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent$1
 });
 
 class AXPTextBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
@@ -5601,7 +5618,7 @@ const AXP_REQUIRED_VALIDATION_PROPERTY = {
             name: 'requiredValidation',
             path: 'options.requiredValidation',
             type: AXPWidgetsCatalog.requiredValidation,
-            // defaultValue: false,
+            defaultValue: false,
         },
     },
     visible: true,
@@ -5616,7 +5633,7 @@ const AXP_MIN_LENGTH_VALIDATION_PROPERTY = {
             name: 'minLengthValidation',
             path: 'options.minLengthValidation',
             type: AXPWidgetsCatalog.minLengthValidation,
-            // defaultValue: false,
+            defaultValue: false,
         },
     },
     visible: true,
@@ -5631,7 +5648,7 @@ const AXP_MAX_LENGTH_VALIDATION_PROPERTY = {
             name: 'maxLengthValidation',
             path: 'options.maxLengthValidation',
             type: AXPWidgetsCatalog.maxLengthValidation,
-            // defaultValue: false,
+            defaultValue: false,
         },
     },
     visible: true,
@@ -5646,7 +5663,7 @@ const AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY = {
             name: 'regularExpressionValidation',
             path: 'options.regularExpressionValidation',
             type: AXPWidgetsCatalog.regularExpressionValidation,
-            // defaultValue: false,
+            defaultValue: false,
         },
     },
     visible: true,
@@ -5661,7 +5678,7 @@ const AXP_LESS_THAN_VALIDATION_PROPERTY = {
             name: 'lessThanValidation',
             path: 'options.lessThanValidation',
             type: AXPWidgetsCatalog.lessThanValidation,
-            // defaultValue: false,
+            defaultValue: false,
         },
     },
     visible: true,
@@ -5676,7 +5693,7 @@ const AXP_GREATER_THAN_VALIDATION_PROPERTY = {
             name: 'greaterThanValidation',
             path: 'options.greaterThanValidation',
             type: AXPWidgetsCatalog.greaterThanValidation,
-            // defaultValue: false,
+            defaultValue: false,
         },
     },
     visible: true,
@@ -5691,7 +5708,7 @@ const AXP_BETWEEN_VALIDATION_PROPERTY = {
             name: 'betweenValidation',
             path: 'options.betweenValidation',
             type: AXPWidgetsCatalog.betweenValidation,
-            // defaultValue: false,
+            defaultValue: false,
         },
     },
     visible: true,
@@ -5706,7 +5723,7 @@ const AXP_EQUAL_VALIDATION_PROPERTY = {
             name: 'equalValidation',
             path: 'options.equalValidation',
             type: AXPWidgetsCatalog.equalValidation,
-            // defaultValue: false,
+            defaultValue: false,
         },
     },
     visible: true,
@@ -5721,7 +5738,7 @@ const AXP_CALLBACK_VALIDATION_PROPERTY = {
             name: 'callbackValidation',
             path: 'options.callbackValidation',
             type: AXPWidgetsCatalog.callbackValidation,
-            // defaultValue: false,
+            defaultValue: false,
         },
     },
     visible: true,
@@ -5740,7 +5757,6 @@ const AXPTextBoxWidget = {
         AXP_DATA_PATH_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DISABLED_PROPERTY,
-        AXP_VALIDATION_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         AXP_HAS_CLEAR_BUTTON_PROPERTY,
         plainTextDefaultProperty(),
@@ -6133,7 +6149,7 @@ class AXPAvatarWidgetEditComponent extends AXPWidgetComponent {
               </div>
         </div>
       }
-  `, isInline: true, styles: ["axp-avatar-widget-edit .axp-empty{height:11rem;width:11rem;cursor:pointer;border-radius:.375rem;border-width:2px;border-style:dashed;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1));display:flex;align-items:center;justify-content:center}axp-avatar-widget-edit .axp-empty.axp-state-error{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-danger-500),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-empty:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-400),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-empty.axp-state-loading{--fa-animation-duration: .7s}axp-avatar-widget-edit .axp-empty.axp-state-loading i{font-size:1.875rem;line-height:2.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-empty.axp-state-loading i:is(.ax-dark *){--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-400),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content{cursor:pointer;overflow:hidden;border-radius:.375rem;border-width:1px;display:flex}axp-avatar-widget-edit .axp-content.axp-state-error{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-danger-500),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-content>:first-child{border-start-start-radius:.375rem;border-end-start-radius:.375rem;background-size:cover;background-position:center;height:11rem;width:11rem;border-inline-end-width:1px}axp-avatar-widget-edit .axp-content>:last-child{display:flex;flex-direction:column}axp-avatar-widget-edit .axp-content>:last-child>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axp-avatar-widget-edit .axp-content>:last-child{overflow:hidden}axp-avatar-widget-edit .axp-content>:last-child>div{display:flex;width:5rem;flex:1 1 0%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>div:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-on-surface),var(--tw-bg-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>div>i{font-size:1.5rem;line-height:2rem}axp-avatar-widget-edit .axp-content>:last-child>:first-child{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>:first-child:is(.ax-dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>:last-child{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-danger-500),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>:last-child:is(.ax-dark *){--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-danger-800),var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["axp-avatar-widget-edit .axp-empty{height:11rem;width:11rem;cursor:pointer;border-radius:.375rem;border-width:2px;border-style:dashed;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1));display:flex;align-items:center;justify-content:center}axp-avatar-widget-edit .axp-empty.axp-state-error{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-danger-surface),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-empty:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-primary-surface),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-empty.axp-state-loading{--fa-animation-duration: .7s}axp-avatar-widget-edit .axp-empty.axp-state-loading i{font-size:1.875rem;line-height:2.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-empty.axp-state-loading i:is(.ax-dark *){--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-400),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content{cursor:pointer;overflow:hidden;border-radius:.375rem;border-width:1px;display:flex}axp-avatar-widget-edit .axp-content.axp-state-error{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-danger-surface),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-content>:first-child{border-start-start-radius:.375rem;border-end-start-radius:.375rem;background-size:cover;background-position:center;height:11rem;width:11rem;border-inline-end-width:1px}axp-avatar-widget-edit .axp-content>:last-child{display:flex;flex-direction:column}axp-avatar-widget-edit .axp-content>:last-child>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axp-avatar-widget-edit .axp-content>:last-child{overflow:hidden}axp-avatar-widget-edit .axp-content>:last-child>div{display:flex;width:5rem;flex:1 1 0%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>div:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-darkest-surface),var(--tw-bg-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>div>i{font-size:1.5rem;line-height:2rem}axp-avatar-widget-edit .axp-content>:last-child>:first-child{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-surface),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>:last-child{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-danger-500),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>:last-child:is(.ax-dark *){--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-danger-800),var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPAvatarWidgetEditComponent, decorators: [{
             type: Component,
@@ -6165,7 +6181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
       }
   `, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         CommonModule,
-                    ], styles: ["axp-avatar-widget-edit .axp-empty{height:11rem;width:11rem;cursor:pointer;border-radius:.375rem;border-width:2px;border-style:dashed;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1));display:flex;align-items:center;justify-content:center}axp-avatar-widget-edit .axp-empty.axp-state-error{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-danger-500),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-empty:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-400),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-empty.axp-state-loading{--fa-animation-duration: .7s}axp-avatar-widget-edit .axp-empty.axp-state-loading i{font-size:1.875rem;line-height:2.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-empty.axp-state-loading i:is(.ax-dark *){--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-400),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content{cursor:pointer;overflow:hidden;border-radius:.375rem;border-width:1px;display:flex}axp-avatar-widget-edit .axp-content.axp-state-error{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-danger-500),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-content>:first-child{border-start-start-radius:.375rem;border-end-start-radius:.375rem;background-size:cover;background-position:center;height:11rem;width:11rem;border-inline-end-width:1px}axp-avatar-widget-edit .axp-content>:last-child{display:flex;flex-direction:column}axp-avatar-widget-edit .axp-content>:last-child>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axp-avatar-widget-edit .axp-content>:last-child{overflow:hidden}axp-avatar-widget-edit .axp-content>:last-child>div{display:flex;width:5rem;flex:1 1 0%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>div:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-on-surface),var(--tw-bg-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>div>i{font-size:1.5rem;line-height:2rem}axp-avatar-widget-edit .axp-content>:last-child>:first-child{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>:first-child:is(.ax-dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>:last-child{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-danger-500),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>:last-child:is(.ax-dark *){--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-danger-800),var(--tw-text-opacity, 1))}\n"] }]
+                    ], styles: ["axp-avatar-widget-edit .axp-empty{height:11rem;width:11rem;cursor:pointer;border-radius:.375rem;border-width:2px;border-style:dashed;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1));display:flex;align-items:center;justify-content:center}axp-avatar-widget-edit .axp-empty.axp-state-error{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-danger-surface),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-empty:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-primary-surface),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-empty.axp-state-loading{--fa-animation-duration: .7s}axp-avatar-widget-edit .axp-empty.axp-state-loading i{font-size:1.875rem;line-height:2.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-empty.axp-state-loading i:is(.ax-dark *){--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-400),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content{cursor:pointer;overflow:hidden;border-radius:.375rem;border-width:1px;display:flex}axp-avatar-widget-edit .axp-content.axp-state-error{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-danger-surface),var(--tw-border-opacity, 1))}axp-avatar-widget-edit .axp-content>:first-child{border-start-start-radius:.375rem;border-end-start-radius:.375rem;background-size:cover;background-position:center;height:11rem;width:11rem;border-inline-end-width:1px}axp-avatar-widget-edit .axp-content>:last-child{display:flex;flex-direction:column}axp-avatar-widget-edit .axp-content>:last-child>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}axp-avatar-widget-edit .axp-content>:last-child{overflow:hidden}axp-avatar-widget-edit .axp-content>:last-child>div{display:flex;width:5rem;flex:1 1 0%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>div:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-darkest-surface),var(--tw-bg-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>div>i{font-size:1.5rem;line-height:2rem}axp-avatar-widget-edit .axp-content>:last-child>:first-child{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-on-surface),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>:last-child{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-danger-500),var(--tw-text-opacity, 1))}axp-avatar-widget-edit .axp-content>:last-child>:last-child:is(.ax-dark *){--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-danger-800),var(--tw-text-opacity, 1))}\n"] }]
         }] });
 
 var avatarWidgetEdit_component = /*#__PURE__*/Object.freeze({
@@ -6285,26 +6301,41 @@ var fileBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
 class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
-        this.fileService = inject(AXFileService);
         this.fileStorage = inject(AXPFileStorageService);
         this.multiple = computed(() => this.options()['multiple']);
         this.accept = computed(() => this.options()['accept']);
         this.description = computed(() => this.options()['description']);
         this.metaData = computed(() => this.options()['metaData']);
-        this.refId = computed(() => this.options()['metaData']);
-        this.refType = computed(() => this.options()['metaData']);
+        this.refId = computed(() => this.options()['refId']);
+        this.refType = computed(() => this.options()['refType']);
         this.internalValue = computed(() => {
             if (!this.getValue())
                 return [];
             return this.getValue() ? (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]) : [{}];
         });
+        this.markedListAsCommitted = null;
+        this.markedListAsDeleted = null;
+        this.#effect2 = effect(async () => {
+            const status = this.layoutService.status();
+            if (status == AXPPageStatus.Submitted) {
+                if (this.markedListAsCommitted) {
+                    for (const fileId of this.markedListAsCommitted) {
+                        await this.fileStorage.commit(fileId);
+                    }
+                    this.markedListAsCommitted = null;
+                }
+                if (this.markedListAsDeleted) {
+                    for (const fileId of this.markedListAsDeleted) {
+                        await this.fileStorage.markForDeletion(fileId);
+                    }
+                    this.markedListAsDeleted = null;
+                }
+            }
+        });
     }
-    handleOnFileUploadComplete(e) {
-        console.log('here');
-    }
-    handleOnFilesUploadComplete(e) {
-        console.log('here');
-    }
+    #effect2;
+    handleOnFileUploadComplete(e) { }
+    handleOnFilesUploadComplete(e) { }
     async handleChanged(e) {
         const results = [];
         for (var i = 0; i < e.requests.length; i++) {
@@ -6315,13 +6346,15 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
                 refType: this.refType(),
                 isPrimary: true,
             }));
+            e.requests[i].finish();
+        }
+        if (!this.multiple()) {
+            this.setValue(results[0].fileId);
+            this.markedListAsCommitted = [results[0].fileId];
         }
-        //  const results = await this.fileService.upload(e.requests, this.metaData);
-        //  const uploadedFilesResult = results.filter((r) => r.status === 'fulfilled');
-        if (!this.multiple)
-            this.setValue(results[0].fileId != null);
         else {
-            this.setValue(results.map((r) => r.fileId != null));
+            this.setValue(results.map((r) => r.fileId));
+            this.markedListAsCommitted = results.map((r) => r.fileId);
         }
     }
     getFileInfo(fileName) {
@@ -6683,6 +6716,7 @@ const AXPFileBoxWidget = {
     type: 'editor',
     properties: [
         AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
         AXP_VALIDATION_PROPERTY,
         AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DOWNLOADABLE_PROPERTY,
@@ -8158,7 +8192,6 @@ class AXPAdvancedGridWidgetViewComponent extends AXPWidgetComponent {
                     //debugger;
                     const save = this.container()?.save();
                     const layout = save?.children?.map((child) => {
-                        debugger;
                         if (child && child.id !== undefined) {
                             return {
                                 ...child,
@@ -8987,8 +9020,8 @@ var repeaterWidgetView_component = /*#__PURE__*/Object.freeze({
 class AXPRepeaterWidgetEditComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
-        this.disabled = computed(() => this.options()["disabled"]);
-        this.hasControls = computed(() => this.options()["hasControls"]);
+        this.disabled = computed(() => this.options()['disabled']);
+        this.hasControls = computed(() => this.options()['hasControls']);
         this.rows = computed(() => {
             return this.convertValueToArray() ?? [];
         });
@@ -9009,24 +9042,20 @@ class AXPRepeaterWidgetEditComponent extends AXPWidgetComponent {
         this.setValue(currentArray);
     }
     convertValueToArray() {
-        return this.getValue() ?
-            Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()] :
-            [];
+        return this.getValue() ? (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]) : [];
     }
     api() {
         return {
-            "addNew": this.addNew.bind(this)
+            addNew: this.addNew.bind(this),
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPRepeaterWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPRepeaterWidgetEditComponent, isStandalone: true, selector: "axp-repeater-widget", usesInheritance: true, ngImport: i0, template: `
-   @if(hasControls())
-    {
+    @if(hasControls()) {
     <div class="ax-grid ax-grid-cols-12 ax-gap-4 ax-items-center">
-      @for(row of rows();let i=$index; track i)
-      {
+      @for(row of rows();let i=$index; track i) {
       <div class="ax-col-span-11">
-        <ng-container [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{index:i}"></ng-container>
+        <ng-container [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{ index: i }"></ng-container>
       </div>
       <ax-button
         [disabled]="disabled()"
@@ -9037,38 +9066,36 @@ class AXPRepeaterWidgetEditComponent extends AXPWidgetComponent {
       >
         <ax-icon icon="fa-regular fa-xmark"></ax-icon>
       </ax-button>
+      } @empty {
+      <ng-container [ngTemplateOutlet]="empty"></ng-container>
       }
-      @empty {
-        <ng-container [ngTemplateOutlet]="empty" ></ng-container>
-      }    
       <ax-button
-          [text]="rows().length ? 'Start Adding Items':'Add Your First Item'"
-          look="twotone"
-          [disabled]="disabled()"
-          (onClick)="handleAddItemClick()"
-          class="ax-col-start-10  ax-col-end-13"
-        >
+        [text]="rows().length ? 'Start Adding Items' : 'Add Your First Item'"
+        look="twotone"
+        [disabled]="disabled()"
+        (onClick)="handleAddItemClick()"
+        class="ax-col-start-10  ax-col-end-13"
+      >
         <ax-prefix>
           <ax-icon class="fa-solid fa-add"></ax-icon>
         </ax-prefix>
       </ax-button>
     </div>
-    }
-    @else {
-      @for(row of rows();let i=$index; track i)
-      {
-        <ng-container [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{index:i}"></ng-container>
-      }
-      @empty {
-        <ng-container [ngTemplateOutlet]="empty" ></ng-container>
-      }    
-    }
-    <ng-template #tpl let-index="index">   
-      @for (node of children();track $index) 
-      {
-      <ng-container axp-widget-renderer [node]="node" [parentNode]="this" [index]="index" [mode]="this.mode"></ng-container>
+    } @else { @for(row of rows();let i=$index; track i) {
+    <ng-container [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{ index: i }"></ng-container>
+    } @empty {
+    <ng-container [ngTemplateOutlet]="empty"></ng-container>
+    } }
+    <ng-template #tpl let-index="index">
+      @for (node of children();track $index) {
+      <ng-container
+        axp-widget-renderer
+        [node]="node"
+        [parentNode]="this"
+        [index]="index"
+        [mode]="this.mode"
+      ></ng-container>
       }
-    
     </ng-template>
     <ng-template #empty>
       <div class="ax-col-start-1 ax-col-end-10  ax-text-sm ax-text-gray-400">
@@ -9082,13 +9109,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             args: [{
                     selector: 'axp-repeater-widget',
                     template: `
-   @if(hasControls())
-    {
+    @if(hasControls()) {
     <div class="ax-grid ax-grid-cols-12 ax-gap-4 ax-items-center">
-      @for(row of rows();let i=$index; track i)
-      {
+      @for(row of rows();let i=$index; track i) {
       <div class="ax-col-span-11">
-        <ng-container [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{index:i}"></ng-container>
+        <ng-container [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{ index: i }"></ng-container>
       </div>
       <ax-button
         [disabled]="disabled()"
@@ -9099,38 +9124,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
       >
         <ax-icon icon="fa-regular fa-xmark"></ax-icon>
       </ax-button>
+      } @empty {
+      <ng-container [ngTemplateOutlet]="empty"></ng-container>
       }
-      @empty {
-        <ng-container [ngTemplateOutlet]="empty" ></ng-container>
-      }    
       <ax-button
-          [text]="rows().length ? 'Start Adding Items':'Add Your First Item'"
-          look="twotone"
-          [disabled]="disabled()"
-          (onClick)="handleAddItemClick()"
-          class="ax-col-start-10  ax-col-end-13"
-        >
+        [text]="rows().length ? 'Start Adding Items' : 'Add Your First Item'"
+        look="twotone"
+        [disabled]="disabled()"
+        (onClick)="handleAddItemClick()"
+        class="ax-col-start-10  ax-col-end-13"
+      >
         <ax-prefix>
           <ax-icon class="fa-solid fa-add"></ax-icon>
         </ax-prefix>
       </ax-button>
     </div>
-    }
-    @else {
-      @for(row of rows();let i=$index; track i)
-      {
-        <ng-container [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{index:i}"></ng-container>
-      }
-      @empty {
-        <ng-container [ngTemplateOutlet]="empty" ></ng-container>
-      }    
-    }
-    <ng-template #tpl let-index="index">   
-      @for (node of children();track $index) 
-      {
-      <ng-container axp-widget-renderer [node]="node" [parentNode]="this" [index]="index" [mode]="this.mode"></ng-container>
+    } @else { @for(row of rows();let i=$index; track i) {
+    <ng-container [ngTemplateOutlet]="tpl" [ngTemplateOutletContext]="{ index: i }"></ng-container>
+    } @empty {
+    <ng-container [ngTemplateOutlet]="empty"></ng-container>
+    } }
+    <ng-template #tpl let-index="index">
+      @for (node of children();track $index) {
+      <ng-container
+        axp-widget-renderer
+        [node]="node"
+        [parentNode]="this"
+        [index]="index"
+        [mode]="this.mode"
+      ></ng-container>
       }
-    
     </ng-template>
     <ng-template #empty>
       <div class="ax-col-start-1 ax-col-end-10  ax-text-sm ax-text-gray-400">
@@ -9139,7 +9162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     </ng-template>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXPLayoutBuilderModule]
+                    imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXPLayoutBuilderModule],
                 }]
         }] });
 
@@ -11515,6 +11538,443 @@ const AXPRequiredValidationWidget = {
     },
 };
 
+class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.chartEl = viewChild.required('chart');
+        this.data = linkedSignal(() => this.getValue());
+        this.isRendered = false;
+        this.#af = afterNextRender(async () => {
+            await this.loadD3();
+            this.initializeChart();
+            this.isRendered = true;
+        });
+        this.#eff = effect(() => {
+            this.data();
+            if (this.isRendered) {
+                this.updateChart(this.data());
+            }
+        });
+    }
+    #af;
+    #eff;
+    async loadD3() {
+        try {
+            this.d3 = await import('d3');
+        }
+        catch (error) {
+            console.error('Failed to load D3.js:', error);
+        }
+    }
+    initializeChart() {
+        const chartValue = this.data();
+        const { width, height, margin } = this.getChartDimensions(chartValue.options);
+        this.svg = this.d3.select(this.chartEl().nativeElement).append('svg').attr('width', width).attr('height', height);
+        this.drawChart(chartValue);
+    }
+    drawChart(chartValue) {
+        const { data, options } = chartValue;
+        const { width, height, margin } = this.getChartDimensions(options);
+        const x = this.createXScale(data, width, margin);
+        const y = this.createYScale(data, height, margin);
+        this.drawBars(data, x, y, height, margin, options);
+        this.drawAxes(x, y, height, margin, options);
+        if (options.enableTooltip) {
+            this.addTooltips(data, x, y, options);
+        }
+        if (options.enableLegend) {
+            this.addLegend(data, width, margin, options);
+        }
+        if (options.enableZoom) {
+            this.addZoom();
+        }
+        if (options.enableExport) {
+            this.addExportButton();
+        }
+    }
+    updateChart(chartValue) {
+        const { data, options } = chartValue;
+        const { width, height, margin } = this.getChartDimensions(options);
+        const x = this.createXScale(data, width, margin);
+        const y = this.createYScale(data, height, margin);
+        this.updateBars(data, x, y, height, margin, options);
+        this.updateAxes(x, y, height, margin, options);
+        if (options.enableTooltip) {
+            this.updateTooltips(data, x, y, options);
+        }
+        if (options.enableLegend) {
+            this.updateLegend(data, width, margin, options);
+        }
+    }
+    getChartDimensions(options) {
+        const width = options.width || 400;
+        const height = options.height || 200;
+        const margin = options.margin || { top: 20, right: 20, bottom: 30, left: 40 };
+        return { width, height, margin };
+    }
+    createXScale(data, width, margin) {
+        return this.d3
+            .scaleBand()
+            .domain(data.map((d) => d.name)) // Use name instead of id
+            .range([margin.left, width - margin.right])
+            .padding(0.1);
+    }
+    createYScale(data, height, margin) {
+        return this.d3
+            .scaleLinear()
+            .domain([0, this.d3.max(data, (d) => d.value)])
+            .nice()
+            .range([height - margin.bottom, margin.top]);
+    }
+    drawBars(data, x, y, height, margin, options) {
+        this.svg
+            .selectAll('rect')
+            .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('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));
+        // 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';
+        const axisFontSize = options.axisFontSize || 12;
+        // Draw X axis
+        this.svg
+            .append('g')
+            .attr('class', 'x-axis')
+            .attr('transform', `translate(0,${height - margin.bottom})`)
+            .call(this.d3.axisBottom(x).tickSizeOuter(0))
+            .attr('color', axisColor)
+            .style('font-size', `${axisFontSize}px`);
+        // Draw Y axis
+        this.svg
+            .append('g')
+            .attr('class', 'y-axis')
+            .attr('transform', `translate(${margin.left},0)`)
+            .call(this.d3.axisLeft(y))
+            .attr('color', axisColor)
+            .style('font-size', `${axisFontSize}px`);
+    }
+    updateAxes(x, y, height, margin, options) {
+        const axisColor = options.axisColor || '#000';
+        const axisFontSize = options.axisFontSize || 12;
+        // Update X axis
+        this.svg
+            .select('.x-axis')
+            .transition()
+            .duration(500)
+            .call(this.d3.axisBottom(x).tickSizeOuter(0))
+            .attr('color', axisColor)
+            .style('font-size', `${axisFontSize}px`);
+        // Update Y axis
+        this.svg
+            .select('.y-axis')
+            .transition()
+            .duration(500)
+            .call(this.d3.axisLeft(y))
+            .attr('color', axisColor)
+            .style('font-size', `${axisFontSize}px`);
+    }
+    addTooltips(data, x, y, options) {
+        this.tooltip = this.d3
+            .select('body')
+            .append('div')
+            .attr('class', 'tooltip')
+            .style('opacity', 0)
+            .style('position', 'absolute')
+            .style('background', options.tooltipBackground || '#fff')
+            .style('color', options.tooltipTextColor || '#000')
+            .style('padding', '5px')
+            .style('border-radius', '3px');
+        this.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`);
+        })
+            .on('mouseout', () => {
+            this.tooltip.transition().duration(500).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})`);
+        const legendItems = legend
+            .selectAll('.legend-item')
+            .data(data)
+            .enter()
+            .append('g')
+            .attr('class', 'legend-item')
+            .attr('transform', (d, i) => `translate(0, ${i * 20})`);
+        legendItems
+            .append('rect')
+            .attr('width', 18)
+            .attr('height', 18)
+            .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);
+    }
+    addExportButton() {
+        const exportButton = this.d3
+            .select(this.chartEl().nativeElement)
+            .append('button')
+            .text('Export to PNG')
+            .style('position', 'absolute')
+            .style('top', '10px')
+            .style('right', '10px')
+            .on('click', () => {
+            const svgElement = this.svg.node();
+            if (svgElement) {
+                const serializer = new XMLSerializer();
+                const svgString = serializer.serializeToString(svgElement);
+                const canvas = document.createElement('canvas');
+                const ctx = canvas.getContext('2d');
+                const img = new Image();
+                img.onload = () => {
+                    canvas.width = img.width;
+                    canvas.height = img.height;
+                    ctx?.drawImage(img, 0, 0);
+                    const link = document.createElement('a');
+                    link.download = 'chart.png';
+                    link.href = canvas.toDataURL('image/png');
+                    link.click();
+                };
+                img.src = 'data:image/svg+xml;base64,' + btoa(svgString);
+            }
+        });
+    }
+    ngOnDestroy() {
+        if (this.svg) {
+            this.svg.selectAll('*').remove();
+        }
+        if (this.tooltip) {
+            this.tooltip.remove();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBarChartWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXPBarChartWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "chartEl", first: true, predicate: ["chart"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-justify-center ax-items-center" #chart></div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBarChartWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<div class="ax-flex ax-justify-center ax-items-center" #chart></div>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+var barChartWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPBarChartWidgetEditComponent: AXPBarChartWidgetEditComponent
+});
+
+const AXPBarChartWidget = {
+    name: 'bar-chart',
+    title: 'Bar Chart Widget',
+    group: AXP_WIDGETS_CHART_GROUP,
+    type: 'chart',
+    icon: 'fa-solid fa-chart-bar',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return barChartWidgetEdit_component; }).then((c) => c.AXPBarChartWidgetEditComponent),
+        },
+    },
+};
+
+class AXPDonutChartWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.chartEl = viewChild.required('chart');
+        this.#af = afterNextRender(async () => {
+            await this.loadD3();
+            this.createChart();
+        });
+    }
+    #af;
+    async loadD3() {
+        try {
+            this.d3 = await import('d3');
+        }
+        catch (error) {
+            console.error('Failed to load D3.js:', error);
+        }
+    }
+    createChart() {
+        const chartElement = this.chartEl().nativeElement;
+        this.d3.select(chartElement).selectAll('*').remove();
+        const width = this.getValue().options.width;
+        const height = this.getValue().options.height;
+        const radius = Math.min(width, height) / 2;
+        const arc = this.d3
+            .arc()
+            .innerRadius(radius * 0.67)
+            .outerRadius(radius - 1);
+        const pie = this.d3
+            .pie()
+            .sort(null)
+            .value((d) => d.value);
+        const colors = this.getValue().data.map((d) => d.color || this.getRandomColor());
+        const color = this.d3
+            .scaleOrdinal()
+            .domain(this.getValue().data.map((d) => d.name))
+            .range(colors);
+        const svg = this.d3
+            .select(chartElement)
+            .append('svg')
+            .attr('width', width)
+            .attr('height', height)
+            .attr('role', 'img')
+            .attr('aria-label', 'Donut chart')
+            .attr('viewBox', [-width / 2, -height / 2, width, height])
+            .style('max-width', '100%')
+            .style('height', 'auto');
+        svg
+            .append('g')
+            .selectAll('path')
+            .data(pie(this.getValue().data))
+            .join('path')
+            .attr('fill', (d) => color(d.data.name))
+            .attr('d', (d) => arc(d));
+        svg
+            .append('g')
+            .attr('font-size', 11)
+            .attr('text-anchor', 'middle')
+            .selectAll('text')
+            .data(pie(this.getValue().data))
+            .join('text')
+            .attr('transform', (d) => `translate(${arc.centroid(d)})`)
+            .text((d) => `${d.data.name}: ${d.data.value}`);
+    }
+    getRandomColor() {
+        // Generate a random hex color
+        return `#${Math.floor(Math.random() * 16777215).toString(16)}`;
+    }
+    ngOnDestroy() {
+        this.d3.select(this.chartEl().nativeElement).selectAll('*').remove();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDonutChartWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXPDonutChartWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "chartEl", first: true, predicate: ["chart"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <div class="ax-flex ax-justify-center ax-items-center" #chart></div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDonutChartWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <div class="ax-flex ax-justify-center ax-items-center" #chart></div>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+var donutChartWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPDonutChartWidgetEditComponent: AXPDonutChartWidgetEditComponent
+});
+
+const AXPDonutChartWidget = {
+    name: 'donut-chart',
+    title: 'Donut Chart Widget',
+    group: AXP_WIDGETS_CHART_GROUP,
+    type: 'chart',
+    icon: 'fa-solid fa-donut',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return donutChartWidgetEdit_component; }).then((c) => c.AXPDonutChartWidgetEditComponent),
+        },
+    },
+};
+
 class AXPCronJobWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
@@ -11987,6 +12447,199 @@ const AXPColorBoxWidget = {
     },
 };
 
+class AXPTableEditorWidgetColumnComponent extends AXPColumnWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTableEditorWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTableEditorWidgetColumnComponent, isStandalone: true, selector: "axp-tabular-editor-widget-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `{{ rawValue }}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTableEditorWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-tabular-editor-widget-column',
+                    template: `{{ rawValue }}`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: ['rawValue'],
+                }]
+        }] });
+
+var tableWidgetColumn_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTableEditorWidgetColumnComponent: AXPTableEditorWidgetColumnComponent
+});
+
+class AXPTabularDataEditorWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.columns = computed(() => this.options()['columns']);
+        this.defaultRowCount = computed(() => this.options()['defaultRowCount']);
+        this.popupService = inject(AXPopupService);
+        this.platform = inject(AXPlatform);
+    }
+    async openPopup() {
+        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-widgets-tabular-data-edit-popup.component-B90if8wb.mjs');
+        const popupData = await this.popupService.open(AXPTabularDataPopupComponent, {
+            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
+            header: true,
+            closeOnBackdropClick: true,
+            closeButton: true,
+            draggable: true,
+            title: this.path ?? '',
+            data: {
+                columns: this.columns(),
+                context: this.getValue(),
+                defaultRowCount: this.defaultRowCount(),
+            },
+        });
+        this.setValue(popupData.data?.context);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataEditorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTabularDataEditorWidgetEditComponent, isStandalone: true, selector: "axp-tabular-data-editor-widget", usesInheritance: true, ngImport: i0, template: ` <span class="ax-truncate ax-underline ax-cursor-pointer" (click)="openPopup()"> Click To Edit</span> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "ngmodule", type: AXDataTableModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataEditorWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-tabular-data-editor-widget',
+                    template: ` <span class="ax-truncate ax-underline ax-cursor-pointer" (click)="openPopup()"> Click To Edit</span> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        CommonModule,
+                        AXTextBoxModule,
+                        FormsModule,
+                        AXFormModule,
+                        AXDecoratorModule,
+                        AXValidationModule,
+                        AXButtonModule,
+                        AXPLayoutBuilderModule,
+                        AXDataTableModule,
+                    ],
+                    inputs: [],
+                }]
+        }] });
+
+var tabularDataWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTabularDataEditorWidgetEditComponent: AXPTabularDataEditorWidgetEditComponent
+});
+
+class AXPTextBoxWidgetFilterComponent extends AXPWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTextBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule],
+                    inputs: []
+                }]
+        }] });
+
+var tableWidgetFilter_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent
+});
+
+class AXPTableEditorWidgetPrintComponent extends AXPWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTableEditorWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTableEditorWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTableEditorWidgetPrintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: [],
+                }]
+        }] });
+
+var tableWidgetPrint_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTableEditorWidgetPrintComponent: AXPTableEditorWidgetPrintComponent
+});
+
+class AXPTabularDataEditorWidgetViewComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.popupService = inject(AXPopupService);
+        this.platform = inject(AXPlatform);
+        this.columns = this.options()['columns'];
+    }
+    async openPopup() {
+        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-widgets-tabular-data-view-popup.component-BaslkAPS.mjs');
+        this.popupService.open(AXPTabularDataPopupComponent, {
+            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
+            header: true,
+            closeOnBackdropClick: true,
+            closeButton: true,
+            draggable: true,
+            title: this.path ?? '',
+            data: {
+                items: this.getValue() ?? [],
+                columns: this.columns,
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataEditorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTabularDataEditorWidgetViewComponent, isStandalone: true, selector: "axp-table-editor-widget", usesInheritance: true, ngImport: i0, template: ` <span class="ax-truncate ax-underline ax-cursor-pointer" (click)="openPopup()"> Click To See Grid</span>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataEditorWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-table-editor-widget',
+                    template: ` <span class="ax-truncate ax-underline ax-cursor-pointer" (click)="openPopup()"> Click To See Grid</span>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: [],
+                }]
+        }] });
+
+var tabularDataWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTabularDataEditorWidgetViewComponent: AXPTabularDataEditorWidgetViewComponent
+});
+
+const AXPTableEditorWidget = {
+    name: 'table-editor',
+    title: 'Table Editor Box',
+    icon: 'fa-solid fa-input-text',
+    description: 'Inputs single-line text',
+    group: AXP_WIDGETS_EDITOR_GROUP,
+    type: 'editor',
+    defaultFilterWidgetName: 'string-filter',
+    properties: [
+        AXP_NAME_PROPERTY,
+        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' } }),
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return tabularDataWidgetView_component; }).then((c) => c.AXPTabularDataEditorWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return tabularDataWidgetEdit_component; }).then((c) => c.AXPTabularDataEditorWidgetEditComponent),
+        },
+        filter: {
+            component: () => Promise.resolve().then(function () { return tableWidgetFilter_component; }).then((c) => c.AXPTextBoxWidgetFilterComponent),
+        },
+        column: {
+            component: () => Promise.resolve().then(function () { return tableWidgetColumn_component; }).then((c) => c.AXPTableEditorWidgetColumnComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return tableWidgetPrint_component; }).then((c) => c.AXPTableEditorWidgetPrintComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return tabularDataWidgetEdit_component; }).then((c) => c.AXPTabularDataEditorWidgetEditComponent),
+        },
+    },
+};
+
 class AXPBooleanFilterWidgetEditComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
@@ -13621,6 +14274,7 @@ class AXPWidgetsModule {
                     AXPGridItemWidget,
                     AXPGridRowWidget,
                     //
+                    AXPTableEditorWidget,
                     AXPTextBoxWidget,
                     AXPCheckBoxWidget,
                     AXPSelectBoxWidget,
@@ -13664,6 +14318,9 @@ class AXPWidgetsModule {
                     AXPBetweenExpressionValidationWidget,
                     AXPEqualValidationWidget,
                     AXPCallbackValidationWidget,
+                    //charts
+                    AXPDonutChartWidget,
+                    AXPBarChartWidget,
                 ],
             })] }); }
 }
@@ -13686,6 +14343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 AXPGridItemWidget,
                                 AXPGridRowWidget,
                                 //
+                                AXPTableEditorWidget,
                                 AXPTextBoxWidget,
                                 AXPCheckBoxWidget,
                                 AXPSelectBoxWidget,
@@ -13729,6 +14387,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 AXPBetweenExpressionValidationWidget,
                                 AXPEqualValidationWidget,
                                 AXPCallbackValidationWidget,
+                                //charts
+                                AXPDonutChartWidget,
+                                AXPBarChartWidget,
                             ],
                         }),
                     ],
@@ -13742,5 +14403,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, 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 };
+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 };
 //# sourceMappingURL=acorex-platform-widgets.mjs.map