@acorex/platform 19.2.10 → 19.2.11

package/fesm2022/acorex-platform-widgets.mjs

@@ -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';
@@ -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 {
@@ -6558,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
@@ -6594,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();
@@ -6625,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' };
@@ -6670,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
@@ -6699,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>
@@ -6726,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
@@ -6737,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>
@@ -6760,7 +6763,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule, AXButtonModule, AXDecoratorModule],
-                    inputs: []
+                    inputs: [],
                 }]
         }] });
 
@@ -6819,6 +6822,9 @@ const AXPFileBoxWidget = {
     },
 };
 
+class AXPFileManagementService {
+}
+
 class AXPGalleryWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
@@ -11612,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 {
@@ -11634,170 +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);
-        }
-    }
-    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: 100, right: 20, bottom: 30, left: 40 };
-        return { width: baseWidth, height: baseHeight, 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)
+    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', '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', '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('rect')
-            .attr('x', (d) => x(d.name) || 0)
-            .attr('y', height - margin.bottom)
-            .attr('width', x.bandwidth())
+            .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('fill', (d) => d.color || options.color || 'teal')
+            .attr('data-id', (d) => d.id ?? AXPDataGenerator.uuid())
+            .style('fill', (d, i) => d.color ?? this.colors(i))
             .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
-            .append('g')
-            .attr('class', 'axp-bar-chart-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', 'axp-bar-chart-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', 'axp-bar-chart-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);
-            // Adjust tooltip position to stay within SVG boundaries
-            const tooltipX = Math.min(barX + x.bandwidth() / 2 - 40, Number.parseInt(this.svg.attr('width')) - 80);
-            const tooltipY = Math.max(barY - 40, 0);
-            this.tooltip.style('opacity', 1).attr('transform', `translate(${tooltipX},${tooltipY})`);
-            this.tooltip.select('text').text(`${d.name}: ${d.value}`);
-        })
-            .on('mouseout', () => {
-            this.tooltip.style('opacity', 0);
-        });
-    }
-    // API to render legend in another component
-    renderLegend(data, options, container) {
-        const legend = this.d3.select(container).append('div').attr('class', 'axp-bar-chart-legend');
-        const legendItems = legend
-            .selectAll('.legend-item')
-            .data(data)
-            .enter()
-            .append('div')
-            .attr('class', 'axp-bar-chart-legend-item')
-            .style('display', 'flex')
-            .style('align-items', 'center')
-            .style('margin-bottom', '5px');
-        legendItems
-            .append('div')
-            .style('width', '16px')
-            .style('height', '16px')
-            .style('background-color', (d) => d.color || options.color || 'teal')
-            .style('margin-right', '8px');
-        legendItems
-            .append('div')
-            .text((d) => d.name)
-            .style('font-size', '12px');
-    }
-    // API to export chart as PNG
-    exportChartAsPNG() {
-        const svgElement = this.svg.node();
-        if (svgElement) {
-            const serializer = new XMLSerializer();
-            const svgString = serializer.serializeToString(svgElement);
-            return 'data:image/svg+xml;base64,' + btoa(svgString);
-        }
-        return null;
-    }
-    ngOnDestroy() {
-        if (this.svg) {
-            this.svg.selectAll('*').remove();
-        }
+            .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({
@@ -11923,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);
@@ -12190,119 +12416,6 @@ const AXPQrcodeWidget = {
     },
 };
 
-class AXPGaugeChartWidgetEditComponent 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 minValue = this.getValue().options.minValue;
-        const maxValue = this.getValue().options.maxValue;
-        const arcThickness = this.getValue().options.arcThickness;
-        const labelOffset = this.getValue().options.labelOffset;
-        const radius = Math.min(width, height) / 2;
-        const arc = this.d3
-            .arc()
-            .innerRadius(radius - arcThickness)
-            .outerRadius(radius)
-            .startAngle(-Math.PI / 2)
-            .endAngle(Math.PI / 2);
-        const scale = this.d3
-            .scaleLinear()
-            .domain([minValue, maxValue])
-            .range([-Math.PI / 2, Math.PI / 2]);
-        const svg = this.d3
-            .select(chartElement)
-            .append('svg')
-            .attr('width', width)
-            .attr('height', height)
-            .attr('role', 'img')
-            .attr('aria-label', 'Gauge chart')
-            .attr('viewBox', `0 0 ${width} ${height}`) // Adjusted viewBox
-            .style('max-width', '100%')
-            .style('height', 'auto')
-            .append('g')
-            .attr('transform', `translate(${width / 2}, ${height / 2})`); // Center the chart
-        const gaugeArc = svg
-            .append('g')
-            .selectAll('path')
-            .data(this.getValue().data)
-            .enter()
-            .append('path')
-            .attr('fill', (d) => d.color || this.getRandomColor())
-            .attr('d', arc);
-        const label = svg
-            .append('text')
-            .attr('text-anchor', 'middle')
-            .attr('font-size', '16px')
-            .attr('y', labelOffset)
-            .text(`${this.getValue().data[0].value}`);
-        const pointer = svg
-            .append('line')
-            .attr('x1', 0)
-            .attr('y1', 0)
-            .attr('x2', 0)
-            .attr('y2', -radius + arcThickness / 2)
-            .attr('stroke', 'black')
-            .attr('stroke-width', 2)
-            .attr('transform', `rotate(${scale(this.getValue().data[0].value) * (180 / Math.PI)})`);
-    }
-    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: 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: "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: AXPGaugeChartWidgetEditComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ` <div class="ax-flex ax-justify-center ax-items-center" #chart></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 AXPColorBoxWidgetViewComponent extends AXPWidgetComponent {
     constructor() {
         super(...arguments);
@@ -12508,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',
@@ -12523,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']);
@@ -12553,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',
@@ -12579,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: ``,
@@ -12596,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: ``,
@@ -12615,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 {
@@ -12683,19 +12796,19 @@ 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
@@ -13583,7 +13696,6 @@ const AXPFormFieldWidget = {
     icon: 'fa-solid fa-pen-field',
     properties: [
         AXP_NAME_PROPERTY,
-        AXP_DATA_PATH_PROPERTY,
         AXP_LABEL_PROPERTY
     ],
     components: {
@@ -14383,6 +14495,7 @@ class AXPWidgetsModule {
                     AXPDonutChartWidget,
                     AXPBarChartWidget,
                     AXPGaugeChartWidget,
+                    AXPStickyNoteWidget,
                 ],
             })] }); }
 }
@@ -14453,6 +14566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 AXPDonutChartWidget,
                                 AXPBarChartWidget,
                                 AXPGaugeChartWidget,
+                                AXPStickyNoteWidget,
                             ],
                         }),
                     ],
@@ -14466,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