@acorex/modules 19.3.0 → 19.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dashboard-management/index.d.ts +1 -0
- package/dashboard-management/lib/dashboard-management.module.d.ts +2 -2
- package/dashboard-management/lib/features/shared/widgets/bar-chart/bar-chart-widget.component.d.ts +72 -0
- package/dashboard-management/lib/features/shared/widgets/bar-chart/bar-chart-widget.config.d.ts +7 -0
- package/dashboard-management/lib/features/shared/widgets/bar-chart/bar-chart.type.d.ts +34 -0
- package/dashboard-management/lib/features/shared/widgets/bar-chart/index.d.ts +2 -0
- package/dashboard-management/lib/features/shared/widgets/chart.type.d.ts +3 -0
- package/dashboard-management/lib/features/shared/widgets/clock-calendar/clock-calendar-widget.component.d.ts +40 -0
- package/dashboard-management/lib/features/shared/widgets/clock-calendar/clock-calendar-widget.config.d.ts +7 -0
- package/dashboard-management/lib/features/shared/widgets/clock-calendar/clock-calendar.types.d.ts +50 -0
- package/dashboard-management/lib/features/shared/widgets/clock-calendar/index.d.ts +3 -0
- package/dashboard-management/lib/features/shared/widgets/dashboard-shortcut/index.d.ts +2 -0
- package/dashboard-management/lib/features/shared/widgets/donut-chart/donut-chart-widget.component.d.ts +58 -0
- package/dashboard-management/lib/features/shared/widgets/donut-chart/donut-chart-widget.config.d.ts +7 -0
- package/dashboard-management/lib/features/shared/widgets/donut-chart/donut-chart.type.d.ts +67 -0
- package/dashboard-management/lib/features/shared/widgets/donut-chart/index.d.ts +2 -0
- package/dashboard-management/lib/features/shared/widgets/gauge-chart/gauge-chart-widget.component.d.ts +75 -0
- package/dashboard-management/lib/features/shared/widgets/gauge-chart/gauge-chart-widget.config.d.ts +7 -0
- package/dashboard-management/lib/features/shared/widgets/gauge-chart/gauge-chart.type.d.ts +29 -0
- package/dashboard-management/lib/features/shared/widgets/gauge-chart/index.d.ts +3 -0
- package/dashboard-management/lib/features/shared/widgets/index.d.ts +11 -0
- package/dashboard-management/lib/features/shared/widgets/line-chart/index.d.ts +3 -0
- package/dashboard-management/lib/features/shared/widgets/line-chart/line-chart-widget.component.d.ts +76 -0
- package/dashboard-management/lib/features/shared/widgets/line-chart/line-chart-widget.config.d.ts +7 -0
- package/dashboard-management/lib/features/shared/widgets/line-chart/line-chart.type.d.ts +41 -0
- package/dashboard-management/lib/features/shared/widgets/notification/index.d.ts +3 -0
- package/dashboard-management/lib/features/shared/widgets/notification/notification-widget.component.d.ts +54 -0
- package/dashboard-management/lib/features/shared/widgets/notification/notification-widget.config.d.ts +10 -0
- package/dashboard-management/lib/features/shared/widgets/notification/notification.type.d.ts +47 -0
- package/dashboard-management/lib/features/shared/widgets/shared/chart-base.component.d.ts +44 -0
- package/dashboard-management/lib/features/shared/widgets/shared/chart-base.type.d.ts +37 -0
- package/dashboard-management/lib/features/shared/widgets/shared/components/chart-tooltip/chart-tooltip.component.d.ts +28 -0
- package/dashboard-management/lib/features/shared/widgets/shared/components/chart-tooltip/index.d.ts +1 -0
- package/dashboard-management/lib/features/shared/widgets/shared/index.d.ts +3 -0
- package/dashboard-management/lib/features/shared/widgets/sticky-note/index.d.ts +2 -0
- package/dashboard-management/lib/features/shared/widgets/sticky-note/sticky-note-widget.component.d.ts +21 -0
- package/dashboard-management/lib/features/shared/widgets/sticky-note/sticky-note-widget.config.d.ts +7 -0
- package/dashboard-management/lib/features/shared/widgets/tasklist/index.d.ts +3 -0
- package/dashboard-management/lib/features/shared/widgets/tasklist/tasklist-widget.component.d.ts +34 -0
- package/dashboard-management/lib/features/shared/widgets/tasklist/tasklist-widget.config.d.ts +7 -0
- package/dashboard-management/lib/features/shared/widgets/tasklist/tasklist.type.d.ts +36 -0
- package/dashboard-management/lib/features/shared/widgets/weather/index.d.ts +3 -0
- package/dashboard-management/lib/features/shared/widgets/weather/weather-services/index.d.ts +3 -0
- package/dashboard-management/lib/features/shared/widgets/weather/weather-services/weather-api.abstract.d.ts +174 -0
- package/dashboard-management/lib/features/shared/widgets/weather/weather-services/weather-api.key.d.ts +2 -0
- package/dashboard-management/lib/features/shared/widgets/weather/weather-services/weather-api.mock.service.d.ts +47 -0
- package/dashboard-management/lib/features/shared/widgets/weather/weather-services/weather-api.service.d.ts +48 -0
- package/dashboard-management/lib/features/shared/widgets/weather/weather-widget.component.d.ts +109 -0
- package/dashboard-management/lib/features/shared/widgets/weather/weather-widget.config.d.ts +14 -0
- package/fesm2022/acorex-modules-application-management.mjs +2 -2
- package/fesm2022/acorex-modules-application-management.mjs.map +1 -1
- package/fesm2022/acorex-modules-dashboard-management-acorex-modules-dashboard-management-CReOsVhq.mjs +5083 -0
- package/fesm2022/acorex-modules-dashboard-management-acorex-modules-dashboard-management-CReOsVhq.mjs.map +1 -0
- package/fesm2022/{acorex-modules-dashboard-management-index-Br6L5KMu.mjs → acorex-modules-dashboard-management-home-dashboard-CHXDeuSF.mjs} +7 -7
- package/fesm2022/acorex-modules-dashboard-management-home-dashboard-CHXDeuSF.mjs.map +1 -0
- package/fesm2022/acorex-modules-dashboard-management.mjs +1 -1
- package/fesm2022/{acorex-modules-form-template-management-acorex-modules-form-template-management-DO18V9JK.mjs → acorex-modules-form-template-management-acorex-modules-form-template-management-Cv92x_9Z.mjs} +11 -11
- package/fesm2022/acorex-modules-form-template-management-acorex-modules-form-template-management-Cv92x_9Z.mjs.map +1 -0
- package/fesm2022/{acorex-modules-form-template-management-category.entity-nErIyYxr.mjs → acorex-modules-form-template-management-category.entity-DPVwQW4X.mjs} +2 -2
- package/fesm2022/{acorex-modules-form-template-management-category.entity-nErIyYxr.mjs.map → acorex-modules-form-template-management-category.entity-DPVwQW4X.mjs.map} +1 -1
- package/fesm2022/{acorex-modules-form-template-management-settings.provider-CROST06h.mjs → acorex-modules-form-template-management-settings.provider-iwOUp0iw.mjs} +2 -2
- package/fesm2022/{acorex-modules-form-template-management-settings.provider-CROST06h.mjs.map → acorex-modules-form-template-management-settings.provider-iwOUp0iw.mjs.map} +1 -1
- package/fesm2022/{acorex-modules-form-template-management-template-widget-edit.component-0GHf41xy.mjs → acorex-modules-form-template-management-template-widget-edit.component-BkR3x74p.mjs} +2 -2
- package/fesm2022/{acorex-modules-form-template-management-template-widget-edit.component-0GHf41xy.mjs.map → acorex-modules-form-template-management-template-widget-edit.component-BkR3x74p.mjs.map} +1 -1
- package/fesm2022/{acorex-modules-form-template-management-template.entity-HSE5R67l.mjs → acorex-modules-form-template-management-template.entity-NgmH7r8R.mjs} +2 -2
- package/fesm2022/{acorex-modules-form-template-management-template.entity-HSE5R67l.mjs.map → acorex-modules-form-template-management-template.entity-NgmH7r8R.mjs.map} +1 -1
- package/fesm2022/{acorex-modules-form-template-management-viewer-popup.component-pi15hXWY.mjs → acorex-modules-form-template-management-viewer-popup.component-Cq33xA62.mjs} +2 -2
- package/fesm2022/{acorex-modules-form-template-management-viewer-popup.component-pi15hXWY.mjs.map → acorex-modules-form-template-management-viewer-popup.component-Cq33xA62.mjs.map} +1 -1
- package/fesm2022/acorex-modules-form-template-management.mjs +1 -1
- package/fesm2022/{acorex-modules-issue-management-acorex-modules-issue-management-DhuDuKkz.mjs → acorex-modules-issue-management-acorex-modules-issue-management-Q47ZZSSE.mjs} +4 -3
- package/fesm2022/acorex-modules-issue-management-acorex-modules-issue-management-Q47ZZSSE.mjs.map +1 -0
- package/fesm2022/{acorex-modules-issue-management-capture-screen.component-XFV3kuzQ.mjs → acorex-modules-issue-management-capture-screen.component-Dns1Wrkd.mjs} +2 -2
- package/fesm2022/{acorex-modules-issue-management-capture-screen.component-XFV3kuzQ.mjs.map → acorex-modules-issue-management-capture-screen.component-Dns1Wrkd.mjs.map} +1 -1
- package/fesm2022/acorex-modules-issue-management.mjs +1 -1
- package/fesm2022/acorex-modules-notification-management.mjs +2 -1
- package/fesm2022/acorex-modules-notification-management.mjs.map +1 -1
- package/fesm2022/{acorex-modules-organization-management-org-chart.page-eDTvyQpA.mjs → acorex-modules-organization-management-org-chart.page-DnRbGIWN.mjs} +3 -3
- package/fesm2022/acorex-modules-organization-management-org-chart.page-DnRbGIWN.mjs.map +1 -0
- package/fesm2022/acorex-modules-organization-management.mjs +2 -2
- package/fesm2022/{acorex-modules-platform-management-acorex-modules-platform-management-DHA8LTwL.mjs → acorex-modules-platform-management-acorex-modules-platform-management-DIsYLKbA.mjs} +57 -4
- package/fesm2022/{acorex-modules-platform-management-acorex-modules-platform-management-DHA8LTwL.mjs.map → acorex-modules-platform-management-acorex-modules-platform-management-DIsYLKbA.mjs.map} +1 -1
- package/fesm2022/{acorex-modules-platform-management-list-version.component-DgDjbODD.mjs → acorex-modules-platform-management-list-version.component-D83yTFAm.mjs} +2 -2
- package/fesm2022/{acorex-modules-platform-management-list-version.component-DgDjbODD.mjs.map → acorex-modules-platform-management-list-version.component-D83yTFAm.mjs.map} +1 -1
- package/fesm2022/{acorex-modules-platform-management-settings.provider-W71pfOmi.mjs → acorex-modules-platform-management-settings.provider-DKkXCwrd.mjs} +2 -2
- package/fesm2022/{acorex-modules-platform-management-settings.provider-W71pfOmi.mjs.map → acorex-modules-platform-management-settings.provider-DKkXCwrd.mjs.map} +1 -1
- package/fesm2022/acorex-modules-platform-management.mjs +1 -1
- package/package.json +1 -1
- package/dashboard-management/lib/features/home-dashboard/home-dashboard.module.d.ts +0 -7
- package/fesm2022/acorex-modules-dashboard-management-acorex-modules-dashboard-management-DuvWGfl1.mjs +0 -568
- package/fesm2022/acorex-modules-dashboard-management-acorex-modules-dashboard-management-DuvWGfl1.mjs.map +0 -1
- package/fesm2022/acorex-modules-dashboard-management-dashboard-shortcut-widget-view.component-C9RGRmuR.mjs +0 -139
- package/fesm2022/acorex-modules-dashboard-management-dashboard-shortcut-widget-view.component-C9RGRmuR.mjs.map +0 -1
- package/fesm2022/acorex-modules-dashboard-management-index-Br6L5KMu.mjs.map +0 -1
- package/fesm2022/acorex-modules-form-template-management-acorex-modules-form-template-management-DO18V9JK.mjs.map +0 -1
- package/fesm2022/acorex-modules-issue-management-acorex-modules-issue-management-DhuDuKkz.mjs.map +0 -1
- package/fesm2022/acorex-modules-organization-management-org-chart.page-eDTvyQpA.mjs.map +0 -1
- /package/dashboard-management/lib/features/{home-dashboard → shared}/widgets/dashboard-shortcut/dashboard-shortcut-widget-view.component.d.ts +0 -0
- /package/dashboard-management/lib/features/{home-dashboard → shared}/widgets/dashboard-shortcut/dashboard-shortcut-widget.config.d.ts +0 -0
- /package/dashboard-management/lib/{features/home-dashboard/setrting.keys.d.ts → settings.keys.d.ts} +0 -0
@@ -1,7 +1,7 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "
|
2
|
+
import * as i1 from "@acorex/platform/layout/builder";
|
3
3
|
export declare class AXMDashboardManagementModule {
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXMDashboardManagementModule, never>;
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXMDashboardManagementModule, never, [typeof i1.
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXMDashboardManagementModule, never, [typeof i1.AXPLayoutBuilderModule], never>;
|
6
6
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXMDashboardManagementModule>;
|
7
7
|
}
|
package/dashboard-management/lib/features/shared/widgets/bar-chart/bar-chart-widget.component.d.ts
ADDED
@@ -0,0 +1,72 @@
|
|
1
|
+
import { AXPChartBaseComponent } from '../shared/chart-base.component';
|
2
|
+
import { AXPChartTooltipData } from '../shared/components/chart-tooltip';
|
3
|
+
import { AXPBarChartData, AXPBarChartValue } from './bar-chart.type';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
/**
|
6
|
+
* Bar Chart Widget Component
|
7
|
+
* Renders data as vertical bars with interactive hover effects and animations
|
8
|
+
*/
|
9
|
+
export declare class AXPBarChartWidgetViewComponent extends AXPChartBaseComponent<AXPBarChartValue> {
|
10
|
+
barClick: import("@angular/core").OutputEmitterRef<AXPBarChartData>;
|
11
|
+
private readonly chartContainerEl;
|
12
|
+
private svg;
|
13
|
+
private chart;
|
14
|
+
private xScale;
|
15
|
+
private yScale;
|
16
|
+
private xAxis;
|
17
|
+
private yAxis;
|
18
|
+
private width;
|
19
|
+
private height;
|
20
|
+
private margin;
|
21
|
+
private _tooltipVisible;
|
22
|
+
private _tooltipPosition;
|
23
|
+
private _tooltipData;
|
24
|
+
protected tooltipVisible: import("@angular/core").Signal<boolean>;
|
25
|
+
protected tooltipPosition: import("@angular/core").Signal<{
|
26
|
+
x: number;
|
27
|
+
y: number;
|
28
|
+
}>;
|
29
|
+
protected tooltipData: import("@angular/core").Signal<AXPChartTooltipData>;
|
30
|
+
protected barWidth: import("@angular/core").Signal<any>;
|
31
|
+
protected cornerRadius: import("@angular/core").Signal<any>;
|
32
|
+
/**
|
33
|
+
* Creates the bar chart SVG and renders all elements
|
34
|
+
*/
|
35
|
+
protected createChart(): void;
|
36
|
+
protected updateChart(): void;
|
37
|
+
protected cleanupChart(): void;
|
38
|
+
/**
|
39
|
+
* Sets up chart dimensions and creates SVG with responsive attributes
|
40
|
+
*/
|
41
|
+
private setupDimensions;
|
42
|
+
/**
|
43
|
+
* Creates x and y scales for the chart
|
44
|
+
*/
|
45
|
+
private setupScales;
|
46
|
+
/**
|
47
|
+
* Creates x and y axes with grid lines
|
48
|
+
*/
|
49
|
+
private createAxes;
|
50
|
+
/**
|
51
|
+
* Renders the bars with animations
|
52
|
+
*/
|
53
|
+
private renderBars;
|
54
|
+
/**
|
55
|
+
* Handles bar hover event and shows tooltip
|
56
|
+
*/
|
57
|
+
private handleBarHover;
|
58
|
+
/**
|
59
|
+
* Updates tooltip position based on mouse coordinates
|
60
|
+
*/
|
61
|
+
private updateTooltipPosition;
|
62
|
+
/**
|
63
|
+
* Handles bar click event
|
64
|
+
*/
|
65
|
+
private handleBarClick;
|
66
|
+
/**
|
67
|
+
* Shows a message when no data is available
|
68
|
+
*/
|
69
|
+
private showNoDataMessage;
|
70
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXPBarChartWidgetViewComponent, never>;
|
71
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXPBarChartWidgetViewComponent, "ng-component", never, {}, { "barClick": "barClick"; }, never, never, true, never>;
|
72
|
+
}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import { AXPChartDataBase, AXPChartOptionBase } from '../shared/chart-base.type';
|
2
|
+
/**
|
3
|
+
* Bar chart data item interface
|
4
|
+
*/
|
5
|
+
export interface AXPBarChartData extends AXPChartDataBase {
|
6
|
+
id: string;
|
7
|
+
label: string;
|
8
|
+
value: number;
|
9
|
+
color?: string;
|
10
|
+
}
|
11
|
+
/**
|
12
|
+
* Bar chart options interface
|
13
|
+
*/
|
14
|
+
export interface AXPBarChartOption extends AXPChartOptionBase {
|
15
|
+
width?: number;
|
16
|
+
height?: number;
|
17
|
+
margin?: {
|
18
|
+
top: number;
|
19
|
+
right: number;
|
20
|
+
bottom: number;
|
21
|
+
left: number;
|
22
|
+
};
|
23
|
+
showXAxis?: boolean;
|
24
|
+
showYAxis?: boolean;
|
25
|
+
showGrid?: boolean;
|
26
|
+
showTooltip?: boolean;
|
27
|
+
barWidth?: number;
|
28
|
+
cornerRadius?: number;
|
29
|
+
}
|
30
|
+
/**
|
31
|
+
* Bar chart data type returned by getValue()
|
32
|
+
* Represents an array of bar chart data items
|
33
|
+
*/
|
34
|
+
export type AXPBarChartValue = AXPBarChartData[];
|
@@ -0,0 +1,40 @@
|
|
1
|
+
import { AXPValueWidgetComponent } from '@acorex/platform/layout/builder';
|
2
|
+
import { OnDestroy, OnInit, Signal } from '@angular/core';
|
3
|
+
import { AXPHourNumber } from './clock-calendar.types';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export declare class AXPClockCalendarWidgetViewComponent extends AXPValueWidgetComponent implements OnInit, OnDestroy {
|
6
|
+
private readonly cdr;
|
7
|
+
protected currentTime: Date;
|
8
|
+
protected currentDate: Date;
|
9
|
+
private clockSubscription;
|
10
|
+
protected readonly clockHours: number[];
|
11
|
+
protected readonly clockHourNumbers: AXPHourNumber[];
|
12
|
+
protected hourRotation: number;
|
13
|
+
protected minuteRotation: number;
|
14
|
+
protected secondRotation: number;
|
15
|
+
protected readonly displayLayout: Signal<string>;
|
16
|
+
protected readonly showDigitalClock: Signal<boolean>;
|
17
|
+
protected readonly showAnalogClock: Signal<boolean>;
|
18
|
+
protected readonly showDate: Signal<boolean>;
|
19
|
+
protected readonly showDayOfWeek: Signal<boolean>;
|
20
|
+
protected readonly use24Hour: Signal<boolean>;
|
21
|
+
protected readonly showSeconds: Signal<boolean>;
|
22
|
+
protected readonly dateFormat: Signal<string>;
|
23
|
+
protected readonly timezone: Signal<string>;
|
24
|
+
protected readonly showTimezoneIndicator: Signal<boolean>;
|
25
|
+
protected readonly displayTimezone: Signal<string>;
|
26
|
+
protected readonly timeFormat: Signal<string>;
|
27
|
+
ngOnInit(): void;
|
28
|
+
ngOnDestroy(): void;
|
29
|
+
private startClockTimer;
|
30
|
+
private stopClockTimer;
|
31
|
+
private updateTime;
|
32
|
+
private getAdjustedTime;
|
33
|
+
private updateClockHandsRotation;
|
34
|
+
protected initializeWidget(): void;
|
35
|
+
protected updateWidget(): void;
|
36
|
+
protected destroyWidget(): void;
|
37
|
+
protected getDayOfWeek(): string;
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXPClockCalendarWidgetViewComponent, never>;
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXPClockCalendarWidgetViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
40
|
+
}
|
package/dashboard-management/lib/features/shared/widgets/clock-calendar/clock-calendar.types.d.ts
ADDED
@@ -0,0 +1,50 @@
|
|
1
|
+
/**
|
2
|
+
* ACoreX Clock Calendar Widget Types
|
3
|
+
* Contains all types and interfaces for the Clock Calendar widget
|
4
|
+
*/
|
5
|
+
/**
|
6
|
+
* Clock layout display options
|
7
|
+
*/
|
8
|
+
export type AXPClockLayout = 'both' | 'digital' | 'analog';
|
9
|
+
/**
|
10
|
+
* Clock timezone options
|
11
|
+
*/
|
12
|
+
export interface AXPTimezoneOption {
|
13
|
+
id: string;
|
14
|
+
title: string;
|
15
|
+
}
|
16
|
+
/**
|
17
|
+
* Date format options
|
18
|
+
*/
|
19
|
+
export interface AXPDateFormatOption {
|
20
|
+
id: string;
|
21
|
+
title: string;
|
22
|
+
}
|
23
|
+
/**
|
24
|
+
* Hour number definition for the analog clock
|
25
|
+
*/
|
26
|
+
export interface AXPHourNumber {
|
27
|
+
number: number;
|
28
|
+
angle: number;
|
29
|
+
}
|
30
|
+
/**
|
31
|
+
* Widget options for configuring the clock-calendar
|
32
|
+
*/
|
33
|
+
export interface AXPClockCalendarOptions {
|
34
|
+
displayLayout?: AXPClockLayout;
|
35
|
+
showDate?: boolean;
|
36
|
+
showDayOfWeek?: boolean;
|
37
|
+
use24Hour?: boolean;
|
38
|
+
showSeconds?: boolean;
|
39
|
+
showHourMarkers?: boolean;
|
40
|
+
dateFormat?: string;
|
41
|
+
timezone?: string;
|
42
|
+
}
|
43
|
+
/**
|
44
|
+
* Common timezone options for the widget configuration
|
45
|
+
*/
|
46
|
+
export declare const AXP_TIMEZONE_OPTIONS: AXPTimezoneOption[];
|
47
|
+
/**
|
48
|
+
* Common date format options for the widget configuration
|
49
|
+
*/
|
50
|
+
export declare const AXP_DATE_FORMAT_OPTIONS: AXPDateFormatOption[];
|
@@ -0,0 +1,58 @@
|
|
1
|
+
import { ChangeDetectorRef } from '@angular/core';
|
2
|
+
import { AXPChartBaseComponent } from '../shared/chart-base.component';
|
3
|
+
import { AXPChartTooltipData } from '../shared/components/chart-tooltip';
|
4
|
+
import { AXPDonutChartData, AXPDonutChartValue } from './donut-chart.type';
|
5
|
+
import * as i0 from "@angular/core";
|
6
|
+
/**
|
7
|
+
* Donut Chart Widget Component
|
8
|
+
* Displays data in a circular donut chart with interactive segments
|
9
|
+
*/
|
10
|
+
export declare class AXPDonutChartWidgetViewComponent extends AXPChartBaseComponent<AXPDonutChartValue> {
|
11
|
+
segmentClick: import("@angular/core").OutputEmitterRef<AXPDonutChartData>;
|
12
|
+
protected cdr: ChangeDetectorRef;
|
13
|
+
private readonly chartContainerEl;
|
14
|
+
private svg;
|
15
|
+
private pieData;
|
16
|
+
private hiddenSegments;
|
17
|
+
private _tooltipVisible;
|
18
|
+
private _tooltipPosition;
|
19
|
+
private _tooltipData;
|
20
|
+
protected tooltipVisible: import("@angular/core").Signal<boolean>;
|
21
|
+
protected tooltipPosition: import("@angular/core").Signal<{
|
22
|
+
x: number;
|
23
|
+
y: number;
|
24
|
+
}>;
|
25
|
+
protected tooltipData: import("@angular/core").Signal<AXPChartTooltipData>;
|
26
|
+
protected showLegend: import("@angular/core").Signal<boolean>;
|
27
|
+
protected showTooltip: import("@angular/core").Signal<boolean>;
|
28
|
+
protected legendPosition: import("@angular/core").Signal<any>;
|
29
|
+
protected donutWidth: import("@angular/core").Signal<any>;
|
30
|
+
protected cornerRadius: import("@angular/core").Signal<any>;
|
31
|
+
protected chartDataArray: import("@angular/core").Signal<AXPDonutChartData[] | (AXPDonutChartValue & any[])>;
|
32
|
+
protected getColor(index: number): string;
|
33
|
+
protected isSegmentHidden(id: string): boolean;
|
34
|
+
protected onSegmentClick(item: AXPDonutChartData): void;
|
35
|
+
protected onLegendMouseEnter(item: AXPDonutChartData): void;
|
36
|
+
protected onLegendMouseLeave(): void;
|
37
|
+
protected createChart(): void;
|
38
|
+
protected updateChart(): void;
|
39
|
+
protected cleanupChart(): void;
|
40
|
+
private clearChart;
|
41
|
+
private handleChartError;
|
42
|
+
private setupDimensions;
|
43
|
+
private renderDonutChart;
|
44
|
+
private calculateChartLayout;
|
45
|
+
private createSvgWithFilters;
|
46
|
+
private createDonutSegments;
|
47
|
+
private setupColorScale;
|
48
|
+
private addSegmentsWithAnimation;
|
49
|
+
private handleSegmentHover;
|
50
|
+
private updateTooltipPosition;
|
51
|
+
private toggleSegment;
|
52
|
+
private calculateTotal;
|
53
|
+
private showNoDataMessage;
|
54
|
+
private showAllSegmentsHiddenMessage;
|
55
|
+
private addTotalDisplay;
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXPDonutChartWidgetViewComponent, never>;
|
57
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXPDonutChartWidgetViewComponent, "ng-component", never, {}, { "segmentClick": "segmentClick"; }, never, never, true, never>;
|
58
|
+
}
|
@@ -0,0 +1,67 @@
|
|
1
|
+
/**
|
2
|
+
* Type definitions for the Donut Chart Widget
|
3
|
+
*/
|
4
|
+
/**
|
5
|
+
* Represents a single segment in the donut chart
|
6
|
+
*/
|
7
|
+
export interface AXPDonutChartData {
|
8
|
+
/**
|
9
|
+
* Unique identifier for the segment
|
10
|
+
*/
|
11
|
+
id: string;
|
12
|
+
/**
|
13
|
+
* Display name for the segment
|
14
|
+
*/
|
15
|
+
name: string;
|
16
|
+
/**
|
17
|
+
* Numeric value represented by the segment
|
18
|
+
*/
|
19
|
+
value: number;
|
20
|
+
}
|
21
|
+
/**
|
22
|
+
* Configuration options for the donut chart
|
23
|
+
*/
|
24
|
+
export interface AXPDonutChartOption {
|
25
|
+
/**
|
26
|
+
* Width of the chart in pixels (defaults to container width)
|
27
|
+
*/
|
28
|
+
width?: number;
|
29
|
+
/**
|
30
|
+
* Height of the chart in pixels (defaults to container height)
|
31
|
+
*/
|
32
|
+
height?: number;
|
33
|
+
/**
|
34
|
+
* Whether to show the chart legend (defaults to true)
|
35
|
+
*/
|
36
|
+
showLegend?: boolean;
|
37
|
+
/**
|
38
|
+
* Position of the legend (defaults to 'right')
|
39
|
+
* - 'right': Shows legend on the right side
|
40
|
+
* - 'bottom': Shows legend at the bottom
|
41
|
+
*/
|
42
|
+
legendPosition?: 'right' | 'bottom' | {
|
43
|
+
id: string;
|
44
|
+
};
|
45
|
+
/**
|
46
|
+
* Whether to show tooltips on segment hover (defaults to true)
|
47
|
+
*/
|
48
|
+
showTooltip?: boolean;
|
49
|
+
/**
|
50
|
+
* Width of the donut ring (thickness) in percentage of radius (defaults to 35)
|
51
|
+
*/
|
52
|
+
donutWidth?: number;
|
53
|
+
/**
|
54
|
+
* Radius of segment corners in pixels (defaults to 4)
|
55
|
+
*/
|
56
|
+
cornerRadius?: number;
|
57
|
+
}
|
58
|
+
/**
|
59
|
+
* Data structure provided to the chart component
|
60
|
+
* Can be an array of AXPDonutChartData directly or wrapped in an object with data property
|
61
|
+
*/
|
62
|
+
export interface AXPDonutChartValue {
|
63
|
+
/**
|
64
|
+
* Array of donut chart segments
|
65
|
+
*/
|
66
|
+
data: AXPDonutChartData[];
|
67
|
+
}
|
@@ -0,0 +1,75 @@
|
|
1
|
+
import { ChangeDetectorRef } from '@angular/core';
|
2
|
+
import { AXPChartBaseComponent } from '../shared/chart-base.component';
|
3
|
+
import { AXPGaugeChartValue } from './gauge-chart.type';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
/**
|
6
|
+
* Gauge Chart Widget Component
|
7
|
+
* Renders a semi-circular gauge chart with animated needle and thresholds
|
8
|
+
*/
|
9
|
+
export declare class AXPGaugeChartWidgetViewComponent extends AXPChartBaseComponent<AXPGaugeChartValue> {
|
10
|
+
protected cdr: ChangeDetectorRef;
|
11
|
+
private chartContainerEl;
|
12
|
+
private chartEl;
|
13
|
+
protected backgroundColor: string;
|
14
|
+
protected baseColor: string;
|
15
|
+
protected labelFontSize: number;
|
16
|
+
protected showValue: boolean;
|
17
|
+
protected valueColor: string;
|
18
|
+
protected valueFontSize: number;
|
19
|
+
protected minValue: import("@angular/core").Signal<any>;
|
20
|
+
protected maxValue: import("@angular/core").Signal<any>;
|
21
|
+
protected thresholds: import("@angular/core").Signal<any>;
|
22
|
+
protected label: import("@angular/core").Signal<any>;
|
23
|
+
protected width: import("@angular/core").Signal<any>;
|
24
|
+
protected height: import("@angular/core").Signal<any>;
|
25
|
+
protected gaugeWidth: import("@angular/core").Signal<any>;
|
26
|
+
protected cornerRadius: import("@angular/core").Signal<any>;
|
27
|
+
/**
|
28
|
+
* Creates the gauge chart with all elements
|
29
|
+
*/
|
30
|
+
protected createChart(): void;
|
31
|
+
protected updateChart(): void;
|
32
|
+
protected cleanupChart(): void;
|
33
|
+
/**
|
34
|
+
* Creates gradient definitions for thresholds
|
35
|
+
*/
|
36
|
+
private createGradients;
|
37
|
+
/**
|
38
|
+
* Draws the background arc
|
39
|
+
*/
|
40
|
+
private drawBackgroundArc;
|
41
|
+
/**
|
42
|
+
* Draws the threshold arcs with colors
|
43
|
+
*/
|
44
|
+
private drawThresholds;
|
45
|
+
/**
|
46
|
+
* Draws tick marks around the gauge
|
47
|
+
*/
|
48
|
+
private drawTicks;
|
49
|
+
/**
|
50
|
+
* Draws the value display in the center
|
51
|
+
*/
|
52
|
+
private drawValueDisplay;
|
53
|
+
/**
|
54
|
+
* Draws the dial/needle with animation
|
55
|
+
*/
|
56
|
+
private drawDial;
|
57
|
+
/**
|
58
|
+
* Creates a path for the needle
|
59
|
+
*/
|
60
|
+
private createNeedlePath;
|
61
|
+
/**
|
62
|
+
* Scales a value to an angle for needle positioning
|
63
|
+
*/
|
64
|
+
private scaleValueToAngle;
|
65
|
+
/**
|
66
|
+
* Scales a value to an angle for threshold colors
|
67
|
+
*/
|
68
|
+
private scaleValueToColorAngle;
|
69
|
+
/**
|
70
|
+
* Converts radians to degrees
|
71
|
+
*/
|
72
|
+
private radiansToDegrees;
|
73
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXPGaugeChartWidgetViewComponent, never>;
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXPGaugeChartWidgetViewComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
75
|
+
}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import { AXPChartDataBase, AXPChartOptionBase } from '../shared/chart-base.type';
|
2
|
+
/**
|
3
|
+
* Gauge chart data item interface
|
4
|
+
*/
|
5
|
+
export interface AXPGaugeChartData extends AXPChartDataBase {
|
6
|
+
value: number;
|
7
|
+
}
|
8
|
+
/**
|
9
|
+
* Gauge chart options interface
|
10
|
+
*
|
11
|
+
*/
|
12
|
+
export interface AXPGaugeChartOption extends AXPChartOptionBase {
|
13
|
+
minValue: number;
|
14
|
+
maxValue: number;
|
15
|
+
width?: number;
|
16
|
+
height?: number;
|
17
|
+
gaugeWidth?: number;
|
18
|
+
cornerRadius?: number;
|
19
|
+
thresholds?: {
|
20
|
+
value: number;
|
21
|
+
color: string;
|
22
|
+
}[];
|
23
|
+
label?: string;
|
24
|
+
}
|
25
|
+
/**
|
26
|
+
* Gauge chart data type returned by getValue()
|
27
|
+
* Represents a single gauge value
|
28
|
+
*/
|
29
|
+
export type AXPGaugeChartValue = number;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
export * from './bar-chart';
|
2
|
+
export * from './chart.type';
|
3
|
+
export * from './clock-calendar';
|
4
|
+
export * from './donut-chart';
|
5
|
+
export * from './gauge-chart';
|
6
|
+
export * from './line-chart';
|
7
|
+
export * from './notification';
|
8
|
+
export * from './shared';
|
9
|
+
export * from './sticky-note';
|
10
|
+
export * from './tasklist';
|
11
|
+
export * from './weather';
|
package/dashboard-management/lib/features/shared/widgets/line-chart/line-chart-widget.component.d.ts
ADDED
@@ -0,0 +1,76 @@
|
|
1
|
+
import { AXPChartBaseComponent } from '../shared/chart-base.component';
|
2
|
+
import { AXPChartTooltipData } from '../shared/components/chart-tooltip';
|
3
|
+
import { AXPLineChartData, AXPLineChartValue } from './line-chart.type';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
/**
|
6
|
+
* Line Chart Widget Component
|
7
|
+
* Renders data as lines with interactive hover effects and animations
|
8
|
+
*/
|
9
|
+
export declare class AXPLineChartWidgetViewComponent extends AXPChartBaseComponent<AXPLineChartValue> {
|
10
|
+
pointClick: import("@angular/core").OutputEmitterRef<AXPLineChartData>;
|
11
|
+
private readonly chartContainerEl;
|
12
|
+
private svg;
|
13
|
+
private chart;
|
14
|
+
private xScale;
|
15
|
+
private yScale;
|
16
|
+
private xAxis;
|
17
|
+
private yAxis;
|
18
|
+
private width;
|
19
|
+
private height;
|
20
|
+
private margin;
|
21
|
+
private _tooltipVisible;
|
22
|
+
private _tooltipPosition;
|
23
|
+
private _tooltipData;
|
24
|
+
protected tooltipVisible: import("@angular/core").Signal<boolean>;
|
25
|
+
protected tooltipPosition: import("@angular/core").Signal<{
|
26
|
+
x: number;
|
27
|
+
y: number;
|
28
|
+
}>;
|
29
|
+
protected tooltipData: import("@angular/core").Signal<AXPChartTooltipData>;
|
30
|
+
protected lineWidth: import("@angular/core").Signal<any>;
|
31
|
+
protected showPoints: import("@angular/core").Signal<boolean>;
|
32
|
+
protected pointRadius: import("@angular/core").Signal<any>;
|
33
|
+
protected smoothLine: import("@angular/core").Signal<boolean>;
|
34
|
+
protected fillArea: import("@angular/core").Signal<boolean>;
|
35
|
+
protected fillOpacity: import("@angular/core").Signal<number>;
|
36
|
+
/**
|
37
|
+
* Creates the line chart SVG and renders all elements
|
38
|
+
*/
|
39
|
+
protected createChart(): void;
|
40
|
+
protected updateChart(): void;
|
41
|
+
protected cleanupChart(): void;
|
42
|
+
/**
|
43
|
+
* Sets up chart dimensions and creates SVG with responsive attributes
|
44
|
+
*/
|
45
|
+
private setupDimensions;
|
46
|
+
/**
|
47
|
+
* Creates x and y scales for the chart
|
48
|
+
*/
|
49
|
+
private setupScales;
|
50
|
+
/**
|
51
|
+
* Creates x and y axes with grid lines
|
52
|
+
*/
|
53
|
+
private createAxes;
|
54
|
+
/**
|
55
|
+
* Renders the lines with animations
|
56
|
+
*/
|
57
|
+
private renderLines;
|
58
|
+
/**
|
59
|
+
* Handles point hover event and shows tooltip
|
60
|
+
*/
|
61
|
+
private handlePointHover;
|
62
|
+
/**
|
63
|
+
* Updates tooltip position based on mouse coordinates
|
64
|
+
*/
|
65
|
+
private updateTooltipPosition;
|
66
|
+
/**
|
67
|
+
* Handles point click event
|
68
|
+
*/
|
69
|
+
private handlePointClick;
|
70
|
+
/**
|
71
|
+
* Shows a message when no data is available
|
72
|
+
*/
|
73
|
+
private showNoDataMessage;
|
74
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXPLineChartWidgetViewComponent, never>;
|
75
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXPLineChartWidgetViewComponent, "ng-component", never, {}, { "pointClick": "pointClick"; }, never, never, true, never>;
|
76
|
+
}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import { AXPChartDataBase, AXPChartOptionBase } from '../shared/chart-base.type';
|
2
|
+
/**
|
3
|
+
* Line chart data point interface
|
4
|
+
*/
|
5
|
+
export interface AXPLineChartData extends AXPChartDataBase {
|
6
|
+
id: string;
|
7
|
+
label: string;
|
8
|
+
value: number;
|
9
|
+
xValue: string | number;
|
10
|
+
seriesName?: string;
|
11
|
+
color?: string;
|
12
|
+
}
|
13
|
+
/**
|
14
|
+
* Line chart options interface
|
15
|
+
*/
|
16
|
+
export interface AXPLineChartOption extends AXPChartOptionBase {
|
17
|
+
width?: number;
|
18
|
+
height?: number;
|
19
|
+
margin?: {
|
20
|
+
top: number;
|
21
|
+
right: number;
|
22
|
+
bottom: number;
|
23
|
+
left: number;
|
24
|
+
};
|
25
|
+
showXAxis?: boolean;
|
26
|
+
showYAxis?: boolean;
|
27
|
+
showGrid?: boolean;
|
28
|
+
showTooltip?: boolean;
|
29
|
+
lineWidth?: number;
|
30
|
+
showPoints?: boolean;
|
31
|
+
pointRadius?: number;
|
32
|
+
smoothLine?: boolean;
|
33
|
+
fillArea?: boolean;
|
34
|
+
fillOpacity?: number;
|
35
|
+
}
|
36
|
+
/**
|
37
|
+
* Line chart data type returned by getValue()
|
38
|
+
* Supports both single series (array of data points) and
|
39
|
+
* multi-series (array of arrays of data points)
|
40
|
+
*/
|
41
|
+
export type AXPLineChartValue = AXPLineChartData[] | AXPLineChartData[][];
|