@acorex/platform 19.3.0-next.1 → 19.3.0-next.3

package/widgets/lib/widgets/advance/file/file-box-widget-view.component.d.ts

@@ -1,5 +1,5 @@
 import { AXPFileStorageInfo } from '@acorex/platform/common';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { WritableSignal } from '@angular/core';
 import * as i0 from "@angular/core";
 interface AXPFile {
@@ -8,7 +8,7 @@ interface AXPFile {
     value: string;
     size: string;
 }
-export declare class AXPFileBoxWidgetViewComponent extends AXPWidgetComponent<any> {
+export declare class AXPFileBoxWidgetViewComponent extends AXPValueWidgetComponent<any> {
     private fileStorageService;
     private loadingDialog;
     private translateService;

package/widgets/lib/widgets/advance/gallery/gallery-widget-edit.component.d.ts

@@ -1,7 +1,7 @@
 import { AXMediaViewerData } from '@acorex/components/media-viewer';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPGalleryWidgetEditComponent extends AXPWidgetComponent<any> {
+export declare class AXPGalleryWidgetEditComponent extends AXPValueWidgetComponent<any> {
     protected thumbnail: import("@angular/core").Signal<boolean>;
     protected header: import("@angular/core").Signal<boolean>;
     protected fileInfo: import("@angular/core").Signal<boolean>;

package/widgets/lib/widgets/advance/gallery/gallery-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 AXPGalleryWidgetPrintComponent extends AXPWidgetComponent<any> {
+export declare class AXPGalleryWidgetPrintComponent extends AXPValueWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPGalleryWidgetPrintComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPGalleryWidgetPrintComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/advance/gallery/gallery-widget-view.component.d.ts

@@ -1,8 +1,8 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { Signal, WritableSignal } from '@angular/core';
 import { AXPMediaInfo, AXPMediaItem } from './gallery-widget-types';
 import * as i0 from "@angular/core";
-export declare class AXPGalleryWidgetViewComponent extends AXPWidgetComponent<any> {
+export declare class AXPGalleryWidgetViewComponent extends AXPValueWidgetComponent<any> {
     protected internalValue: Signal<any[]>;
     protected multiple: Signal<boolean>;
     protected thumbnails: Signal<AXPMediaItem[]>;

package/widgets/lib/widgets/advance/map/map-box-widget-edit.component.d.ts

@@ -1,8 +1,8 @@
 import { AXMapData, AXMapPolygon } from '@acorex/components/map';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { ChangeDetectorRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AXPMapBoxWidgetEditComponent extends AXPWidgetComponent<AXMapData | undefined> {
+export declare class AXPMapBoxWidgetEditComponent extends AXPValueWidgetComponent<AXMapData | undefined> {
     cdr: ChangeDetectorRef;
     markers: import("@angular/core").Signal<import("@acorex/components/map").AXMapMarker[]>;
     polygons: import("@angular/core").Signal<AXMapPolygon[]>;

package/widgets/lib/widgets/advance/map/map-box-widget-view.component.d.ts

@@ -1,7 +1,7 @@
 import { AXMapData } from '@acorex/components/map';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPMapBoxWidgetViewComponent extends AXPWidgetComponent<AXMapData | undefined> {
+export declare class AXPMapBoxWidgetViewComponent extends AXPValueWidgetComponent<AXMapData | undefined> {
     markers: import("@angular/core").Signal<import("@acorex/components/map").AXMapMarker[]>;
     polygons: import("@angular/core").Signal<import("@acorex/components/map").AXMapPolygon[]>;
     height: import("@angular/core").Signal<number>;

package/widgets/lib/widgets/advance/qrcode/qrcode-widget-view.component.d.ts

@@ -1,7 +1,7 @@
 import { AXQrcodeLevel, AXQrcodeOutputType } from '@acorex/components/qrcode';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPQrcodeWidgetViewComponent extends AXPWidgetComponent<string> {
+export declare class AXPQrcodeWidgetViewComponent extends AXPValueWidgetComponent<string> {
     protected content: import("@angular/core").Signal<string>;
     protected size: import("@angular/core").Signal<number>;
     protected level: import("@angular/core").Signal<AXQrcodeLevel>;

package/widgets/lib/widgets/advance/signature/signature-pad-widget-column.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 AXPSignatureWidgetColumnComponent extends AXPWidgetComponent<any> {
+export declare class AXPSignatureWidgetColumnComponent extends AXPValueWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSignatureWidgetColumnComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPSignatureWidgetColumnComponent, "ng-component", never, { "rawValue": { "alias": "rawValue"; "required": false; }; }, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/advance/signature/signature-pad-widget-edit.component.d.ts

@@ -1,9 +1,9 @@
 import { AXPlatform } from '@acorex/core/platform';
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
 import { ElementRef, WritableSignal } from '@angular/core';
 import SignaturePad from 'signature_pad';
 import * as i0 from "@angular/core";
-export declare class AXPSignatureWidgetEditComponent extends AXPWidgetComponent<any> {
+export declare class AXPSignatureWidgetEditComponent extends AXPValueWidgetComponent<any> {
     protected disabled: import("@angular/core").Signal<boolean>;
     protected placeholder: import("@angular/core").Signal<string>;
     padCanvas: ElementRef<HTMLCanvasElement>;

package/widgets/lib/widgets/advance/signature/signature-pad-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 AXPSignatureWidgetFilterComponent extends AXPWidgetComponent<any> {
+export declare class AXPSignatureWidgetFilterComponent extends AXPValueWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSignatureWidgetFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPSignatureWidgetFilterComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/advance/signature/signature-pad-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 AXPSignatureWidgetPrintComponent extends AXPWidgetComponent<any> {
+export declare class AXPSignatureWidgetPrintComponent extends AXPValueWidgetComponent<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSignatureWidgetPrintComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPSignatureWidgetPrintComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/advance/signature/signature-pad-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 AXPSignatureWidgetViewComponent extends AXPWidgetComponent<any> {
+export declare class AXPSignatureWidgetViewComponent extends AXPValueWidgetComponent<any> {
     protected placeholder: import("@angular/core").Signal<string>;
     protected internalValue: import("@angular/core").Signal<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPSignatureWidgetViewComponent, never>;

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

@@ -1,52 +1,41 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { AXPChartBaseComponent } from '../shared/chart-base.component';
-import { AXPBarChartData, AXPBarChartOption, AXPBarChartValue } from './bar-chart.type';
+import { AXPChartTooltipData } from '../shared/components/chart-tooltip';
+import { AXPBarChartData, AXPBarChartValue } from './bar-chart.type';
 import * as i0 from "@angular/core";
-export declare class AXPBarChartWidgetViewComponent extends AXPChartBaseComponent<AXPBarChartValue, AXPBarChartOption> {
-    protected cdr: ChangeDetectorRef;
-    barClick: EventEmitter<AXPBarChartData>;
-    private chartContainerEl;
+export declare class AXPBarChartWidgetViewComponent extends AXPChartBaseComponent<AXPBarChartValue> {
+    barClick: import("@angular/core").OutputEmitterRef<AXPBarChartData>;
+    private readonly chartContainerEl;
     private svg;
     private chart;
     private xScale;
     private yScale;
-    private colors;
     private xAxis;
     private yAxis;
     private width;
     private height;
     private margin;
-    private readonly DEFAULT_MARGIN;
-    private readonly DEFAULT_COLOR;
     private _tooltipVisible;
     private _tooltipPosition;
-    private _tooltipContent;
+    private _tooltipData;
     protected tooltipVisible: import("@angular/core").Signal<boolean>;
     protected tooltipPosition: import("@angular/core").Signal<{
         x: number;
         y: number;
     }>;
-    protected tooltipContent: import("@angular/core").Signal<string>;
-    protected chartOptions: import("@angular/core").Signal<AXPBarChartOption>;
-    constructor(cdr: ChangeDetectorRef);
+    protected tooltipData: import("@angular/core").Signal<AXPChartTooltipData>;
+    protected barWidth: import("@angular/core").Signal<any>;
+    protected cornerRadius: import("@angular/core").Signal<any>;
     protected createChart(): void;
     protected updateChart(): void;
     protected cleanupChart(): void;
     private setupDimensions;
     private setupScales;
-    private setupAxes;
+    private createAxes;
     private renderBars;
-    private updateScales;
-    private updateAxes;
-    private updateBars;
-    private setupTooltip;
-    private clearChart;
-    private showNoDataMessage;
-    private onBarMouseEnter;
-    private onBarMouseMove;
-    private onBarMouseLeave;
-    private onBarClick;
+    private handleBarHover;
     private updateTooltipPosition;
+    private handleBarClick;
+    private showNoDataMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPBarChartWidgetViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPBarChartWidgetViewComponent, "ng-component", never, {}, { "barClick": "barClick"; }, never, never, true, never>;
 }

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/notification/index.d.ts

@@ -0,0 +1,3 @@
+export * from './notification-widget.component';
+export * from './notification-widget.config';
+export * from './notification.type';

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

@@ -0,0 +1,54 @@
+import { AXTabStripChangedEvent } from '@acorex/components/tabs';
+import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPNotificationData, AXPNotificationValue } from './notification.type';
+import * as i0 from "@angular/core";
+/**
+ * Notification Widget Component
+ * Displays notifications in a card with tabs
+ */
+export declare class AXPNotificationWidgetViewComponent extends AXPValueWidgetComponent<AXPNotificationValue> {
+    notificationClick: import("@angular/core").OutputEmitterRef<AXPNotificationData>;
+    markAsRead: import("@angular/core").OutputEmitterRef<AXPNotificationData>;
+    private readonly cdr;
+    private readonly datePipe;
+    protected activeTab: import("@angular/core").WritableSignal<"all" | "new">;
+    protected readonly maxItems: import("@angular/core").Signal<any>;
+    protected readonly showAvatar: import("@angular/core").Signal<any>;
+    protected readonly showDate: import("@angular/core").Signal<any>;
+    protected readonly notificationItems: import("@angular/core").Signal<AXPNotificationData[]>;
+    /**
+     * Get the count of new messages for the badge
+     */
+    protected getNewMessageCount(): number;
+    /**
+     * Handle tab change event from ax-tabs component
+     * @param index The index of the tab that was activated
+     */
+    protected handleTabChange(data: AXTabStripChangedEvent): void;
+    /**
+     * Mark all notifications as read
+     */
+    protected markAllAsRead(): void;
+    /**
+     * Change the active tab
+     */
+    protected onTabChange(tabName: 'new' | 'all'): void;
+    /**
+     * Handle notification click event
+     */
+    protected onNotificationClick(notification: AXPNotificationData): void;
+    /**
+     * Format the timestamp in a user-friendly way
+     */
+    protected formatTime(date: Date | string | undefined): string;
+    /**
+     * Mark notification as read if needed
+     */
+    private markAsReadIfNeeded;
+    /**
+     * Calculate days difference from now
+     */
+    private getDaysDifference;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPNotificationWidgetViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPNotificationWidgetViewComponent, "ng-component", never, {}, { "notificationClick": "notificationClick"; "markAsRead": "markAsRead"; }, never, never, true, never>;
+}

package/widgets/lib/widgets/charts/notification/notification-widget.config.d.ts

@@ -0,0 +1,10 @@
+import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
+/**
+ * Configuration for the Notification Widget
+ */
+export declare const AXPNotificationWidget: AXPWidgetConfig;
+declare module '@acorex/platform/layout/builder' {
+    interface AXPWidgetTypesMap {
+        notification: 'notification';
+    }
+}

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

@@ -0,0 +1,47 @@
+import { AXPWidgetDataSource } from '@acorex/platform/layout/builder';
+export type AXPNotificationChannel = 'InApp' | 'Email' | 'SMS';
+export type AXPNotificationCategory = 'Inbox' | 'Archive';
+export type AXPNotificationPriority = 'Warning' | 'Danger' | 'Notice';
+export type AXPNotificationType = 'File' | 'Person' | 'Notification';
+export type AXPNotificationActionType = 'Link' | 'Entity' | 'Popup';
+/**
+ * Notification item data structure
+ */
+export interface AXPNotificationData {
+    id: string;
+    title: string;
+    body: string;
+    channel: AXPNotificationChannel;
+    content: {
+        type: AXPNotificationType;
+        data: object;
+    };
+    action?: {
+        type: AXPNotificationActionType;
+        data: {
+            [key: string]: unknown;
+        };
+    };
+    user: {
+        id: string;
+        name: string;
+        image: string;
+    };
+    template: {
+        category: AXPNotificationCategory;
+        priority: AXPNotificationPriority;
+        icon: string;
+        isPinned: boolean;
+    };
+    readAt: Date | null;
+    createdAt: Date;
+    entityName?: string;
+}
+/**
+ * Notification widget value structure
+ */
+export interface AXPNotificationValue {
+    data: AXPNotificationData[];
+    dataSource?: AXPWidgetDataSource;
+    total?: number;
+}

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>;
 }