@acorex/platform 19.2.19 → 19.3.0-next.0

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

@@ -0,0 +1,52 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXPChartBaseComponent } from '../shared/chart-base.component';
+import { AXPBarChartData, AXPBarChartOption, 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;
+    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;
+    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 createChart(): void;
+    protected updateChart(): void;
+    protected cleanupChart(): void;
+    private setupDimensions;
+    private setupScales;
+    private setupAxes;
+    private renderBars;
+    private updateScales;
+    private updateAxes;
+    private updateBars;
+    private setupTooltip;
+    private clearChart;
+    private showNoDataMessage;
+    private onBarMouseEnter;
+    private onBarMouseMove;
+    private onBarMouseLeave;
+    private onBarClick;
+    private updateTooltipPosition;
+    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

@@ -1,5 +1,17 @@
-import { AXPChartValue } from '../chart.type';
-export interface AXPBarChartOption {
+import { AXPChartDataBase, AXPChartOptionBase } from '../shared/chart-base.type';
+/**
+ * Bar chart data item interface
+ */
+export interface AXPBarChartData extends AXPChartDataBase {
+    id: string;
+    label: string;
+    value: number;
+    color?: string;
+}
+/**
+ * Bar chart options interface
+ */
+export interface AXPBarChartOption extends AXPChartOptionBase {
     width?: number;
     height?: number;
     margin?: {
@@ -8,14 +20,20 @@ export interface AXPBarChartOption {
         bottom: number;
         left: number;
     };
-    transitionDelayMs: number;
+    barPadding?: number;
+    barCornerRadius?: number;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGrid?: boolean;
+    transitionDuration?: number;
+    transitionDelayMs?: number;
     color?: string | string[];
+    hoverColor?: string;
+    showTooltip?: boolean;
+    tooltipFormat?: string;
 }
-export interface AXPBarChartData {
-    id?: string;
-    label: string;
-    value: number;
-    color?: string;
-}
-export interface AXPBarChartValue extends AXPChartValue<AXPBarChartData[], AXPBarChartOption> {
-}
+/**
+ * Bar chart data type returned by getValue()
+ * Represents an array of bar chart data items
+ */
+export type AXPBarChartValue = AXPBarChartData[];

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

@@ -1,2 +1,2 @@
-export * from './bar-chart-widget-edit.component';
+export * from './bar-chart-widget.component';
 export * from './bar-chart-widget.config';

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

@@ -1,4 +1,7 @@
+import { AXPWidgetCategory } from "@acorex/platform/layout/builder";
 export interface AXPChartValue<T, U> {
     data: T;
     options: U;
 }
+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

@@ -0,0 +1,40 @@
+import { AXPWidgetComponent } 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 {
+    private readonly cdr;
+    protected currentTime: Date;
+    protected currentDate: Date;
+    private clockSubscription;
+    protected readonly clockHours: number[];
+    protected readonly clockHourNumbers: AXPHourNumber[];
+    protected hourRotation: number;
+    protected minuteRotation: number;
+    protected secondRotation: number;
+    protected readonly displayLayout: Signal<string>;
+    protected readonly showDigitalClock: Signal<boolean>;
+    protected readonly showAnalogClock: Signal<boolean>;
+    protected readonly showDate: Signal<boolean>;
+    protected readonly showDayOfWeek: Signal<boolean>;
+    protected readonly use24Hour: Signal<boolean>;
+    protected readonly showSeconds: Signal<boolean>;
+    protected readonly dateFormat: Signal<string>;
+    protected readonly timezone: Signal<string>;
+    protected readonly showTimezoneIndicator: Signal<boolean>;
+    protected readonly displayTimezone: Signal<string>;
+    protected readonly timeFormat: Signal<string>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private startClockTimer;
+    private stopClockTimer;
+    private updateTime;
+    private getAdjustedTime;
+    private updateClockHandsRotation;
+    protected initializeWidget(): void;
+    protected updateWidget(): void;
+    protected destroyWidget(): void;
+    protected getDayOfWeek(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPClockCalendarWidgetViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPClockCalendarWidgetViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,7 @@
+import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
+export declare const AXPClockCalendarWidget: AXPWidgetConfig;
+declare module '@acorex/platform/layout/builder' {
+    interface AXPWidgetTypesMap {
+        clockCalendar: 'clock-calendar';
+    }
+}

package/widgets/lib/widgets/charts/clock-calendar/clock-calendar.types.d.ts

@@ -0,0 +1,50 @@
+/**
+ * ACoreX Clock Calendar Widget Types
+ * Contains all types and interfaces for the Clock Calendar widget
+ */
+/**
+ * Clock layout display options
+ */
+export type AXPClockLayout = 'both' | 'digital' | 'analog';
+/**
+ * Clock timezone options
+ */
+export interface AXPTimezoneOption {
+    id: string;
+    title: string;
+}
+/**
+ * Date format options
+ */
+export interface AXPDateFormatOption {
+    id: string;
+    title: string;
+}
+/**
+ * Hour number definition for the analog clock
+ */
+export interface AXPHourNumber {
+    number: number;
+    angle: number;
+}
+/**
+ * Widget options for configuring the clock-calendar
+ */
+export interface AXPClockCalendarOptions {
+    displayLayout?: AXPClockLayout;
+    showDate?: boolean;
+    showDayOfWeek?: boolean;
+    use24Hour?: boolean;
+    showSeconds?: boolean;
+    showHourMarkers?: boolean;
+    dateFormat?: string;
+    timezone?: string;
+}
+/**
+ * Common timezone options for the widget configuration
+ */
+export declare const AXP_TIMEZONE_OPTIONS: AXPTimezoneOption[];
+/**
+ * Common date format options for the widget configuration
+ */
+export declare const AXP_DATE_FORMAT_OPTIONS: AXPDateFormatOption[];

package/widgets/lib/widgets/charts/clock-calendar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './clock-calendar-widget.component';
+export * from './clock-calendar-widget.config';
+export * from './clock-calendar.types';

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

@@ -0,0 +1,54 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXPChartBaseComponent } from '../shared/chart-base.component';
+import { AXPDonutChartData, AXPDonutChartOption, AXPDonutChartValue } from './donut-chart.type';
+import * as i0 from "@angular/core";
+export declare class AXPDonutChartWidgetViewComponent extends AXPChartBaseComponent<AXPDonutChartValue, AXPDonutChartOption> {
+    protected cdr: ChangeDetectorRef;
+    segmentClick: EventEmitter<AXPDonutChartData>;
+    private chartContainerEl;
+    private svg;
+    private chart;
+    private pieData;
+    private hiddenSegments;
+    private activeSegmentId;
+    private _tooltipVisible;
+    private _tooltipPosition;
+    private _tooltipData;
+    protected tooltipVisible: import("@angular/core").Signal<boolean>;
+    protected tooltipPosition: import("@angular/core").Signal<{
+        x: number;
+        y: number;
+    }>;
+    protected tooltipData: import("@angular/core").Signal<{
+        name: string;
+        value: number;
+        percentage: string;
+        id: string;
+    }>;
+    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 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;
+    private setupDimensions;
+    private renderDonutChart;
+    private setupColorScale;
+    private handleSegmentHover;
+    private updateTooltipPosition;
+    private addCenterContent;
+    private toggleSegment;
+    private calculateTotal;
+    private showNoDataMessage;
+    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,28 +1,38 @@
-import { AXPChartValue } from '../chart.type';
-export interface AXPDonutChartData {
+import { AXPChartDataBase, AXPChartOptionBase } from '../shared/chart-base.type';
+/**
+ * Donut chart segment data item interface
+ */
+export interface AXPDonutChartData extends AXPChartDataBase {
     id: string;
     name: string;
     value: number;
     color?: string;
 }
-export interface AXPDonutChartOption {
-    width: number;
-    height: number;
-    tooltip?: {
-        enabled: boolean;
-        showPercentage: boolean;
-        showValue: boolean;
-        position?: 'auto' | 'fixed';
-        offset?: number;
+/**
+ * Donut chart options interface
+ */
+export interface AXPDonutChartOption extends AXPChartOptionBase {
+    width?: number;
+    height?: number;
+    innerRadiusRatio?: number;
+    segmentCornerRadius?: number;
+    segmentPadding?: number;
+    showTooltip?: boolean;
+    showPercentage?: boolean;
+    showValue?: boolean;
+    showLegend?: boolean;
+    legendPosition?: 'bottom' | 'right' | 'top' | 'left';
+    animationEnabled?: boolean;
+    animationDuration?: number;
+    showCenterContent?: boolean;
+    centerContent?: {
+        label?: string;
+        showTotal?: boolean;
+        fontSize?: number;
     };
-    legend?: {
-        enabled: boolean;
-        position?: 'bottom' | 'right';
-    };
-    animation?: {
-        enabled: boolean;
-        duration?: number;
-    };
-}
-export interface AXPDonutChartValue extends AXPChartValue<AXPDonutChartData[], AXPDonutChartOption> {
 }
+/**
+ * Donut chart data type returned by getValue()
+ * Represents an array of donut chart segments
+ */
+export type AXPDonutChartValue = AXPDonutChartData[];

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

@@ -1,2 +1,2 @@
-export * from './donut-chart-widget-edit.component';
+export * from './donut-chart-widget.component';
 export * from './donut-chart-widget.config';

package/widgets/lib/widgets/charts/gauge-chart/{gauge-chart-widget-edit.component.d.ts → gauge-chart-widget.component.d.ts}

@@ -1,7 +1,7 @@
 import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import { AXPGaugeChartValue } from './gauge-chart.type';
 import * as i0 from "@angular/core";
-export declare class AXPGaugeChartWidgetEditComponent extends AXPWidgetComponent<AXPGaugeChartValue> {
+export declare class AXPGaugeChartWidgetViewComponent extends AXPWidgetComponent<AXPGaugeChartValue> {
     #private;
     private chartContainerEl;
     private chartEl;
@@ -50,6 +50,6 @@ export declare class AXPGaugeChartWidgetEditComponent extends AXPWidgetComponent
      */
     private radiansToDegrees;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPGaugeChartWidgetEditComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPGaugeChartWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
+    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

@@ -1,21 +1,36 @@
-import { AXPChartValue } from '../chart.type';
-export interface AXPGaugeChartData {
-    id: string;
-    name: string;
+import { AXPChartDataBase, AXPChartOptionBase } from '../shared/chart-base.type';
+/**
+ * Gauge chart data item interface
+ */
+export interface AXPGaugeChartData extends AXPChartDataBase {
     value: number;
-    color?: string;
 }
-export interface AXPGaugeChartOption {
-    width: number;
-    height: number;
+/**
+ * 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?: {
-        range: number;
+        value: number;
         color: string;
     }[];
     label?: string;
+    labelFontSize?: number;
+    baseColor?: string;
+    valueColor?: string;
+    backgroundColor?: string;
     animationDuration?: number;
 }
-export interface AXPGaugeChartValue extends AXPChartValue<AXPGaugeChartData, AXPGaugeChartOption> {
-}
+/**
+ * Gauge chart data type returned by getValue()
+ * Represents a single gauge value
+ */
+export type AXPGaugeChartValue = number;

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

@@ -1,2 +1,3 @@
-export * from './gauge-chart-widget-edit.component';
+export * from './gauge-chart-widget.component';
 export * from './gauge-chart-widget.config';
+export * from './gauge-chart.type';

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

@@ -0,0 +1,44 @@
+import { AXPWidgetComponent } 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 {
+    protected cdr: ChangeDetectorRef;
+    protected d3: typeof import('d3');
+    private injector;
+    protected isInitialized: import("@angular/core").WritableSignal<boolean>;
+    protected isRendered: import("@angular/core").WritableSignal<boolean>;
+    protected _internalData: import("@angular/core").WritableSignal<TData | null>;
+    protected chartData: import("@angular/core").Signal<TData>;
+    protected _lastOptionsSnapshot: string;
+    private effectRef;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Load D3.js library asynchronously
+     */
+    protected loadD3(): Promise<void>;
+    /**
+     * Set up reactive effects to track data and option changes
+     */
+    protected setupEffects(): void;
+    /**
+     * Abstract methods that child classes must implement
+     */
+    protected abstract createChart(): void;
+    protected abstract updateChart(): void;
+    protected abstract cleanupChart(): void;
+    /**
+     * Get dimensions of the container element
+     */
+    protected getContainerDimensions(containerElement: ElementRef<HTMLElement>): {
+        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>;
+}

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

@@ -0,0 +1,37 @@
+/**
+ * Common base types and utilities for all chart components
+ */
+/**
+ * Base chart data interface that all chart data types extend
+ */
+export interface AXPChartDataBase {
+    id: string;
+    color?: string;
+}
+/**
+ * Base chart options interface with common properties
+ */
+export interface AXPChartOptionBase {
+    width?: number;
+    height?: number;
+    animationEnabled?: boolean;
+    animationDuration?: number;
+    showTooltip?: boolean;
+    tooltipPosition?: 'auto' | 'fixed';
+    showLegend?: boolean;
+    legendPosition?: 'bottom' | 'right' | 'top' | 'left';
+    theme?: 'light' | 'dark' | 'auto';
+    colorScheme?: string | string[];
+}
+/**
+ * Color utility functions for charts
+ */
+export declare const AXPChartColors: {
+    defaultColors: string[];
+    getColor: (index: number, customPalette?: string[]) => string;
+    generatePalette: (baseColor: string, count: number) => string[];
+};
+/**
+ * Shared utility for loading D3.js dynamically
+ */
+export declare function loadD3(): Promise<any>;

package/widgets/lib/widgets/charts/sticky-note/index.d.ts

@@ -1,2 +1,2 @@
-export * from './sticky-note-widget-edit.component';
+export * from './sticky-note-widget.component';
 export * from './sticky-note-widget.config';

package/widgets/lib/widgets/charts/sticky-note/{sticky-note-widget-edit.component.d.ts → sticky-note-widget.component.d.ts}

@@ -1,7 +1,7 @@
 import { AXValueChangedEvent } from '@acorex/components/common';
 import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import * as i0 from "@angular/core";
-export declare class AXPStickyNoteWidgetEditComponent extends AXPWidgetComponent<string> {
+export declare class AXPStickyNoteWidgetViewComponent extends AXPWidgetComponent<string> {
     protected isEditing: import("@angular/core").WritableSignal<boolean>;
     protected date: Date;
     protected value: import("@angular/core").WritableSignal<string>;
@@ -12,6 +12,6 @@ export declare class AXPStickyNoteWidgetEditComponent extends AXPWidgetComponent
     protected toggleEdit(): void;
     protected setColor(color: string): void;
     protected valueChange(event: AXValueChangedEvent<any>): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPStickyNoteWidgetEditComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPStickyNoteWidgetEditComponent, "ng-component", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPStickyNoteWidgetViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPStickyNoteWidgetViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/widgets/lib/widgets/charts/weather/index.d.ts

@@ -0,0 +1,4 @@
+export * from './weather-services';
+export * from './weather-widget.component';
+export * from './weather-widget.config';
+export * from './weather.module';

package/widgets/lib/widgets/charts/weather/weather-services/index.d.ts

@@ -0,0 +1,3 @@
+export * from './weather-api.abstract';
+export * from './weather-api.mock.service';
+export * from './weather-api.service';