@acorex/platform 19.2.9 → 19.2.11

package/fesm2022/acorex-platform-widgets.mjs

@@ -1,5 +1,5 @@
 import * as i1$6 from '@acorex/platform/layout/builder';
-import { AXPWidgetsCatalog, createStringProperty, createBooleanProperty, createSelectProperty, cloneProperty, AXPWidgetComponent, AXP_WIDGETS_ACTION_GROUP, AXP_WIDGETS_EDITOR_GROUP, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPWidgetStatus, AXPPageStatus, AXP_WIDGETS_ADVANCE_GROUP, AXPLayoutBuilderModule, AXP_WIDGETS_LAYOUT_GROUP, AXP_WIDGETS_VALIDATION_GROUP, AXP_WIDGETS_CHART_GROUP, AXP_WIDGETS_FILTER_GROUP } from '@acorex/platform/layout/builder';
+import { AXPWidgetsCatalog, createStringProperty, createBooleanProperty, createSelectProperty, cloneProperty, AXPWidgetComponent, AXP_WIDGETS_ACTION_GROUP, AXP_WIDGETS_EDITOR_GROUP, AXPColumnWidgetComponent, createNumberProperty, AXPDataListWidgetComponent, AXPWidgetStatus, AXPPageStatus, AXP_WIDGETS_ADVANCE_GROUP, AXPLayoutBuilderModule, AXP_WIDGETS_LAYOUT_GROUP, AXP_WIDGETS_VALIDATION_GROUP, AXP_WIDGETS_CHART_GROUP, AXP_WIDGETS_FILTER_GROUP } from '@acorex/platform/layout/builder';
 import { AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, AXDataSource } from '@acorex/components/common';
 import * as i1$2 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
@@ -22,7 +22,7 @@ import { AXLabelModule } from '@acorex/components/label';
 import { AXValidationModule, AXValidationService } from '@acorex/core/validation';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { AXPClipBoardService, AXPFileStorageService, ALL_DEFAULT_OPERATORS, DATE_OPERATORS, BOOLEAN_OPERATORS, NUMBER_OPERATORS, STRING_OPERATORS } from '@acorex/platform/common';
+import { AXPClipBoardService, AXPFileStorageService, AXPDataGenerator, ALL_DEFAULT_OPERATORS, DATE_OPERATORS, BOOLEAN_OPERATORS, NUMBER_OPERATORS, STRING_OPERATORS } from '@acorex/platform/common';
 import { AXPopupService } from '@acorex/components/popup';
 import * as i3$2 from '@acorex/components/select-box';
 import { AXSelectBoxModule, AXSelectBoxComponent } from '@acorex/components/select-box';
@@ -107,7 +107,7 @@ const AXP_WIDGET_PROPERTY_GROUP = {
 const AXP_VALIDATION_PROPERTY_GROUP = {
     name: 'validation',
     order: 4,
-    title: 'validation',
+    title: 'Validation',
 };
 
 const AXP_DATA_SOURCE_PROPERTY = {
@@ -3788,6 +3788,7 @@ const AXPNumberBoxWidget = {
         numberDefaultProperty(),
         numberMinValueProperty(),
         numberMaxValueProperty(),
+        createNumberProperty({ defaultValue: 0, name: 'decimals', title: "Decimals", path: "options.decimals", group: AXP_BEHAVIOR_PROPERTY_GROUP }),
         cloneProperty(AXP_TABLE_COLUMN_WIDTH_PROPERTY, { schema: { defaultValue: '200px' } }),
         //
         AXP_REQUIRED_VALIDATION_PROPERTY,
@@ -4813,7 +4814,6 @@ const AXPRichTextWidget = {
     properties: [
         AXP_NAME_PROPERTY,
         AXP_DATA_PATH_PROPERTY,
-        AXP_ALLOW_MULTIPLE_PROPERTY,
         AXP_DISABLED_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         //cloneProperty(AXP_TABLE_COLUMN_WIDTH_PROPERTY, { schema: { defaultValue: '300px' } }),
@@ -5723,11 +5723,11 @@ var textBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
     AXPTextBoxWidgetEditComponent: AXPTextBoxWidgetEditComponent
 });
 
-let AXPTextBoxWidgetFilterComponent$1 = class AXPTextBoxWidgetFilterComponent extends AXPWidgetComponent {
+class AXPTextBoxWidgetFilterComponent extends AXPWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTextBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent$1, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTextBoxWidgetFilterComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -5739,7 +5739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 
 var textBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent$1
+    AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent
 });
 
 class AXPTextBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
@@ -6346,29 +6346,36 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
                 return [];
             return this.getValue() ? (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]) : [{}];
         });
+        this.files = signal([]);
         this.markedListAsCommitted = null;
         this.markedListAsDeleted = null;
-        this.#effect2 = effect(async () => {
-            const status = this.layoutService.status();
-            if (status == AXPPageStatus.Submitted) {
-                if (this.markedListAsCommitted) {
-                    for (const fileId of this.markedListAsCommitted) {
-                        await this.fileStorage.commit(fileId);
-                    }
-                    this.markedListAsCommitted = null;
+    }
+    async ngOnDestroy() {
+        const status = this.layoutService.status();
+        if (status == AXPPageStatus.Submitted) {
+            if (this.markedListAsCommitted) {
+                for (const fileId of this.markedListAsCommitted) {
+                    await this.fileStorage.commit(fileId);
                 }
-                if (this.markedListAsDeleted) {
-                    for (const fileId of this.markedListAsDeleted) {
-                        await this.fileStorage.markForDeletion(fileId);
-                    }
-                    this.markedListAsDeleted = null;
+                this.markedListAsCommitted = null;
+            }
+            if (this.markedListAsDeleted) {
+                for (const fileId of this.markedListAsDeleted) {
+                    await this.fileStorage.markForDeletion(fileId);
                 }
+                this.markedListAsDeleted = null;
             }
-        });
+        }
+    }
+    handleOnFileRemove(file) {
+        debugger;
+        this.files.update((files) => files.filter((f) => f !== file));
     }
-    #effect2;
     handleOnFileUploadComplete(e) { }
-    handleOnFilesUploadComplete(e) { }
+    handleOnFilesUploadComplete(e) {
+        this.files.set(e.uploadedFiles);
+        console.log(e.uploadedFiles[0].onComplete);
+    }
     async handleChanged(e) {
         const results = [];
         for (var i = 0; i < e.requests.length; i++) {
@@ -6379,7 +6386,9 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
                 refType: this.refType(),
                 isPrimary: true,
             }));
-            e.requests[i].finish();
+            e.requests[i].finish({
+                id: results[i].fileId,
+            });
         }
         if (!this.multiple()) {
             this.setValue(results[0].fileId);
@@ -6394,45 +6403,45 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
         const extension = fileName?.split('.')?.pop()?.toLowerCase();
         switch (extension) {
             case 'txt':
-                return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };
+                return { icon: ' far fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };
             case 'pdf':
-                return { icon: 'fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };
+                return { icon: ' far fa-file-pdf', color: 'ax-bg-red-100 ax-text-red-500' };
             case 'doc':
             case 'docx':
-                return { icon: 'fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };
+                return { icon: ' far fa-file-word', color: 'ax-bg-blue-200 ax-text-blue-600' };
             case 'xls':
             case 'xlsx':
-                return { icon: 'fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };
+                return { icon: ' far fa-file-excel', color: 'ax-bg-green-100 ax-text-green-500' };
             case 'ppt':
             case 'pptx':
-                return { icon: 'fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };
+                return { icon: ' far fa-file-powerpoint', color: 'ax-bg-orange-100 ax-text-orange-500' };
             case 'jpg':
             case 'jpeg':
             case 'png':
             case 'gif':
             case 'bmp':
-                return { icon: 'fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };
+                return { icon: ' far fa-file-image', color: 'ax-bg-purple-100 ax-text-purple-500' };
             case 'zip':
             case 'rar':
             case '7z':
-                return { icon: 'fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+                return { icon: ' far fa-file-archive', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
             case 'mp3':
             case 'wav':
             case 'ogg':
-                return { icon: 'fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };
+                return { icon: ' far fa-file-audio', color: 'ax-bg-pink-100 ax-text-pink-500' };
             case 'mp4':
             case 'avi':
             case 'mkv':
             case 'mov':
-                return { icon: 'fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };
+                return { icon: ' far fa-file-video', color: 'ax-bg-blue-100 ax-text-blue-500' };
             case 'js':
             case 'jsx':
             case 'ts':
             case 'tsx':
-                return { icon: 'fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
+                return { icon: ' far fa-file-code', color: 'ax-bg-yellow-100 ax-text-yellow-500' };
             // Add more cases as needed for other file types
             default:
-                return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };
+                return { icon: ' far fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };
         }
     }
     get __class() {
@@ -6442,7 +6451,7 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
         return cls;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPFileBoxWidgetEditComponent, isStandalone: true, selector: "axp-file-widget-edit", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPFileBoxWidgetEditComponent, isStandalone: true, selector: "axp-file-widget-edit", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     <div class="ax-grid ax-grid-cols-12">
       <div class="ax-col-span-12">
         <ax-uploader-drop-zone
@@ -6456,7 +6465,17 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetComponent {
         ></ax-uploader-drop-zone>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXUploaderModule }, { kind: "component", type: i5$3.AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone", inputs: ["description"] }, { kind: "directive", type: i5$3.AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept"], outputs: ["onChanged", "onFileUploadComplete", "onFilesUploadComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    @for(file of files(); track $index){
+    <div class="ax-grid ax-mt-10 ax-grid-cols-12 ax-gap-1 ax-px-4">
+      <ax-icon class="{{ getFileInfo(file.file.name).icon }} {{ getFileInfo(file.file.name).color }}"></ax-icon>
+      <ax-text class="ax-col-span-10" [textContent]="file.file.name"></ax-text>
+      <div>
+        <ax-icon class="fa-light fa-download ax-px-2"></ax-icon>
+        <ax-icon (click)="handleOnFileRemove(file)" class="fa-light fa-xmark"></ax-icon>
+      </div>
+    </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXUploaderModule }, { kind: "component", type: i5$3.AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone", inputs: ["description"] }, { kind: "directive", type: i5$3.AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept"], outputs: ["onChanged", "onFileUploadComplete", "onFilesUploadComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileBoxWidgetEditComponent, decorators: [{
             type: Component,
@@ -6476,6 +6495,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         ></ax-uploader-drop-zone>
       </div>
     </div>
+    @for(file of files(); track $index){
+    <div class="ax-grid ax-mt-10 ax-grid-cols-12 ax-gap-1 ax-px-4">
+      <ax-icon class="{{ getFileInfo(file.file.name).icon }} {{ getFileInfo(file.file.name).color }}"></ax-icon>
+      <ax-text class="ax-col-span-10" [textContent]="file.file.name"></ax-text>
+      <div>
+        <ax-icon class="fa-light fa-download ax-px-2"></ax-icon>
+        <ax-icon (click)="handleOnFileRemove(file)" class="fa-light fa-xmark"></ax-icon>
+      </div>
+    </div>
+    }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule, FormsModule, AXButtonModule, AXDecoratorModule, AXUploaderModule],
@@ -6529,24 +6558,21 @@ var fileBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
     AXPFileBoxWidgetPrintComponent: AXPFileBoxWidgetPrintComponent
 });
 
-class AXPFileManagementService {
-}
-
 class AXPFileBoxWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
-        this.fileService = inject(AXPFileManagementService);
+        this.fileStorageService = inject(AXPFileStorageService);
         this.loadingDialog = inject(AXLoadingDialogService);
         this.translateService = inject(AXTranslationService);
         this.multiple = computed(() => this.options()['multiple']);
         this.downloadable = computed(() => this.options()['downloadable']);
-        this.internalValue = computed(() => {
-            if (!this.getValue())
-                return [];
-            return Array.isArray(this.getValue()) ? this.getValue().map((item) => this.extractItem(item)) : [this.extractItem(this.getValue())];
-        });
+        this.internalValue = signal([]);
         this.downloadSubscription = new Subscription();
     }
+    ngOnInit() {
+        this.updateInternalValue();
+        super.ngOnInit();
+    }
     async handleDownload(item) {
         const d = this.loadingDialog.show({
             title: await this.translateService.translateAsync('downloader.dialog.downloading'), // Downloading File
@@ -6565,23 +6591,6 @@ class AXPFileBoxWidgetViewComponent extends AXPWidgetComponent {
                 },
             ],
         });
-        this.downloadSubscription = this.fileService.get(item.value, item.name || 'download').subscribe((event) => {
-            d.setProgressText(event.status);
-            d.setProgressStatus(`${event.progress}%`);
-            d.setProgressValue(event.progress);
-            if (event.progress === 100) {
-                this.triggerDownload(event.data, item.name);
-                setTimeout(() => {
-                    d.close();
-                }, 1000);
-            }
-        }, async (error) => {
-            d.setProgressText(error.statusText);
-            d.setProgressStatus(await this.translateService.translateSync('downloader.dialog.downloadFailed')); //Downloading Failed
-            setTimeout(() => {
-                d.close();
-            }, 1000);
-        });
     }
     cancelDownload() {
         this.downloadSubscription.unsubscribe();
@@ -6596,8 +6605,7 @@ class AXPFileBoxWidgetViewComponent extends AXPWidgetComponent {
         document.body.removeChild(link);
         URL.revokeObjectURL(url);
     }
-    getFileInfo(fileName) {
-        const extension = fileName.split('.').pop()?.toLowerCase();
+    getFileInfo(extension) {
         switch (extension) {
             case 'txt':
                 return { icon: 'fa-file-alt', color: 'ax-bg-blue-100 ax-text-blue-500' };
@@ -6641,28 +6649,33 @@ class AXPFileBoxWidgetViewComponent extends AXPWidgetComponent {
                 return { icon: 'fa-file', color: 'ax-bg-gray-100 ax-text-gray-500' };
         }
     }
-    extractItem(item) {
-        return typeof item == 'object'
-            ? {
-                name: item.name,
-                type: item.type ?? 'Unknown',
-                value: item.value,
-                size: item.size || '-',
+    async updateInternalValue() {
+        if (!this.getValue()) {
+            this.internalValue.set([]);
+        }
+        else {
+            if (Array.isArray(this.getValue())) {
+                this.internalValue.set(await Promise.all(this.getValue().map(async (item) => await this.fileStorageService.getInfo(item))));
             }
-            : {
-                name: item || '',
-                type: 'Unknown',
-                value: item || '',
-                size: '-',
-            };
+            else {
+                this.internalValue.set([await this.fileStorageService.getInfo(this.getValue())]);
+            }
+        }
+        console.log(this.internalValue());
+        console.log(this.getValue());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPFileBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPFileBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(multiple()){ @for(item of internalValue();let first=$first;track item.name) {
+      @if (multiple()) { @for (item of internalValue(); track item.fileId) {
       <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-      } }@else {
-      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      } } @else {
+      <ng-template
+        [ngTemplateOutlet]="itemTemplate"
+        ]
+        [ngTemplateOutletContext]="{ data: internalValue()[0] }"
+        ]
+      ></ng-template>
       }
       <ng-template #itemTemplate let-item="data">
         <div
@@ -6670,18 +6683,25 @@ class AXPFileBoxWidgetViewComponent extends AXPWidgetComponent {
           class="ax-flex ax-items-center ax-justify-between ax-p-2 ax-border ax-rounded-lg ax-bg-surface ax-col-start-1 ax-col-end-13"
         >
           <div class="ax-flex ax-items-center ax-gap-3">
-            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
-              <div class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center" [ngClass]="[fileInfo.color]">
+            <ng-container *ngIf="getFileInfo(item.mimeType) as fileInfo">
+              <div
+                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
+                [ngClass]="[fileInfo.color]"
+              >
                 <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
               </div>
             </ng-container>
             <div>
-              <div class="ax-leading-6">{{ item.name }}</div>
+              <div class="ax-leading-6">{{ item.fileId }}</div>
               <p class="ax-text-sm ax-text-neutral-400">{{ item.size }}</p>
             </div>
           </div>
-          @if(downloadable()){
-          <ax-button (onClick)="handleDownload(item)" look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+          @if (downloadable()) {
+          <ax-button
+            (onClick)="handleDownload(item)"
+            look="blank"
+            class="!ax-text-neutral-400 hover:!ax-text-neutral-600"
+          >
             <ax-icon>
               <i class="fa-solid fa-download"></i>
             </ax-icon>
@@ -6697,10 +6717,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             args: [{
                     template: `
     <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(multiple()){ @for(item of internalValue();let first=$first;track item.name) {
+      @if (multiple()) { @for (item of internalValue(); track item.fileId) {
       <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-      } }@else {
-      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      } } @else {
+      <ng-template
+        [ngTemplateOutlet]="itemTemplate"
+        ]
+        [ngTemplateOutletContext]="{ data: internalValue()[0] }"
+        ]
+      ></ng-template>
       }
       <ng-template #itemTemplate let-item="data">
         <div
@@ -6708,18 +6733,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
           class="ax-flex ax-items-center ax-justify-between ax-p-2 ax-border ax-rounded-lg ax-bg-surface ax-col-start-1 ax-col-end-13"
         >
           <div class="ax-flex ax-items-center ax-gap-3">
-            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
-              <div class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center" [ngClass]="[fileInfo.color]">
+            <ng-container *ngIf="getFileInfo(item.mimeType) as fileInfo">
+              <div
+                class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center"
+                [ngClass]="[fileInfo.color]"
+              >
                 <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
               </div>
             </ng-container>
             <div>
-              <div class="ax-leading-6">{{ item.name }}</div>
+              <div class="ax-leading-6">{{ item.fileId }}</div>
               <p class="ax-text-sm ax-text-neutral-400">{{ item.size }}</p>
             </div>
           </div>
-          @if(downloadable()){
-          <ax-button (onClick)="handleDownload(item)" look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+          @if (downloadable()) {
+          <ax-button
+            (onClick)="handleDownload(item)"
+            look="blank"
+            class="!ax-text-neutral-400 hover:!ax-text-neutral-600"
+          >
             <ax-icon>
               <i class="fa-solid fa-download"></i>
             </ax-icon>
@@ -6731,7 +6763,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule, AXButtonModule, AXDecoratorModule],
-                    inputs: []
+                    inputs: [],
                 }]
         }] });
 
@@ -6790,6 +6822,9 @@ const AXPFileBoxWidget = {
     },
 };
 
+class AXPFileManagementService {
+}
+
 class AXPGalleryWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
@@ -7407,6 +7442,7 @@ const AXPMapBoxWidget = {
                     options: {
                         minValue: -90,
                         maxValue: 90,
+                        decimals: 5
                     },
                 },
             },
@@ -7426,6 +7462,7 @@ const AXPMapBoxWidget = {
                     options: {
                         minValue: -180,
                         maxValue: 180,
+                        decimals: 5
                     },
                 },
             },
@@ -11581,19 +11618,27 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
         this.chartEl = viewChild.required('chart');
         this.data = linkedSignal(() => this.getValue());
         this.isRendered = false;
+        // Constants
+        this.DEFAULT_COLOR = 'steelblue';
+        this.DEFAULT_MARGIN = { top: 10, right: 0, bottom: 20, left: 20 };
+        this.BAR_TRANSITION_DELAY = 10;
+        // After the next render, load D3, create the chart, and mark rendering complete
         this.#af = afterNextRender(async () => {
             await this.loadD3();
-            this.initializeChart();
+            this.createChart();
             this.isRendered = true;
+            //(window as any).chart = this; // Debug purpose only
         });
+        // Reactively update the chart when the data signal changes
         this.#eff = effect(() => {
-            this.data();
-            if (this.isRendered) {
+            if (this.isRendered && this.data()) {
                 this.updateChart(this.data());
             }
         });
     }
+    // After the next render, load D3, create the chart, and mark rendering complete
     #af;
+    // Reactively update the chart when the data signal changes
     #eff;
     async loadD3() {
         try {
@@ -11603,226 +11648,99 @@ class AXPBarChartWidgetEditComponent extends AXPWidgetComponent {
             console.error('Failed to load D3.js:', error);
         }
     }
-    initializeChart() {
-        const chartValue = this.data();
-        const { width, height, margin } = this.getChartDimensions(chartValue.options);
-        // Clear existing SVG if it exists
-        if (this.svg) {
-            this.svg.selectAll('*').remove();
-        }
-        // Create SVG
-        this.svg = this.d3.select(this.chartEl().nativeElement).append('svg').attr('width', width).attr('height', height);
-        this.drawChart(chartValue);
-    }
-    drawChart(chartValue) {
-        const { data, options } = chartValue;
-        const { width, height, margin } = this.getChartDimensions(options);
-        const x = this.createXScale(data, width, margin);
-        const y = this.createYScale(data, height, margin);
-        this.drawBars(data, x, y, height, margin, options);
-        this.drawAxes(x, y, height, margin, options);
-        if (options.enableTooltip) {
-            this.addTooltips(data, x, y, options);
-        }
-        if (options.enableLegend) {
-            this.addLegend(data, width, height, margin, options);
-        }
-        if (options.enableExport) {
-            this.addExportButton();
-        }
-    }
-    updateChart(chartValue) {
-        const { data, options } = chartValue;
-        // Clear existing chart content
-        this.svg.selectAll('*').remove();
-        // Re-render chart with new options
-        this.drawChart(chartValue);
-    }
-    getChartDimensions(options) {
-        const baseWidth = options.width || 400;
-        const baseHeight = options.height || 200;
-        const margin = options.margin || { top: 20, right: 20, bottom: 30, left: 40 };
-        // Reserve space for legend
-        const legendSpace = 100; // 100px reserved for legend
-        let width = baseWidth;
-        let height = baseHeight;
-        if (options.enableLegend) {
-            switch (options.legendPosition) {
-                case 'top-right':
-                case 'top-left':
-                    height -= legendSpace; // Reserve space at the top
-                    margin.top += legendSpace;
-                    break;
-                case 'bottom-right':
-                case 'bottom-left':
-                    height -= legendSpace; // Reserve space at the bottom
-                    margin.bottom += legendSpace;
-                    break;
-            }
-        }
-        return { width, height, margin };
-    }
-    createXScale(data, width, margin) {
-        return this.d3
-            .scaleBand()
-            .domain(data.map((d) => d.name))
-            .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)
-            .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));
-    }
-    drawAxes(x, y, height, margin, options) {
-        const axisColor = options.axisColor || '#000';
-        const axisFontSize = options.axisFontSize || 12;
-        // Draw X axis
-        this.svg
+    createChart(dataValue = this.data()) {
+        const element = this.chartEl().nativeElement;
+        this.margin = {
+            top: (dataValue?.options?.margin?.top ?? 0) + this.DEFAULT_MARGIN.top,
+            bottom: (dataValue?.options?.margin?.bottom ?? 0) + this.DEFAULT_MARGIN.bottom,
+            left: (dataValue?.options?.margin?.left ?? 0) + this.DEFAULT_MARGIN.left,
+            right: (dataValue?.options?.margin?.right ?? 0) + this.DEFAULT_MARGIN.right,
+        };
+        this.width = (dataValue?.options?.width ?? element.offsetWidth) - (this.margin.left + this.margin.right);
+        this.height = (dataValue?.options?.height ?? element.offsetHeight) - (this.margin.top + this.margin.bottom);
+        this.initializeSVG(element);
+        this.initializeScales(dataValue);
+        this.initializeAxes();
+        this.updateChart();
+    }
+    initializeSVG(element) {
+        this.svg = this.d3
+            .select(element)
+            .append('svg')
+            .attr('width', this.width + this.margin.left + this.margin.right)
+            .attr('height', this.height + this.margin.top + this.margin.bottom);
+        this.chart = 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
+            .attr('class', 'axp-bar-chart-bars')
+            .attr('transform', `translate(${this.margin.left}, ${this.margin.top})`);
+    }
+    initializeScales(dataValue) {
+        const xDomain = dataValue.data.map((d) => d.label);
+        const yDomain = [0, this.d3.max(dataValue.data, (d) => d.value) ?? 100];
+        this.xScale = this.d3.scaleBand().padding(0.1).domain(xDomain).rangeRound([0, this.width]);
+        this.yScale = this.d3.scaleLinear().domain(yDomain).range([this.height, 0]);
+        this.colors = this.createColorScale(dataValue);
+    }
+    createColorScale(dataValue) {
+        const { data, options } = dataValue;
+        const colors = options.color || [this.DEFAULT_COLOR];
+        const domain = data.length === 1 ? [0, data.length - 1] : data.map((_, i) => (i / (data.length - 1)) * (data.length - 1));
+        const range = !Array.isArray(colors) ? [colors, colors] : [colors[0], colors[colors.length - 1]];
+        return this.d3.scaleLinear().domain(domain).range(range);
+    }
+    initializeAxes() {
+        this.xAxis = this.chart
             .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`);
-    }
-    addTooltips(data, x, y, options) {
-        this.tooltip = this.svg.append('g').attr('class', 'tooltip').style('opacity', 0);
-        this.tooltip
-            .append('rect')
-            .attr('width', 80)
-            .attr('height', 30)
-            .attr('fill', options.tooltipBackground || '#fff')
-            .attr('rx', 4)
-            .attr('ry', 4);
-        this.tooltip
-            .append('text')
-            .attr('x', 40)
-            .attr('y', 20)
-            .attr('text-anchor', 'middle')
-            .attr('fill', options.tooltipTextColor || '#000')
-            .style('font-size', '11px');
-        this.svg
-            .selectAll('rect')
-            .on('mouseover', (event, d) => {
-            const barX = x(d.name) || 0;
-            const barY = y(d.value);
-            this.tooltip.style('opacity', 1).attr('transform', `translate(${barX + x.bandwidth() / 2 - 40},${barY - 40})`);
-            this.tooltip.select('text').text(`${d.name}: ${d.value}`);
-        })
-            .on('mouseout', () => {
-            this.tooltip.style('opacity', 0);
-        });
-    }
-    addLegend(data, width, height, margin, options) {
-        const legendPosition = options.legendPosition || 'top-right';
-        const legend = this.svg.append('g').attr('class', 'legend');
-        const legendItems = legend
-            .selectAll('.legend-item')
-            .data(data)
+            .attr('class', 'axp-bar-chart-axis-x')
+            .attr('transform', `translate(0, ${this.height})`)
+            .call(this.d3.axisBottom(this.xScale));
+        this.yAxis = this.chart.append('g').attr('class', 'axp-bar-chart-axis-y').call(this.d3.axisLeft(this.yScale));
+    }
+    updateChart(dataValue = this.data()) {
+        this.updateScales(dataValue);
+        this.updateAxes();
+        this.updateBars(dataValue);
+    }
+    updateScales(dataValue) {
+        this.xScale.domain(dataValue.data.map((d) => d.label));
+        this.yScale.domain([0, this.d3.max(dataValue.data, (d) => d.value) ?? 100]);
+        this.colors.domain([0, dataValue.data.length]);
+    }
+    updateAxes() {
+        this.xAxis.transition().call(this.d3.axisBottom(this.xScale));
+        this.yAxis.transition().call(this.d3.axisLeft(this.yScale));
+    }
+    updateBars(dataValue) {
+        const bars = this.chart.selectAll('.axp-bar-chart-bar').data(dataValue.data);
+        bars.exit().remove();
+        bars
+            .transition()
+            .attr('x', (d) => this.xScale(d.label))
+            .attr('y', (d) => this.yScale(d.value))
+            .attr('width', this.xScale.bandwidth())
+            .attr('height', (d) => this.height - this.yScale(d.value))
+            .style('fill', (d, i) => d.color ?? this.colors(i));
+        bars
             .enter()
-            .append('g')
-            .attr('class', 'legend-item')
-            .attr('transform', (d, i) => `translate(0, ${i * 20})`);
-        legendItems
             .append('rect')
-            .attr('width', 16)
-            .attr('height', 16)
-            .attr('fill', (d) => d.color || options.color || 'teal');
-        legendItems
-            .append('text')
-            .attr('x', 24)
-            .attr('y', 12)
-            .attr('fill', '#000')
-            .style('font-size', '12px')
-            .text((d) => d.name);
-        // Position the legend
-        switch (legendPosition) {
-            case 'top-right':
-                legend.attr('transform', `translate(${width - margin.right - 100}, ${margin.top - 80})`);
-                break;
-            case 'top-left':
-                legend.attr('transform', `translate(${margin.left}, ${margin.top - 80})`);
-                break;
-            case 'bottom-right':
-                legend.attr('transform', `translate(${width - margin.right - 100}, ${height - margin.bottom + 20})`);
-                break;
-            case 'bottom-left':
-                legend.attr('transform', `translate(${margin.left}, ${height - margin.bottom + 20})`);
-                break;
-        }
-    }
-    addExportButton() {
-        const exportButton = this.d3
-            .select(this.chartEl().nativeElement)
-            .append('button')
-            .text('Export to PNG')
-            .style('position', 'absolute')
-            .style('top', '10px')
-            .style('right', '10px')
-            .style('z-index', '1000')
-            .on('click', () => {
-            const svgElement = this.svg.node();
-            if (svgElement) {
-                const serializer = new XMLSerializer();
-                const svgString = serializer.serializeToString(svgElement);
-                const canvas = document.createElement('canvas');
-                const ctx = canvas.getContext('2d');
-                const img = new Image();
-                img.onload = () => {
-                    canvas.width = img.width;
-                    canvas.height = img.height;
-                    ctx?.drawImage(img, 0, 0);
-                    const link = document.createElement('a');
-                    link.download = 'chart.png';
-                    link.href = canvas.toDataURL('image/png');
-                    link.click();
-                };
-                img.src = 'data:image/svg+xml;base64,' + btoa(svgString);
-            }
-        });
-    }
-    ngOnDestroy() {
-        if (this.svg) {
-            this.svg.selectAll('*').remove();
-        }
+            .attr('class', 'axp-bar-chart-bar')
+            .attr('x', (d) => this.xScale(d.label))
+            .attr('y', (d) => this.yScale(0))
+            .attr('width', this.xScale.bandwidth())
+            .attr('height', 0)
+            .attr('data-id', (d) => d.id ?? AXPDataGenerator.uuid())
+            .style('fill', (d, i) => d.color ?? this.colors(i))
+            .transition()
+            .delay((d, i) => i * (this.getValue().options.transitionDelayMs ?? this.BAR_TRANSITION_DELAY))
+            .attr('y', (d) => this.yScale(d.value) - 0.5)
+            .attr('height', (d) => this.height - this.yScale(d.value));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPBarChartWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXPBarChartWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "chartEl", first: true, predicate: ["chart"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-justify-center ax-items-center" #chart></div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXPBarChartWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "chartEl", first: true, predicate: ["chart"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<div class="axp-bar-chart" #chart></div>`, isInline: true, styles: [".axp-bar-chart{width:100%;height:100%}\n"], 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,
-                }]
+            args: [{ template: `<div class="axp-bar-chart" #chart></div>`, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".axp-bar-chart{width:100%;height:100%}\n"] }]
         }] });
 
 var barChartWidgetEdit_component = /*#__PURE__*/Object.freeze({
@@ -11948,6 +11866,289 @@ const AXPDonutChartWidget = {
     },
 };
 
+class AXPGaugeChartWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.chartContainerEl = viewChild.required('chartContainer');
+        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 chartValue = this.getValue(); // Get the AXPGaugeChartValue
+        if (!chartValue || !chartValue.data || !chartValue.options) {
+            console.error('Invalid chart data or options');
+            return;
+        }
+        const { data, options } = chartValue;
+        const { width, height, minValue, maxValue, thresholds, label, animationDuration } = options;
+        // Clear any existing chart
+        this.d3.select(this.chartEl().nativeElement).selectAll('*').remove();
+        // Set up SVG dimensions
+        const svg = this.d3.select(this.chartEl().nativeElement).attr('width', width).attr('height', height);
+        // Create a group for the chart
+        const chartGroup = svg.append('g').attr('transform', `translate(${width / 2}, ${height / 2})`);
+        // Draw the background arc
+        this.drawBackgroundArc(chartGroup, width);
+        // Draw the threshold arcs and labels
+        this.drawThresholds(chartGroup, width, minValue, maxValue, thresholds);
+        // Draw the dial/needle
+        this.drawDial(chartGroup, width, data.value, minValue, maxValue);
+        // Add the label
+        this.drawLabel(chartGroup, label);
+    }
+    /**
+     * Draw the background arc.
+     */
+    drawBackgroundArc(chartGroup, width) {
+        const backgroundArc = this.d3
+            .arc()
+            .innerRadius(width * 0.3)
+            .outerRadius(width * 0.4)
+            .startAngle(-Math.PI / 2)
+            .endAngle(Math.PI / 2);
+        chartGroup
+            .append('path')
+            .attr('d', backgroundArc({
+            innerRadius: width * 0.3,
+            outerRadius: width * 0.4,
+            startAngle: -Math.PI / 2,
+            endAngle: Math.PI / 2,
+        }))
+            .attr('fill', '#eee');
+    }
+    /**
+     * Draw the threshold arcs and labels.
+     */
+    drawThresholds(chartGroup, width, minValue, maxValue, thresholds) {
+        const arc = this.d3
+            .arc()
+            .innerRadius(width * 0.3)
+            .outerRadius(width * 0.4);
+        let previousEndAngle = -Math.PI / 2;
+        thresholds.forEach((threshold) => {
+            const range = threshold.range;
+            const endAngle = this.scaleValueToAngle(range, minValue, maxValue);
+            // Draw the threshold arc
+            chartGroup
+                .append('path')
+                .attr('d', arc({
+                innerRadius: width * 0.3,
+                outerRadius: width * 0.4,
+                startAngle: previousEndAngle,
+                endAngle,
+            }))
+                .attr('fill', threshold.color);
+            // Draw the threshold label
+            this.drawThresholdLabel(chartGroup, width, endAngle, range.toString());
+            previousEndAngle = endAngle;
+        });
+    }
+    /**
+     * Draw a threshold label.
+     */
+    drawThresholdLabel(chartGroup, width, angle, text) {
+        const labelRadius = width * 0.45; // Position outside the arc
+        const labelX = labelRadius * Math.cos(angle);
+        const labelY = labelRadius * Math.sin(angle);
+        // Calculate the rotation angle in degrees
+        const rotationAngle = this.radiansToDegrees(angle);
+        chartGroup
+            .append('text')
+            .attr('x', labelX)
+            .attr('y', labelY)
+            .attr('text-anchor', 'middle') // Center the text
+            .attr('dy', '0.35em')
+            .attr('transform', `rotate(${rotationAngle}, ${labelX}, ${labelY})`) // Rotate label
+            .text(text)
+            .style('font-size', '12px')
+            .style('fill', '#000');
+    }
+    /**
+     * Draw the dial/needle.
+     */
+    drawDial(chartGroup, width, value, minValue, maxValue) {
+        const valueAngle = this.scaleValueToAngle(value, minValue, maxValue);
+        chartGroup
+            .append('line')
+            .attr('x1', 0)
+            .attr('y1', 0)
+            .attr('x2', width * 0.35 * Math.cos(valueAngle))
+            .attr('y2', width * 0.35 * Math.sin(valueAngle))
+            .attr('stroke', '#000')
+            .attr('stroke-width', 2);
+    }
+    /**
+     * Draw the chart label.
+     */
+    drawLabel(chartGroup, label) {
+        chartGroup
+            .append('text')
+            .attr('text-anchor', 'middle')
+            .attr('dy', '0.35em')
+            .text(label || '')
+            .style('font-size', '16px')
+            .style('fill', '#000');
+    }
+    /**
+     * Scale a value to an angle for the gauge chart.
+     */
+    scaleValueToAngle(value, min, max) {
+        const scaledValue = (value - min) / (max - min);
+        return -Math.PI / 2 + scaledValue * Math.PI;
+    }
+    /**
+     * Convert radians to degrees.
+     */
+    radiansToDegrees(radians) {
+        return radians * (180 / Math.PI);
+    }
+    ngOnDestroy() {
+        this.d3.select(this.chartEl().nativeElement).selectAll('*').remove();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGaugeChartWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXPGaugeChartWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "chartContainerEl", first: true, predicate: ["chartContainer"], descendants: true, isSignal: true }, { 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" #chartContainer>
+      <svg #chart></svg>
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPGaugeChartWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-flex ax-justify-center ax-items-center" #chartContainer>
+      <svg #chart></svg>
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+var gaugeChartWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPGaugeChartWidgetEditComponent: AXPGaugeChartWidgetEditComponent
+});
+
+const AXPGaugeChartWidget = {
+    name: 'gauge-chart',
+    title: 'Gauge Chart Widget',
+    group: AXP_WIDGETS_CHART_GROUP,
+    type: 'chart',
+    icon: 'fa-solid fa-gauge',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return gaugeChartWidgetEdit_component; }).then((c) => c.AXPGaugeChartWidgetEditComponent),
+        },
+    },
+};
+
+class AXPStickyNoteWidgetEditComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.value = linkedSignal(() => this.getValue());
+    }
+    valueChange(event) {
+        if (event.isUserInteraction) {
+            this.value.set(event.value);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPStickyNoteWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPStickyNoteWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-size-full ax-border">
+      <div class="axp-sticky-note-container ax-flex ax-flex-col">
+        <div
+          class="axp-sticky-note-header ax-flex ax-justify-between ax-items-center ax-p-2 ax-border ax-bg-yellow-300 ax-text-gray-500"
+        >
+          <div><i class="fa-solid fa-plus"></i></div>
+          <div class="ax-flex ax-gap-3"><i class="fa-solid fa-ellipsis"></i> <i class="fa-solid fa-xmark"></i></div>
+        </div>
+        <ax-wysiwyg-container
+          class="ax-size-full"
+          placeHolder="enter your note here"
+          look="none"
+          (onValueChanged)="valueChange($event)"
+          [ngModel]="value()"
+        >
+          <ax-wysiwyg-view class="ax-min-h-10"></ax-wysiwyg-view>
+          <ax-toolbar class="ax-min-h-10">
+            <ax-prefix>
+              <ax-wysiwyg-font-style></ax-wysiwyg-font-style>
+            </ax-prefix>
+          </ax-toolbar>
+        </ax-wysiwyg-container>
+        <div class="axp-sticky-note-body ax-bg-yellow-200"></div>
+        <div class="axp-sticky-note-footer ax-p-2"></div>
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ 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.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { 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: AXToolBarModule }, { kind: "component", type: i3$5.AXToolBarComponent, selector: "ax-toolbar" }, { 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: AXPStickyNoteWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{ template: `
+    <div class="ax-size-full ax-border">
+      <div class="axp-sticky-note-container ax-flex ax-flex-col">
+        <div
+          class="axp-sticky-note-header ax-flex ax-justify-between ax-items-center ax-p-2 ax-border ax-bg-yellow-300 ax-text-gray-500"
+        >
+          <div><i class="fa-solid fa-plus"></i></div>
+          <div class="ax-flex ax-gap-3"><i class="fa-solid fa-ellipsis"></i> <i class="fa-solid fa-xmark"></i></div>
+        </div>
+        <ax-wysiwyg-container
+          class="ax-size-full"
+          placeHolder="enter your note here"
+          look="none"
+          (onValueChanged)="valueChange($event)"
+          [ngModel]="value()"
+        >
+          <ax-wysiwyg-view class="ax-min-h-10"></ax-wysiwyg-view>
+          <ax-toolbar class="ax-min-h-10">
+            <ax-prefix>
+              <ax-wysiwyg-font-style></ax-wysiwyg-font-style>
+            </ax-prefix>
+          </ax-toolbar>
+        </ax-wysiwyg-container>
+        <div class="axp-sticky-note-body ax-bg-yellow-200"></div>
+        <div class="axp-sticky-note-footer ax-p-2"></div>
+      </div>
+    </div>
+  `, standalone: true, imports: [AXWysiwygModule, AXDecoratorModule, AXToolBarModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%}\n"] }]
+        }] });
+
+var stickyNoteWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPStickyNoteWidgetEditComponent: AXPStickyNoteWidgetEditComponent
+});
+
+const AXPStickyNoteWidget = {
+    name: 'sticky-note',
+    title: 'Sticky Note Widget',
+    group: AXP_WIDGETS_CHART_GROUP,
+    type: 'chart',
+    icon: 'fa-solid fa-sticky-note',
+    visible: false,
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return stickyNoteWidgetEdit_component; }).then((c) => c.AXPStickyNoteWidgetEditComponent),
+        },
+    },
+};
+
 class AXPCronJobWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
@@ -12420,11 +12621,11 @@ 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 }); }
+class AXPTabularDataWidgetColumnComponent extends AXPColumnWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTabularDataWidgetColumnComponent, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-tabular-editor-widget-column',
@@ -12435,12 +12636,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }]
         }] });
 
-var tableWidgetColumn_component = /*#__PURE__*/Object.freeze({
+var tabularDataColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPTableEditorWidgetColumnComponent: AXPTableEditorWidgetColumnComponent
+    AXPTabularDataWidgetColumnComponent: AXPTabularDataWidgetColumnComponent
 });
 
-class AXPTabularDataEditorWidgetEditComponent extends AXPWidgetComponent {
+class AXPTabularDataWidgetEditComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
         this.columns = computed(() => this.options()['columns']);
@@ -12465,10 +12666,10 @@ class AXPTabularDataEditorWidgetEditComponent extends AXPWidgetComponent {
         });
         this.setValue(popupData.data?.context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataEditorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTabularDataEditorWidgetEditComponent, isStandalone: true, selector: "axp-tabular-data-editor-widget", usesInheritance: true, ngImport: i0, template: ` <span class="ax-truncate ax-underline ax-cursor-pointer" (click)="openPopup()"> Click To Edit</span> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "ngmodule", type: AXDataTableModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTabularDataWidgetEditComponent, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-tabular-data-editor-widget',
@@ -12491,14 +12692,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 
 var tabularDataWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPTabularDataEditorWidgetEditComponent: AXPTabularDataEditorWidgetEditComponent
+    AXPTabularDataWidgetEditComponent: AXPTabularDataWidgetEditComponent
 });
 
-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 }); }
+class AXPTabulaDataWidgetFilterComponent extends AXPWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabulaDataWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTabulaDataWidgetFilterComponent, 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: AXPTabulaDataWidgetFilterComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -12508,16 +12709,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }]
         }] });
 
-var tableWidgetFilter_component = /*#__PURE__*/Object.freeze({
+var tabularDataFilter_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent
+    AXPTabulaDataWidgetFilterComponent: AXPTabulaDataWidgetFilterComponent
 });
 
-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 }); }
+class AXPTabularDataWidgetPrintComponent extends AXPWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPTabularDataWidgetPrintComponent, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTabularDataWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -12527,9 +12728,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }]
         }] });
 
-var tableWidgetPrint_component = /*#__PURE__*/Object.freeze({
+var tabularDataWidgetPrint_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    AXPTableEditorWidgetPrintComponent: AXPTableEditorWidgetPrintComponent
+    AXPTabularDataWidgetPrintComponent: AXPTabularDataWidgetPrintComponent
 });
 
 class AXPTabularDataEditorWidgetViewComponent extends AXPWidgetComponent {
@@ -12575,7 +12776,7 @@ var tabularDataWidgetView_component = /*#__PURE__*/Object.freeze({
 
 const AXPTableEditorWidget = {
     name: 'table-editor',
-    title: 'Table Editor Box',
+    title: 'Table Editor',
     icon: 'fa-solid fa-input-text',
     description: 'Inputs single-line text',
     group: AXP_WIDGETS_EDITOR_GROUP,
@@ -12595,21 +12796,22 @@ const AXPTableEditorWidget = {
             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),
+            component: () => Promise.resolve().then(function () { return tabularDataWidgetEdit_component; }).then((c) => c.AXPTabularDataWidgetEditComponent),
         },
         filter: {
-            component: () => Promise.resolve().then(function () { return tableWidgetFilter_component; }).then((c) => c.AXPTextBoxWidgetFilterComponent),
+            component: () => Promise.resolve().then(function () { return tabularDataFilter_component; }).then((c) => c.AXPTabulaDataWidgetFilterComponent),
         },
         column: {
-            component: () => Promise.resolve().then(function () { return tableWidgetColumn_component; }).then((c) => c.AXPTableEditorWidgetColumnComponent),
+            component: () => Promise.resolve().then(function () { return tabularDataColumn_component; }).then((c) => c.AXPTabularDataWidgetColumnComponent),
         },
         print: {
-            component: () => Promise.resolve().then(function () { return tableWidgetPrint_component; }).then((c) => c.AXPTableEditorWidgetPrintComponent),
+            component: () => Promise.resolve().then(function () { return tabularDataWidgetPrint_component; }).then((c) => c.AXPTabularDataWidgetPrintComponent),
         },
         designer: {
-            component: () => Promise.resolve().then(function () { return tabularDataWidgetEdit_component; }).then((c) => c.AXPTabularDataEditorWidgetEditComponent),
+            component: () => Promise.resolve().then(function () { return tabularDataWidgetEdit_component; }).then((c) => c.AXPTabularDataWidgetEditComponent),
         },
     },
+    visible: false
 };
 
 class AXPBooleanFilterWidgetEditComponent extends AXPWidgetComponent {
@@ -13494,7 +13696,6 @@ const AXPFormFieldWidget = {
     icon: 'fa-solid fa-pen-field',
     properties: [
         AXP_NAME_PROPERTY,
-        AXP_DATA_PATH_PROPERTY,
         AXP_LABEL_PROPERTY
     ],
     components: {
@@ -14293,6 +14494,8 @@ class AXPWidgetsModule {
                     //charts
                     AXPDonutChartWidget,
                     AXPBarChartWidget,
+                    AXPGaugeChartWidget,
+                    AXPStickyNoteWidget,
                 ],
             })] }); }
 }
@@ -14362,6 +14565,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 //charts
                                 AXPDonutChartWidget,
                                 AXPBarChartWidget,
+                                AXPGaugeChartWidget,
+                                AXPStickyNoteWidget,
                             ],
                         }),
                     ],
@@ -14375,5 +14580,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPAdvancedGridItemWidget, AXPAdvancedGridItemWidgetDesignerComponent, AXPAdvancedGridItemWidgetPrintComponent, AXPAdvancedGridItemWidgetViewComponent, AXPAdvancedGridOptionsWidget, AXPAdvancedGridOptionsWidgetEditComponent, AXPAdvancedGridWidget, AXPAdvancedGridWidgetDesignerComponent, AXPAdvancedGridWidgetViewComponent, AXPAvatarWidget, AXPAvatarWidgetColumnComponent, AXPAvatarWidgetDesignerComponent, AXPAvatarWidgetEditComponent, AXPAvatarWidgetPrintComponent, AXPAvatarWidgetViewComponent, AXPBarChartWidget, AXPBarChartWidgetEditComponent, AXPBetweenExpressionValidationWidget, AXPBetweenValidationWidgetEditComponent, AXPBlockWidget, AXPBlockWidgetDesignerComponent, AXPBlockWidgetViewComponent, AXPBorderWidget, AXPBorderWidgetEditComponent, AXPButtonWidget, AXPButtonWidgetViewComponent, AXPCallbackValidationWidget, AXPCallbackValidationWidgetEditComponent, AXPCheckBoxWidget, AXPCheckBoxWidgetEditComponent, AXPContactWidget, AXPContactWidgetColumnComponent, AXPContactWidgetEditComponent, AXPContactWidgetPrintComponent, AXPContactWidgetViewComponent, AXPDateTimeBoxWidget, AXPDateTimeBoxWidgetColumnComponent, AXPDateTimeBoxWidgetEditComponent, AXPDateTimeBoxWidgetFilterComponent, AXPDateTimeBoxWidgetPrintComponent, AXPDateTimeBoxWidgetViewComponent, AXPDonutChartWidget, AXPDonutChartWidgetEditComponent, AXPEmailBoxWidget, AXPEmailBoxWidgetColumnComponent, AXPEmailBoxWidgetEditComponent, AXPEmailBoxWidgetFilterComponent, AXPEmailBoxWidgetPrintComponent, AXPEmailBoxWidgetViewComponent, AXPEqualValidationWidget, AXPEqualValidationWidgetEditComponent, AXPFileBoxWidget, AXPFileBoxWidgetColumnComponent, AXPFileBoxWidgetEditComponent, AXPFileBoxWidgetFilterComponent, AXPFileBoxWidgetPrintComponent, AXPFileBoxWidgetViewComponent, AXPFileManagementService, AXPFlexOptionsWidget, AXPFlexOptionsWidgetEditComponent, AXPGalleryWidget, AXPGalleryWidgetColumnComponent, AXPGalleryWidgetEditComponent, AXPGalleryWidgetFilterComponent, AXPGalleryWidgetPrintComponent, AXPGalleryWidgetViewComponent, AXPGreaterThanExpressionValidationWidget, AXPGreaterThanValidationWidgetEditComponent, AXPGridOptionsWidget, AXPGridOptionsWidgetEditComponent, AXPLargeTextWidget, AXPLargeTextWidgetColumnComponent, AXPLargeTextWidgetEditComponent, AXPLargeTextWidgetFilterComponent, AXPLargeTextWidgetPrintComponent, AXPLargeTextWidgetViewComponent, AXPLessThanExpressionValidationWidget, AXPLessThanValidationWidgetEditComponent, AXPLinkWidget, AXPLinkWidgetColumnComponent, AXPLinkWidgetEditComponent, AXPLinkWidgetFilterComponent, AXPLinkWidgetPrintComponent, AXPLinkWidgetViewComponent, AXPMapBoxWidget, AXPMapBoxWidgetEditComponent, AXPMapBoxWidgetViewComponent, AXPMaxLengthExpressionValidationWidget, AXPMaxLengthValidationWidgetEditComponent, AXPMinLengthExpressionValidationWidget, AXPMinLengthValidationWidgetEditComponent, AXPNumberBoxWidget, AXPNumberBoxWidgetColumnComponent, AXPNumberBoxWidgetEditComponent, AXPNumberBoxWidgetFilterComponent, AXPNumberBoxWidgetPrintComponent, AXPNumberBoxWidgetViewComponent, AXPPageWidget, AXPPageWidgetViewComponent, AXPPasswordBoxWidget, AXPPasswordBoxWidgetColumnComponent, AXPPasswordBoxWidgetEditComponent, AXPPasswordBoxWidgetFilterComponent, AXPPasswordBoxWidgetPrintComponent, AXPPasswordBoxWidgetViewComponent, AXPPhoneBoxWidget, AXPPhoneBoxWidgetColumnComponent, AXPPhoneBoxWidgetEditComponent, AXPPhoneBoxWidgetFilterComponent, AXPPhoneBoxWidgetPrintComponent, AXPPhoneBoxWidgetViewComponent, AXPPropertyEditorHelper, AXPRegularExpressionValidationWidget, AXPRegularExpressionValidationWidgetEditComponent, AXPRepeaterWidget, AXPRepeaterWidgetDesignerComponent, AXPRepeaterWidgetEditComponent, AXPRepeaterWidgetPrintComponent, AXPRepeaterWidgetViewComponent, AXPRequiredValidationWidget, AXPRequiredValidationWidgetEditComponent, AXPRichTextWidget, AXPRichTextWidgetColumnComponent, AXPRichTextWidgetEditComponent, AXPRichTextWidgetFilterComponent, AXPRichTextWidgetPrintComponent, AXPRichTextWidgetViewComponent, AXPSelectBoxWidget, AXPSelectBoxWidgetColumnComponent, AXPSelectBoxWidgetEditComponent, AXPSelectBoxWidgetFilterComponent, AXPSelectBoxWidgetPrintComponent, AXPSelectBoxWidgetViewComponent, AXPSelectionListWidget, AXPSelectionListWidgetColumnComponent, AXPSelectionListWidgetDesignerComponent, AXPSelectionListWidgetEditComponent, AXPSelectionListWidgetFilterComponent, AXPSelectionListWidgetPrintComponent, AXPSelectionListWidgetViewComponent, AXPSignatureWidget, AXPSignatureWidgetColumnComponent, AXPSignatureWidgetEditComponent, AXPSignatureWidgetFilterComponent, AXPSignatureWidgetPrintComponent, AXPSignatureWidgetViewComponent, AXPSpacingWidget, AXPSpacingWidgetEditComponent, AXPTextBoxWidget, AXPTextBoxWidgetColumnComponent, AXPTextBoxWidgetEditComponent, AXPTextBoxWidgetFilterComponent$1 as AXPTextBoxWidgetFilterComponent, AXPTextBoxWidgetPrintComponent, AXPTextBoxWidgetViewComponent, AXPToggleWidget, AXPToggleWidgetColumnComponent, AXPToggleWidgetEditComponent, AXPToggleWidgetFilterComponent, AXPToggleWidgetPrintComponent, AXPToggleWidgetViewComponent, AXPWidgetsModule, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BETWEEN_VALIDATION_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_BOX_MODEL_PROPERTY_GROUP, AXP_CALLBACK_VALIDATION_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_PROPERTIES, AXP_DATA_SOURCE_PROPERTY, AXP_DATA_SOURCE_TEXT_FIELD, AXP_DATA_SOURCE_VALUE_FIELD, AXP_DATE_FORMAT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_EQUAL_VALIDATION_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_Flex_Box_Align_Options, AXP_Flex_Box_Alignments, AXP_Flex_Box_Justify_Options, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_Grid_Box_Align_Items_Options, AXP_Grid_Box_Alignments, AXP_Grid_Box_Justify_Items_Options, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_HAS_LABEL_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_LABEL_PROPERTY, AXP_LAYOUT_ADVANCED_GRID_PROPERTY, AXP_LAYOUT_ALIGN_CONTENT_PROPERTY, AXP_LAYOUT_BORDER_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_COL_END_PROPERTY, AXP_LAYOUT_COL_SPAN_PROPERTY, AXP_LAYOUT_COL_START_PROPERTY, AXP_LAYOUT_FLEX_ALIGN_PROPERTY, AXP_LAYOUT_FLEX_DIRECTION_PROPERTY, AXP_LAYOUT_FLEX_JUSTIFY_PROPERTY, AXP_LAYOUT_FLEX_PROPERTIES, AXP_LAYOUT_FLEX_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY_GROUP, AXP_LAYOUT_FLEX_WRAP_PROPERTY, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTIES, AXP_LAYOUT_GRID_PROPERTIES, AXP_LAYOUT_GRID_PROPERTY, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_ROWS_PROPERTY, AXP_LAYOUT_SPACING_PROPERTY, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_MAX_LENGTH_VALIDATION_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_NAME_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_READONLY_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_REQUIRED_VALIDATION_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_STYLING_PROPERTY_GROUP, AXP_TABLE_COLUMN_HEIGHT_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_TEXT_FIELD_PROPERTY, AXP_TEXT_PROPERTY, AXP_THEME_PROPERTY, AXP_TITLE_PROPERTY, AXP_TRULY_TEXT_PROPERTY, AXP_VALIDATION_PROPERTY_GROUP, AXP_VALUE_FIELD_PROPERTY, AXP_WIDGET_PROPERTY_GROUP, AXP_default_Border_Box_Units, AXP_default_Border_Box_Value, AXP_default_Spacing_Box_Units, AXP_default_Spacing_Box_Value, DEFAULT_STRATEGY_CONFIG, STRATEGY_CONFIG_TOKEN, booleanDefaultProperty, findNonEmptyBreakpoints, largeTextDefaultProperty, numberDefaultProperty, numberMaxValueProperty, numberMinValueProperty, plainTextDefaultProperty };
+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, AXPGaugeChartWidget, AXPGaugeChartWidgetEditComponent, 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, AXPStickyNoteWidget, AXPStickyNoteWidgetEditComponent, 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_BETWEEN_VALIDATION_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_BOX_MODEL_PROPERTY_GROUP, AXP_CALLBACK_VALIDATION_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_PROPERTIES, AXP_DATA_SOURCE_PROPERTY, AXP_DATA_SOURCE_TEXT_FIELD, AXP_DATA_SOURCE_VALUE_FIELD, AXP_DATE_FORMAT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_EQUAL_VALIDATION_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_Flex_Box_Align_Options, AXP_Flex_Box_Alignments, AXP_Flex_Box_Justify_Options, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_Grid_Box_Align_Items_Options, AXP_Grid_Box_Alignments, AXP_Grid_Box_Justify_Items_Options, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_HAS_LABEL_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_LABEL_PROPERTY, AXP_LAYOUT_ADVANCED_GRID_PROPERTY, AXP_LAYOUT_ALIGN_CONTENT_PROPERTY, AXP_LAYOUT_BORDER_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_COL_END_PROPERTY, AXP_LAYOUT_COL_SPAN_PROPERTY, AXP_LAYOUT_COL_START_PROPERTY, AXP_LAYOUT_FLEX_ALIGN_PROPERTY, AXP_LAYOUT_FLEX_DIRECTION_PROPERTY, AXP_LAYOUT_FLEX_JUSTIFY_PROPERTY, AXP_LAYOUT_FLEX_PROPERTIES, AXP_LAYOUT_FLEX_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY_GROUP, AXP_LAYOUT_FLEX_WRAP_PROPERTY, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTIES, AXP_LAYOUT_GRID_PROPERTIES, AXP_LAYOUT_GRID_PROPERTY, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_ROWS_PROPERTY, AXP_LAYOUT_SPACING_PROPERTY, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_MAX_LENGTH_VALIDATION_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_NAME_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_READONLY_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_REQUIRED_VALIDATION_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_STYLING_PROPERTY_GROUP, AXP_TABLE_COLUMN_HEIGHT_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_TEXT_FIELD_PROPERTY, AXP_TEXT_PROPERTY, AXP_THEME_PROPERTY, AXP_TITLE_PROPERTY, AXP_TRULY_TEXT_PROPERTY, AXP_VALIDATION_PROPERTY_GROUP, AXP_VALUE_FIELD_PROPERTY, AXP_WIDGET_PROPERTY_GROUP, AXP_default_Border_Box_Units, AXP_default_Border_Box_Value, AXP_default_Spacing_Box_Units, AXP_default_Spacing_Box_Value, DEFAULT_STRATEGY_CONFIG, STRATEGY_CONFIG_TOKEN, booleanDefaultProperty, findNonEmptyBreakpoints, largeTextDefaultProperty, numberDefaultProperty, numberMaxValueProperty, numberMinValueProperty, plainTextDefaultProperty };
 //# sourceMappingURL=acorex-platform-widgets.mjs.map