@acorex/platform 19.3.0-next.0 → 19.3.0-next.2

package/widgets/lib/widgets/charts/bar-chart/bar-chart.type.d.ts

@@ -20,17 +20,12 @@ export interface AXPBarChartOption extends AXPChartOptionBase {
         bottom: number;
         left: number;
     };
-    barPadding?: number;
-    barCornerRadius?: number;
     showXAxis?: boolean;
     showYAxis?: boolean;
     showGrid?: boolean;
-    transitionDuration?: number;
-    transitionDelayMs?: number;
-    color?: string | string[];
-    hoverColor?: string;
     showTooltip?: boolean;
-    tooltipFormat?: string;
+    barWidth?: number;
+    cornerRadius?: number;
 }
 /**
  * Bar chart data type returned by getValue()

package/widgets/lib/widgets/charts/chart.type.d.ts

@@ -1,7 +1,3 @@
-import { AXPWidgetCategory } from "@acorex/platform/layout/builder";
-export interface AXPChartValue<T, U> {
-    data: T;
-    options: U;
-}
+import { AXPWidgetCategory } from '@acorex/platform/layout/builder';
 export declare const AXP_WIDGETS_CHART_CATEGORY: AXPWidgetCategory;
 export declare const AXP_WIDGETS_UTILITY_CATEGORY: AXPWidgetCategory;

package/widgets/lib/widgets/charts/clock-calendar/clock-calendar-widget.component.d.ts

@@ -1,8 +1,8 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { OnDestroy, OnInit, Signal } from '@angular/core';
 import { AXPHourNumber } from './clock-calendar.types';
 import * as i0 from "@angular/core";
-export declare class AXPClockCalendarWidgetViewComponent extends AXPWidgetComponent implements OnInit, OnDestroy {
+export declare class AXPClockCalendarWidgetViewComponent extends AXPValueWidgetComponent implements OnInit, OnDestroy {
     private readonly cdr;
     protected currentTime: Date;
     protected currentDate: Date;

package/widgets/lib/widgets/charts/donut-chart/donut-chart-widget.component.d.ts

@@ -1,16 +1,19 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
 import { AXPChartBaseComponent } from '../shared/chart-base.component';
-import { AXPDonutChartData, AXPDonutChartOption, AXPDonutChartValue } from './donut-chart.type';
+import { AXPChartTooltipData } from '../shared/components/chart-tooltip';
+import { AXPDonutChartData, AXPDonutChartValue } from './donut-chart.type';
 import * as i0 from "@angular/core";
-export declare class AXPDonutChartWidgetViewComponent extends AXPChartBaseComponent<AXPDonutChartValue, AXPDonutChartOption> {
+/**
+ * Donut Chart Widget Component
+ * Displays data in a circular donut chart with interactive segments
+ */
+export declare class AXPDonutChartWidgetViewComponent extends AXPChartBaseComponent<AXPDonutChartValue> {
+    segmentClick: import("@angular/core").OutputEmitterRef<AXPDonutChartData>;
     protected cdr: ChangeDetectorRef;
-    segmentClick: EventEmitter<AXPDonutChartData>;
-    private chartContainerEl;
+    private readonly chartContainerEl;
     private svg;
-    private chart;
     private pieData;
     private hiddenSegments;
-    private activeSegmentId;
     private _tooltipVisible;
     private _tooltipPosition;
     private _tooltipData;
@@ -19,36 +22,37 @@ export declare class AXPDonutChartWidgetViewComponent extends AXPChartBaseCompon
         x: number;
         y: number;
     }>;
-    protected tooltipData: import("@angular/core").Signal<{
-        name: string;
-        value: number;
-        percentage: string;
-        id: string;
-    }>;
+    protected tooltipData: import("@angular/core").Signal<AXPChartTooltipData>;
     protected showLegend: import("@angular/core").Signal<boolean>;
     protected showTooltip: import("@angular/core").Signal<boolean>;
-    protected showValue: import("@angular/core").Signal<boolean>;
-    protected showPercentage: import("@angular/core").Signal<boolean>;
     protected legendPosition: import("@angular/core").Signal<any>;
-    constructor(cdr: ChangeDetectorRef);
-    protected trackByFn(index: number, item: AXPDonutChartData): string;
+    protected donutWidth: import("@angular/core").Signal<any>;
+    protected cornerRadius: import("@angular/core").Signal<any>;
+    protected chartDataArray: import("@angular/core").Signal<AXPDonutChartData[] | (AXPDonutChartValue & any[])>;
     protected getColor(index: number): string;
     protected isSegmentHidden(id: string): boolean;
-    protected createChart(): void;
-    protected updateChart(): void;
-    protected cleanupChart(): void;
     protected onSegmentClick(item: AXPDonutChartData): void;
     protected onLegendMouseEnter(item: AXPDonutChartData): void;
     protected onLegendMouseLeave(): void;
+    protected createChart(): void;
+    protected updateChart(): void;
+    protected cleanupChart(): void;
+    private clearChart;
+    private handleChartError;
     private setupDimensions;
     private renderDonutChart;
+    private calculateChartLayout;
+    private createSvgWithFilters;
+    private createDonutSegments;
     private setupColorScale;
+    private addSegmentsWithAnimation;
     private handleSegmentHover;
     private updateTooltipPosition;
-    private addCenterContent;
     private toggleSegment;
     private calculateTotal;
     private showNoDataMessage;
+    private showAllSegmentsHiddenMessage;
+    private addTotalDisplay;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPDonutChartWidgetViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPDonutChartWidgetViewComponent, "ng-component", never, {}, { "segmentClick": "segmentClick"; }, never, never, true, never>;
 }

package/widgets/lib/widgets/charts/donut-chart/donut-chart.type.d.ts

@@ -1,38 +1,67 @@
-import { AXPChartDataBase, AXPChartOptionBase } from '../shared/chart-base.type';
 /**
- * Donut chart segment data item interface
+ * Type definitions for the Donut Chart Widget
  */
-export interface AXPDonutChartData extends AXPChartDataBase {
+/**
+ * Represents a single segment in the donut chart
+ */
+export interface AXPDonutChartData {
+    /**
+     * Unique identifier for the segment
+     */
     id: string;
+    /**
+     * Display name for the segment
+     */
     name: string;
+    /**
+     * Numeric value represented by the segment
+     */
     value: number;
-    color?: string;
 }
 /**
- * Donut chart options interface
+ * Configuration options for the donut chart
  */
-export interface AXPDonutChartOption extends AXPChartOptionBase {
+export interface AXPDonutChartOption {
+    /**
+     * Width of the chart in pixels (defaults to container width)
+     */
     width?: number;
+    /**
+     * Height of the chart in pixels (defaults to container height)
+     */
     height?: number;
-    innerRadiusRatio?: number;
-    segmentCornerRadius?: number;
-    segmentPadding?: number;
-    showTooltip?: boolean;
-    showPercentage?: boolean;
-    showValue?: boolean;
+    /**
+     * Whether to show the chart legend (defaults to true)
+     */
     showLegend?: boolean;
-    legendPosition?: 'bottom' | 'right' | 'top' | 'left';
-    animationEnabled?: boolean;
-    animationDuration?: number;
-    showCenterContent?: boolean;
-    centerContent?: {
-        label?: string;
-        showTotal?: boolean;
-        fontSize?: number;
+    /**
+     * Position of the legend (defaults to 'right')
+     * - 'right': Shows legend on the right side
+     * - 'bottom': Shows legend at the bottom
+     */
+    legendPosition?: 'right' | 'bottom' | {
+        id: string;
     };
+    /**
+     * Whether to show tooltips on segment hover (defaults to true)
+     */
+    showTooltip?: boolean;
+    /**
+     * Width of the donut ring (thickness) in percentage of radius (defaults to 35)
+     */
+    donutWidth?: number;
+    /**
+     * Radius of segment corners in pixels (defaults to 4)
+     */
+    cornerRadius?: number;
 }
 /**
- * Donut chart data type returned by getValue()
- * Represents an array of donut chart segments
+ * Data structure provided to the chart component
+ * Can be an array of AXPDonutChartData directly or wrapped in an object with data property
  */
-export type AXPDonutChartValue = AXPDonutChartData[];
+export interface AXPDonutChartValue {
+    /**
+     * Array of donut chart segments
+     */
+    data: AXPDonutChartData[];
+}

package/widgets/lib/widgets/charts/gauge-chart/gauge-chart-widget.component.d.ts

@@ -1,13 +1,28 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { ChangeDetectorRef } from '@angular/core';
+import { AXPChartBaseComponent } from '../shared/chart-base.component';
 import { AXPGaugeChartValue } from './gauge-chart.type';
 import * as i0 from "@angular/core";
-export declare class AXPGaugeChartWidgetViewComponent extends AXPWidgetComponent<AXPGaugeChartValue> {
-    #private;
+export declare class AXPGaugeChartWidgetViewComponent extends AXPChartBaseComponent<AXPGaugeChartValue> {
+    protected cdr: ChangeDetectorRef;
     private chartContainerEl;
     private chartEl;
-    private d3;
-    private loadD3;
-    private createChart;
+    protected backgroundColor: string;
+    protected baseColor: string;
+    protected labelFontSize: number;
+    protected showValue: boolean;
+    protected valueColor: string;
+    protected valueFontSize: number;
+    protected minValue: import("@angular/core").Signal<any>;
+    protected maxValue: import("@angular/core").Signal<any>;
+    protected thresholds: import("@angular/core").Signal<any>;
+    protected label: import("@angular/core").Signal<any>;
+    protected width: import("@angular/core").Signal<any>;
+    protected height: import("@angular/core").Signal<any>;
+    protected gaugeWidth: import("@angular/core").Signal<any>;
+    protected cornerRadius: import("@angular/core").Signal<any>;
+    protected createChart(): void;
+    protected updateChart(): void;
+    protected cleanupChart(): void;
     /**
      * Create gradient definitions for thresholds
      */
@@ -49,7 +64,6 @@ export declare class AXPGaugeChartWidgetViewComponent extends AXPWidgetComponent
      * Convert radians to degrees.
      */
     private radiansToDegrees;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPGaugeChartWidgetViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPGaugeChartWidgetViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/charts/gauge-chart/gauge-chart.type.d.ts

@@ -7,15 +7,13 @@ export interface AXPGaugeChartData extends AXPChartDataBase {
 }
 /**
  * Gauge chart options interface
+ *
  */
 export interface AXPGaugeChartOption extends AXPChartOptionBase {
     minValue: number;
     maxValue: number;
     width?: number;
     height?: number;
-    showValue?: boolean;
-    valueFormat?: string;
-    valueFontSize?: number;
     gaugeWidth?: number;
     cornerRadius?: number;
     thresholds?: {
@@ -23,11 +21,6 @@ export interface AXPGaugeChartOption extends AXPChartOptionBase {
         color: string;
     }[];
     label?: string;
-    labelFontSize?: number;
-    baseColor?: string;
-    valueColor?: string;
-    backgroundColor?: string;
-    animationDuration?: number;
 }
 /**
  * Gauge chart data type returned by getValue()

package/widgets/lib/widgets/charts/shared/chart-base.component.d.ts

@@ -1,10 +1,10 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Base component class for all chart components with common chart functionality
  */
-export declare abstract class AXPChartBaseComponent<TData, TOptions> extends AXPWidgetComponent<TData> implements OnInit, AfterViewInit, OnDestroy {
+export declare abstract class AXPChartBaseComponent<TData> extends AXPValueWidgetComponent<TData> implements OnInit, AfterViewInit, OnDestroy {
     protected cdr: ChangeDetectorRef;
     protected d3: typeof import('d3');
     private injector;
@@ -39,6 +39,6 @@ export declare abstract class AXPChartBaseComponent<TData, TOptions> extends AXP
         width: number;
         height: number;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPChartBaseComponent<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXPChartBaseComponent<any, any>, never, never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPChartBaseComponent<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXPChartBaseComponent<any>, never, never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/charts/shared/components/chart-tooltip/chart-tooltip.component.d.ts

@@ -0,0 +1,28 @@
+import * as i0 from "@angular/core";
+export interface AXPChartTooltipData {
+    title: string;
+    value: number | string;
+    percentage?: string;
+    color?: string;
+    [key: string]: any;
+}
+export declare class AXPChartTooltipComponent {
+    data: import("@angular/core").InputSignal<AXPChartTooltipData | null>;
+    position: import("@angular/core").InputSignal<{
+        x: number;
+        y: number;
+    }>;
+    visible: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Whether to show the tooltip's percentage badge
+     */
+    showPercentage: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Optional custom styling for the tooltip
+     */
+    style: import("@angular/core").InputSignal<{
+        [key: string]: string;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPChartTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPChartTooltipComponent, "ax-chart-tooltip", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "showPercentage": { "alias": "showPercentage"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/widgets/lib/widgets/charts/shared/components/chart-tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './chart-tooltip.component';

package/widgets/lib/widgets/charts/sticky-note/sticky-note-widget.component.d.ts

@@ -1,15 +1,19 @@
 import { AXValueChangedEvent } from '@acorex/components/common';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AXPStickyNoteWidgetViewComponent extends AXPWidgetComponent<string> {
+export declare class AXPStickyNoteWidgetViewComponent extends AXPValueWidgetComponent<string> implements OnInit {
     protected isEditing: import("@angular/core").WritableSignal<boolean>;
+    private wysiwyg;
     protected date: Date;
     protected value: import("@angular/core").WritableSignal<string>;
-    protected bgColor: import("@angular/core").WritableSignal<string>;
+    protected bgColor: import("@angular/core").WritableSignal<any>;
     protected color: import("@angular/core").WritableSignal<string>;
     private el;
     protected colorPresets: string[];
-    protected toggleEdit(): void;
+    handleClickOutside(event: MouseEvent): void;
+    protected activateEdit(): void;
+    protected saveChanges(): void;
     protected setColor(color: string): void;
     protected valueChange(event: AXValueChangedEvent<any>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPStickyNoteWidgetViewComponent, never>;

package/widgets/lib/widgets/charts/weather/weather-widget.component.d.ts

@@ -1,4 +1,4 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXPWeatherData } from './weather-services';
 import * as i0 from "@angular/core";
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
  * Displays current weather conditions and optional forecast data
  * for a specified location with customizable display options.
  */
-export declare class AXPWeatherWidgetViewComponent extends AXPWidgetComponent {
+export declare class AXPWeatherWidgetViewComponent extends AXPValueWidgetComponent {
     protected cdr: ChangeDetectorRef;
     protected containerEl: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
     private weatherService;

package/widgets/lib/widgets/editors/checkbox/checkbox-widget-designer.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPCheckBoxWidgetDesignerComponent extends AXPWidgetComponent<boolean | null> {
+export declare class AXPCheckBoxWidgetDesignerComponent extends AXPValueWidgetComponent<boolean | null> {
     protected disabled: import("@angular/core").Signal<boolean>;
     protected readonly: import("@angular/core").Signal<boolean>;
     protected label: import("@angular/core").Signal<string>;

package/widgets/lib/widgets/editors/checkbox/checkbox-widget-edit.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPCheckBoxWidgetEditComponent extends AXPWidgetComponent<boolean | null> {
+export declare class AXPCheckBoxWidgetEditComponent extends AXPValueWidgetComponent<boolean | null> {
     protected disabled: import("@angular/core").Signal<boolean>;
     protected readonly: import("@angular/core").Signal<boolean>;
     protected label: import("@angular/core").Signal<string>;

package/widgets/lib/widgets/editors/checkbox/checkbox-widget-view.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPCheckBoxWidgetViewComponent extends AXPWidgetComponent<boolean | null> {
+export declare class AXPCheckBoxWidgetViewComponent extends AXPValueWidgetComponent<boolean | null> {
     protected negative: import("@angular/core").Signal<boolean>;
     protected trulyText: import("@angular/core").Signal<boolean>;
     protected falsyText: import("@angular/core").Signal<boolean>;

package/widgets/lib/widgets/editors/checkbox/checkbox-widget.config.d.ts

@@ -1,5 +1,12 @@
+import { AXPExpression } from '@acorex/platform/core';
 import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
 export declare const AXPCheckBoxWidget: AXPWidgetConfig<AXPCheckBoxWidgetConfigType>;
 export type AXPCheckBoxWidgetConfigType = {
     type: 'editor';
 };
+export interface AXPCheckBoxWidgetOptions {
+    disabled?: boolean | AXPExpression;
+    readonly?: boolean | AXPExpression;
+    label?: string;
+    needLabel?: boolean;
+}

package/widgets/lib/widgets/editors/color/color-box-widget-designer.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPColorBoxWidgetDesignerComponent extends AXPWidgetComponent<string> {
+export declare class AXPColorBoxWidgetDesignerComponent extends AXPValueWidgetComponent<string> {
     protected placeholder: import("@angular/core").Signal<string>;
     protected disabled: import("@angular/core").Signal<boolean>;
     protected readonly: import("@angular/core").Signal<boolean>;

package/widgets/lib/widgets/editors/color/color-box-widget-edit.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPColorBoxWidgetEditComponent extends AXPWidgetComponent<string> {
+export declare class AXPColorBoxWidgetEditComponent extends AXPValueWidgetComponent<string> {
     protected placeholder: import("@angular/core").Signal<string>;
     protected disabled: import("@angular/core").Signal<boolean>;
     protected readonly: import("@angular/core").Signal<boolean>;

package/widgets/lib/widgets/editors/color/color-box-widget-filter.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPColorBoxWidgetFilterComponent extends AXPWidgetComponent<any> {
+export declare class AXPColorBoxWidgetFilterComponent extends AXPValueWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPColorBoxWidgetFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPColorBoxWidgetFilterComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/editors/color/color-box-widget-print.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPColorBoxWidgetPrintComponent extends AXPWidgetComponent<any> {
+export declare class AXPColorBoxWidgetPrintComponent extends AXPValueWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPColorBoxWidgetPrintComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPColorBoxWidgetPrintComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/editors/color/color-box-widget-view.component.d.ts

@@ -1,7 +1,7 @@
 import { AXPClipBoardService } from '@acorex/platform/common';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPColorBoxWidgetViewComponent extends AXPWidgetComponent<any> {
+export declare class AXPColorBoxWidgetViewComponent extends AXPValueWidgetComponent<any> {
     rgba: import("@angular/core").Signal<string>;
     protected clipboard: AXPClipBoardService;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPColorBoxWidgetViewComponent, never>;

package/widgets/lib/widgets/editors/color/color-box-widget.config.d.ts

@@ -1,7 +1,14 @@
 import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
+import { AXPExpression, AXPRequiredValidationRule } from '@acorex/platform/core';
 export declare const AXPColorBoxWidget: AXPWidgetConfig;
 declare module '@acorex/platform/layout/builder' {
     interface AXPWidgetTypesMap {
         color: 'color-editor';
     }
 }
+export interface AXPColorBoxWidgetOptions {
+    disabled?: boolean | AXPExpression;
+    readonly?: boolean | AXPExpression;
+    placeholder?: string;
+    validations?: AXPRequiredValidationRule[];
+}

package/widgets/lib/widgets/editors/contact/contact-widget-edit.component.d.ts

@@ -1,10 +1,10 @@
 import { AXDataSource, AXValueChangedEvent } from '@acorex/components/common';
 import { AXValidationService } from '@acorex/core/validation';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { Signal } from '@angular/core';
 import { AXPContactDataType } from './contact.type';
 import * as i0 from "@angular/core";
-export declare class AXPContactWidgetEditComponent extends AXPWidgetComponent<string | string[] | AXPContactDataType | AXPContactDataType[] | undefined> {
+export declare class AXPContactWidgetEditComponent extends AXPValueWidgetComponent<string | string[] | AXPContactDataType | AXPContactDataType[] | undefined> {
     #private;
     protected type: Signal<"email" | "link" | "phone">;
     protected labelList: Signal<string[]>;

package/widgets/lib/widgets/editors/contact/contact-widget-filter.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPContactWidgetFilterComponent extends AXPWidgetComponent<any> {
+export declare class AXPContactWidgetFilterComponent extends AXPValueWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPContactWidgetFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPContactWidgetFilterComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/editors/contact/contact-widget-print.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPContactWidgetPrintComponent extends AXPWidgetComponent<any> {
+export declare class AXPContactWidgetPrintComponent extends AXPValueWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPContactWidgetPrintComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPContactWidgetPrintComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/editors/contact/contact-widget-view.component.d.ts

@@ -1,9 +1,9 @@
 import { AXPClipBoardService } from '@acorex/platform/common';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { Signal } from '@angular/core';
 import { AXPContactDataType } from './contact.type';
 import * as i0 from "@angular/core";
-export declare class AXPContactWidgetViewComponent extends AXPWidgetComponent<AXPContactDataType | string> {
+export declare class AXPContactWidgetViewComponent extends AXPValueWidgetComponent<AXPContactDataType | string> {
     protected type: Signal<"email" | "link" | "phone">;
     protected labelList: Signal<string[]>;
     protected hasLabel: Signal<boolean>;

package/widgets/lib/widgets/editors/contact/contact-widget.config.d.ts

@@ -1,3 +1,4 @@
+import { AXPExpression } from '@acorex/platform/core';
 import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
 export declare const AXPContactWidget: AXPWidgetConfig;
 declare module '@acorex/platform/layout/builder' {
@@ -5,3 +6,11 @@ declare module '@acorex/platform/layout/builder' {
         contact: 'contact-editor';
     }
 }
+export interface AXPContactWidgetOptions {
+    disabled?: boolean | AXPExpression;
+    placeholder?: string;
+    multiple?: boolean;
+    hasLabel?: boolean;
+    hasIcon?: boolean;
+    type?: 'link' | 'email' | 'phone';
+}

package/widgets/lib/widgets/editors/date-time/date-time-box-widget-edit.component.d.ts

@@ -1,9 +1,9 @@
 import { AXValueChangedEvent } from '@acorex/components/common';
 import { AXValidationService } from '@acorex/core/validation';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { Signal } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AXPDateTimeBoxWidgetEditComponent extends AXPWidgetComponent<string | string[]> {
+export declare class AXPDateTimeBoxWidgetEditComponent extends AXPValueWidgetComponent<string | string[]> {
     protected validationService: AXValidationService;
     protected validationMessage?: string | null;
     protected multiple: Signal<boolean>;

package/widgets/lib/widgets/editors/date-time/date-time-box-widget-filter.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPDateTimeBoxWidgetFilterComponent extends AXPWidgetComponent<any> {
+export declare class AXPDateTimeBoxWidgetFilterComponent extends AXPValueWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPDateTimeBoxWidgetFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPDateTimeBoxWidgetFilterComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/editors/date-time/date-time-box-widget-print.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPDateTimeBoxWidgetPrintComponent extends AXPWidgetComponent<any> {
+export declare class AXPDateTimeBoxWidgetPrintComponent extends AXPValueWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPDateTimeBoxWidgetPrintComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPDateTimeBoxWidgetPrintComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/editors/date-time/date-time-box-widget-view.component.d.ts

@@ -1,6 +1,6 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPDateTimeBoxWidgetViewComponent extends AXPWidgetComponent<string | string[]> {
+export declare class AXPDateTimeBoxWidgetViewComponent extends AXPValueWidgetComponent<string | string[]> {
     private formatter;
     private translationService;
     protected multiple: import("@angular/core").Signal<boolean>;

package/widgets/lib/widgets/editors/date-time/date-time-box-widget.config.d.ts

@@ -5,3 +5,11 @@ declare module '@acorex/platform/layout/builder' {
         dateTime: 'date-time-editor';
     }
 }
+import { AXPExpression } from '@acorex/platform/core';
+export interface AXPDateTimeBoxWidgetOptions {
+    disabled?: boolean | AXPExpression;
+    readonly?: boolean | AXPExpression;
+    placeholder?: string;
+    multiple?: boolean;
+    dateFormat?: string;
+}