@acorex/platform 19.3.0-next.5 → 19.3.0
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/common/lib/app/index.d.ts +0 -1
- package/common/lib/common.module.d.ts +1 -1
- package/common/lib/configs/app.config.d.ts +12 -3
- package/common/lib/home-page/home-page.service.d.ts +6 -0
- package/common/lib/layout/logo/logo.component.d.ts +4 -0
- package/common/lib/settings/settings.service.d.ts +4 -1
- package/common/lib/utils/regional-util.service.d.ts +2 -2
- package/common/lib/utils/regional.types.d.ts +6 -16
- package/core/lib/index.d.ts +1 -0
- package/{common/lib/app → core/lib/startup}/app-startup.service.d.ts +1 -5
- package/core/lib/startup/app-startup.types.d.ts +6 -0
- package/core/lib/startup/index.d.ts +2 -0
- package/core/lib/types/logo.types.d.ts +5 -9
- package/fesm2022/acorex-platform-auth.mjs +5 -1
- package/fesm2022/acorex-platform-auth.mjs.map +1 -1
- package/fesm2022/acorex-platform-common.mjs +130 -85
- package/fesm2022/acorex-platform-common.mjs.map +1 -1
- package/fesm2022/acorex-platform-core.mjs +42 -13
- package/fesm2022/acorex-platform-core.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-builder.mjs +17 -0
- package/fesm2022/acorex-platform-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-designer.mjs +2 -2
- package/fesm2022/acorex-platform-layout-designer.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-entity.mjs +44 -20
- package/fesm2022/acorex-platform-layout-entity.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-search.mjs +4 -3
- package/fesm2022/acorex-platform-layout-search.mjs.map +1 -1
- package/fesm2022/acorex-platform-layout-setting.mjs +5 -4
- package/fesm2022/acorex-platform-layout-setting.mjs.map +1 -1
- package/fesm2022/{acorex-platform-themes-default-entity-master-list-view.component-CuyWAi6X.mjs → acorex-platform-themes-default-entity-master-list-view.component-Ol8haGqF.mjs} +5 -4
- package/fesm2022/acorex-platform-themes-default-entity-master-list-view.component-Ol8haGqF.mjs.map +1 -0
- package/fesm2022/acorex-platform-themes-default.mjs +18 -20
- package/fesm2022/acorex-platform-themes-default.mjs.map +1 -1
- package/fesm2022/acorex-platform-themes-shared.mjs +22 -18
- package/fesm2022/acorex-platform-themes-shared.mjs.map +1 -1
- package/fesm2022/acorex-platform-widgets.mjs +770 -123
- package/fesm2022/acorex-platform-widgets.mjs.map +1 -1
- package/layout/builder/lib/builder/context-store.service.d.ts +2 -1
- package/layout/builder/lib/builder/widget-base.component.d.ts +1 -0
- package/layout/builder/lib/builder/widget-container.component.d.ts +1 -0
- package/layout/builder/lib/builder/widget-map.d.ts +1 -0
- package/layout/builder/lib/builder/widget-renderer.directive.d.ts +1 -0
- package/layout/entity/lib/entity-master-single.viewmodel.d.ts +1 -0
- package/layout/entity/lib/entity.module.d.ts +1 -1
- package/layout/entity/lib/widgets/lookup-widget/lookup-widget-column.component.d.ts +1 -1
- package/layout/entity/lib/widgets/lookup-widget/lookup-widget-edit.component.d.ts +1 -0
- package/layout/entity/lib/widgets/lookup-widget/lookup-widget.config.d.ts +0 -5
- package/layout/search/lib/search.module.d.ts +1 -1
- package/layout/setting/lib/settings.module.d.ts +1 -1
- package/package.json +4 -2
- package/themes/default/lib/layouts/root-layout/components/header/header.component.d.ts +12 -3
- package/themes/default/lib/layouts/root-layout/horizontal/horizontal-layout.component.d.ts +12 -6
- package/themes/default/lib/layouts/root-layout/root-layout.component.d.ts +2 -1
- package/themes/default/lib/layouts/root-layout/vertical/vertical-layout.component.d.ts +14 -5
- package/themes/shared/lib/shared.module.d.ts +1 -1
- package/widgets/lib/widgets/charts/bar-chart/bar-chart-widget.component.d.ts +31 -0
- package/widgets/lib/widgets/charts/gauge-chart/gauge-chart-widget.component.d.ts +18 -12
- package/widgets/lib/widgets/charts/index.d.ts +11 -0
- package/widgets/lib/widgets/charts/line-chart/index.d.ts +3 -0
- package/widgets/lib/widgets/charts/line-chart/line-chart-widget.component.d.ts +76 -0
- package/widgets/lib/widgets/charts/line-chart/line-chart-widget.config.d.ts +7 -0
- package/widgets/lib/widgets/charts/line-chart/line-chart.type.d.ts +41 -0
- package/widgets/lib/widgets/charts/shared/index.d.ts +3 -0
- package/widgets/lib/widgets/charts/weather/index.d.ts +0 -1
- package/widgets/lib/widgets/index.d.ts +3 -1
- package/fesm2022/acorex-platform-themes-default-entity-master-list-view.component-CuyWAi6X.mjs.map +0 -1
- package/widgets/lib/widgets/charts/weather/weather.module.d.ts +0 -11
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type AXPLayoutContextState = 'initiated' | 'restored' | 'changed';
|
|
1
|
+
export type AXPLayoutContextState = 'initiated' | 'restored' | 'changed' | 'patch';
|
|
2
2
|
export declare class AXPLayoutContextChangeEvent {
|
|
3
3
|
oldValue?: any;
|
|
4
4
|
newValue?: any;
|
|
@@ -21,6 +21,7 @@ export declare const AXPLayoutBuilderContextStore: import("@angular/core").Type<
|
|
|
21
21
|
previous: import("@angular/core").Signal<{}>;
|
|
22
22
|
changeEvent: import("@angular/core").Signal<AXPLayoutContextChangeEvent>;
|
|
23
23
|
update: (path: string, value: any) => void;
|
|
24
|
+
patch: (context: {}) => void;
|
|
24
25
|
reset: () => void;
|
|
25
26
|
set: (initialData: any) => void;
|
|
26
27
|
getValue: (path: string) => any;
|
|
@@ -26,6 +26,7 @@ export declare abstract class AXPBaseWidgetComponent extends AXPLayoutElement {
|
|
|
26
26
|
previous: import("@angular/core").Signal<{}>;
|
|
27
27
|
changeEvent: import("@angular/core").Signal<import("./context-store.service").AXPLayoutContextChangeEvent>;
|
|
28
28
|
update: (path: string, value: any) => void;
|
|
29
|
+
patch: (context: {}) => void;
|
|
29
30
|
reset: () => void;
|
|
30
31
|
set: (initialData: any) => void;
|
|
31
32
|
getValue: (path: string) => any;
|
|
@@ -18,6 +18,7 @@ export declare class AXPWidgetContainerComponent {
|
|
|
18
18
|
previous: import("@angular/core").Signal<{}>;
|
|
19
19
|
changeEvent: import("@angular/core").Signal<AXPLayoutContextChangeEvent>;
|
|
20
20
|
update: (path: string, value: any) => void;
|
|
21
|
+
patch: (context: {}) => void;
|
|
21
22
|
reset: () => void;
|
|
22
23
|
set: (initialData: any) => void;
|
|
23
24
|
getValue: (path: string) => any;
|
|
@@ -62,6 +62,7 @@ export interface AXPWidgetTypesMap {
|
|
|
62
62
|
callbackValidation: 'callback-validation';
|
|
63
63
|
donutChart: 'donut-chart';
|
|
64
64
|
barChart: 'bar-chart';
|
|
65
|
+
lineChart: 'line-chart';
|
|
65
66
|
gaugeChart: 'gauge-chart';
|
|
66
67
|
stickyNote: 'sticky-note';
|
|
67
68
|
clockCalendar: 'clock-calendar';
|
|
@@ -41,6 +41,7 @@ export declare class AXPWidgetRendererDirective {
|
|
|
41
41
|
previous: import("@angular/core").Signal<{}>;
|
|
42
42
|
changeEvent: import("@angular/core").Signal<import("./context-store.service").AXPLayoutContextChangeEvent>;
|
|
43
43
|
update: (path: string, value: any) => void;
|
|
44
|
+
patch: (context: {}) => void;
|
|
44
45
|
reset: () => void;
|
|
45
46
|
set: (initialData: any) => void;
|
|
46
47
|
getValue: (path: string) => any;
|
|
@@ -27,6 +27,7 @@ export declare class AXPEntityMasterSingleElementViewModel {
|
|
|
27
27
|
constructor(entity: AXPEntity, section: AXPEntityMasterSingleViewGroupViewModel, propertyView: AXPEntityPropertyView);
|
|
28
28
|
private property;
|
|
29
29
|
name: import("@angular/core").WritableSignal<string>;
|
|
30
|
+
path: import("@angular/core").WritableSignal<string>;
|
|
30
31
|
title: import("@angular/core").WritableSignal<string>;
|
|
31
32
|
showLabel: import("@angular/core").WritableSignal<boolean>;
|
|
32
33
|
description: import("@angular/core").WritableSignal<string | undefined>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AXPAppStartUpService } from '@acorex/platform/common';
|
|
2
1
|
import { Injector } from '@angular/core';
|
|
2
|
+
import { AXPAppStartUpService } from '@acorex/platform/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/router";
|
|
5
5
|
import * as i2 from "@acorex/platform/workflow";
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent<any> {
|
|
4
4
|
protected valueField: string;
|
|
5
5
|
protected textField: string;
|
|
6
|
-
protected
|
|
6
|
+
protected displayItems: import("@angular/core").Signal<any[]>;
|
|
7
7
|
private extractItem;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXPLookupWidgetColumnComponent, never>;
|
|
9
9
|
static ɵcmp: i0.ɵɵComponentDeclaration<AXPLookupWidgetColumnComponent, "ng-component", never, { "rawValue": { "alias": "rawValue"; "required": false; }; }, {}, never, never, true, never>;
|
|
@@ -42,6 +42,7 @@ export declare class AXPLookupWidgetEditComponent extends AXPValueWidgetComponen
|
|
|
42
42
|
protected handleClearClick(): void;
|
|
43
43
|
clear(): void;
|
|
44
44
|
clearInput(): void;
|
|
45
|
+
private singleOrMultiple;
|
|
45
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXPLookupWidgetEditComponent, never>;
|
|
46
47
|
static ɵcmp: i0.ɵɵComponentDeclaration<AXPLookupWidgetEditComponent, "axp-lookup-widget-edit", never, {}, {}, never, never, true, never>;
|
|
47
48
|
}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import { AXPExpression } from '@acorex/platform/core';
|
|
2
2
|
import { AXPWidgetConfig } from '@acorex/platform/layout/builder';
|
|
3
3
|
export declare const AXPLookupWidget: AXPWidgetConfig;
|
|
4
|
-
declare module '@acorex/platform/layout/builder' {
|
|
5
|
-
interface AXPWidgetTypesMap {
|
|
6
|
-
lookup: 'lookup-editor';
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
4
|
export interface AXPLookupWidgetOptions {
|
|
10
5
|
disabled?: boolean | AXPExpression;
|
|
11
6
|
readonly?: boolean | AXPExpression;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AXPAppStartUpService } from '@acorex/platform/common';
|
|
2
1
|
import { Injector } from '@angular/core';
|
|
2
|
+
import { AXPAppStartUpService } from '@acorex/platform/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@acorex/platform/common";
|
|
5
5
|
import * as i2 from "@acorex/platform/workflow";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AXPAppStartUpService } from '@acorex/platform/common';
|
|
2
1
|
import { Injector } from '@angular/core';
|
|
2
|
+
import { AXPAppStartUpService } from '@acorex/platform/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class AXPSettingsModule {
|
|
5
5
|
constructor(appInitService: AXPAppStartUpService, injector: Injector);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@acorex/platform",
|
|
3
|
-
"version": "19.3.0
|
|
3
|
+
"version": "19.3.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=19.0.0",
|
|
6
6
|
"@angular/core": ">=19.0.0",
|
|
@@ -22,7 +22,9 @@
|
|
|
22
22
|
"signature_pad": "^4.1.7",
|
|
23
23
|
"@acorex/styles": ">=19.0.0",
|
|
24
24
|
"@acorex/core": ">=19.0.0",
|
|
25
|
-
"@acorex/components": ">=19.0.0"
|
|
25
|
+
"@acorex/components": ">=19.0.0",
|
|
26
|
+
"@ngrx/signals": ">=19.0.0",
|
|
27
|
+
"@angular/animations": ">=19.0.0"
|
|
26
28
|
},
|
|
27
29
|
"dependencies": {
|
|
28
30
|
"tslib": "^2.3.0"
|
|
@@ -63,9 +63,18 @@ export declare class AXPRootLayoutHeaderComponent {
|
|
|
63
63
|
}>;
|
|
64
64
|
private router;
|
|
65
65
|
protected logo: {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
icon: {
|
|
67
|
+
light: import("dist/libs/platform/core").AXPLogoConfig;
|
|
68
|
+
dark: import("dist/libs/platform/core").AXPLogoConfig;
|
|
69
|
+
};
|
|
70
|
+
text: {
|
|
71
|
+
light: import("dist/libs/platform/core").AXPLogoConfig;
|
|
72
|
+
dark: import("dist/libs/platform/core").AXPLogoConfig;
|
|
73
|
+
};
|
|
74
|
+
full: {
|
|
75
|
+
light: import("dist/libs/platform/core").AXPLogoConfig;
|
|
76
|
+
dark: import("dist/libs/platform/core").AXPLogoConfig;
|
|
77
|
+
};
|
|
69
78
|
} | undefined;
|
|
70
79
|
protected toggleSideMenu(): void;
|
|
71
80
|
protected handleLogoClick(): void;
|
|
@@ -5,9 +5,18 @@ export declare class AXPRootHorizontalLayoutComponent {
|
|
|
5
5
|
drawer: AXDrawerComponent;
|
|
6
6
|
private config;
|
|
7
7
|
protected logo: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
icon: {
|
|
9
|
+
light: import("dist/libs/platform/core").AXPLogoConfig;
|
|
10
|
+
dark: import("dist/libs/platform/core").AXPLogoConfig;
|
|
11
|
+
};
|
|
12
|
+
text: {
|
|
13
|
+
light: import("dist/libs/platform/core").AXPLogoConfig;
|
|
14
|
+
dark: import("dist/libs/platform/core").AXPLogoConfig;
|
|
15
|
+
};
|
|
16
|
+
full: {
|
|
17
|
+
light: import("dist/libs/platform/core").AXPLogoConfig;
|
|
18
|
+
dark: import("dist/libs/platform/core").AXPLogoConfig;
|
|
19
|
+
};
|
|
11
20
|
} | undefined;
|
|
12
21
|
protected store: {
|
|
13
22
|
currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
|
|
@@ -69,9 +78,6 @@ export declare class AXPRootHorizontalLayoutComponent {
|
|
|
69
78
|
sideMenuWidth: number;
|
|
70
79
|
menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
|
|
71
80
|
}>;
|
|
72
|
-
private eventService;
|
|
73
|
-
private router;
|
|
74
|
-
constructor();
|
|
75
81
|
protected handleCollapsedChange(value: boolean): void;
|
|
76
82
|
protected handleResizingEnded(e: AXValueChangedEvent<number>): void;
|
|
77
83
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXPRootHorizontalLayoutComponent, never>;
|
|
@@ -79,9 +79,10 @@ export declare class AXPRootLayoutComponent {
|
|
|
79
79
|
};
|
|
80
80
|
}>;
|
|
81
81
|
protected router: Router;
|
|
82
|
+
private eventService;
|
|
82
83
|
private sessionService;
|
|
83
|
-
private homePageService;
|
|
84
84
|
private unsubscriber;
|
|
85
|
+
private homePageService;
|
|
85
86
|
ngOnInit(): void;
|
|
86
87
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXPRootLayoutComponent, never>;
|
|
87
88
|
static ɵcmp: i0.ɵɵComponentDeclaration<AXPRootLayoutComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
@@ -1,13 +1,23 @@
|
|
|
1
1
|
import { AXValueChangedEvent } from '@acorex/components/common';
|
|
2
2
|
import { AXDrawerComponent } from '@acorex/components/drawer';
|
|
3
|
+
import { Router } from '@angular/router';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class AXPRootVerticalLayoutComponent {
|
|
5
6
|
drawer: AXDrawerComponent;
|
|
6
7
|
private config;
|
|
7
8
|
protected logo: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
icon: {
|
|
10
|
+
light: import("dist/libs/platform/core").AXPLogoConfig;
|
|
11
|
+
dark: import("dist/libs/platform/core").AXPLogoConfig;
|
|
12
|
+
};
|
|
13
|
+
text: {
|
|
14
|
+
light: import("dist/libs/platform/core").AXPLogoConfig;
|
|
15
|
+
dark: import("dist/libs/platform/core").AXPLogoConfig;
|
|
16
|
+
};
|
|
17
|
+
full: {
|
|
18
|
+
light: import("dist/libs/platform/core").AXPLogoConfig;
|
|
19
|
+
dark: import("dist/libs/platform/core").AXPLogoConfig;
|
|
20
|
+
};
|
|
11
21
|
} | undefined;
|
|
12
22
|
protected store: {
|
|
13
23
|
currentMode: import("@angular/core").Signal<import("@acorex/platform/themes/shared").AXPThemeMode>;
|
|
@@ -69,8 +79,7 @@ export declare class AXPRootVerticalLayoutComponent {
|
|
|
69
79
|
sideMenuWidth: number;
|
|
70
80
|
menuOrientation: import("@acorex/platform/themes/shared").AXPMenuOrientation;
|
|
71
81
|
}>;
|
|
72
|
-
|
|
73
|
-
private router;
|
|
82
|
+
protected router: Router;
|
|
74
83
|
constructor();
|
|
75
84
|
protected handleCollapsedChange(value: boolean): void;
|
|
76
85
|
protected handleResizingEnded(e: AXValueChangedEvent<number>): void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AXPAppStartUpService } from '@acorex/platform/common';
|
|
2
1
|
import { Injector } from '@angular/core';
|
|
2
|
+
import { AXPAppStartUpService } from '@acorex/platform/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@acorex/platform/common";
|
|
5
5
|
import * as i2 from "@acorex/platform/layout/builder";
|
|
@@ -2,6 +2,10 @@ import { AXPChartBaseComponent } from '../shared/chart-base.component';
|
|
|
2
2
|
import { AXPChartTooltipData } from '../shared/components/chart-tooltip';
|
|
3
3
|
import { AXPBarChartData, AXPBarChartValue } from './bar-chart.type';
|
|
4
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
|
+
*/
|
|
5
9
|
export declare class AXPBarChartWidgetViewComponent extends AXPChartBaseComponent<AXPBarChartValue> {
|
|
6
10
|
barClick: import("@angular/core").OutputEmitterRef<AXPBarChartData>;
|
|
7
11
|
private readonly chartContainerEl;
|
|
@@ -25,16 +29,43 @@ export declare class AXPBarChartWidgetViewComponent extends AXPChartBaseComponen
|
|
|
25
29
|
protected tooltipData: import("@angular/core").Signal<AXPChartTooltipData>;
|
|
26
30
|
protected barWidth: import("@angular/core").Signal<any>;
|
|
27
31
|
protected cornerRadius: import("@angular/core").Signal<any>;
|
|
32
|
+
/**
|
|
33
|
+
* Creates the bar chart SVG and renders all elements
|
|
34
|
+
*/
|
|
28
35
|
protected createChart(): void;
|
|
29
36
|
protected updateChart(): void;
|
|
30
37
|
protected cleanupChart(): void;
|
|
38
|
+
/**
|
|
39
|
+
* Sets up chart dimensions and creates SVG with responsive attributes
|
|
40
|
+
*/
|
|
31
41
|
private setupDimensions;
|
|
42
|
+
/**
|
|
43
|
+
* Creates x and y scales for the chart
|
|
44
|
+
*/
|
|
32
45
|
private setupScales;
|
|
46
|
+
/**
|
|
47
|
+
* Creates x and y axes with grid lines
|
|
48
|
+
*/
|
|
33
49
|
private createAxes;
|
|
50
|
+
/**
|
|
51
|
+
* Renders the bars with animations
|
|
52
|
+
*/
|
|
34
53
|
private renderBars;
|
|
54
|
+
/**
|
|
55
|
+
* Handles bar hover event and shows tooltip
|
|
56
|
+
*/
|
|
35
57
|
private handleBarHover;
|
|
58
|
+
/**
|
|
59
|
+
* Updates tooltip position based on mouse coordinates
|
|
60
|
+
*/
|
|
36
61
|
private updateTooltipPosition;
|
|
62
|
+
/**
|
|
63
|
+
* Handles bar click event
|
|
64
|
+
*/
|
|
37
65
|
private handleBarClick;
|
|
66
|
+
/**
|
|
67
|
+
* Shows a message when no data is available
|
|
68
|
+
*/
|
|
38
69
|
private showNoDataMessage;
|
|
39
70
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXPBarChartWidgetViewComponent, never>;
|
|
40
71
|
static ɵcmp: i0.ɵɵComponentDeclaration<AXPBarChartWidgetViewComponent, "ng-component", never, {}, { "barClick": "barClick"; }, never, never, true, never>;
|
|
@@ -2,6 +2,10 @@ import { ChangeDetectorRef } from '@angular/core';
|
|
|
2
2
|
import { AXPChartBaseComponent } from '../shared/chart-base.component';
|
|
3
3
|
import { AXPGaugeChartValue } from './gauge-chart.type';
|
|
4
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
|
+
*/
|
|
5
9
|
export declare class AXPGaugeChartWidgetViewComponent extends AXPChartBaseComponent<AXPGaugeChartValue> {
|
|
6
10
|
protected cdr: ChangeDetectorRef;
|
|
7
11
|
private chartContainerEl;
|
|
@@ -20,48 +24,50 @@ export declare class AXPGaugeChartWidgetViewComponent extends AXPChartBaseCompon
|
|
|
20
24
|
protected height: import("@angular/core").Signal<any>;
|
|
21
25
|
protected gaugeWidth: import("@angular/core").Signal<any>;
|
|
22
26
|
protected cornerRadius: import("@angular/core").Signal<any>;
|
|
27
|
+
/**
|
|
28
|
+
* Creates the gauge chart with all elements
|
|
29
|
+
*/
|
|
23
30
|
protected createChart(): void;
|
|
24
31
|
protected updateChart(): void;
|
|
25
32
|
protected cleanupChart(): void;
|
|
26
33
|
/**
|
|
27
|
-
*
|
|
34
|
+
* Creates gradient definitions for thresholds
|
|
28
35
|
*/
|
|
29
36
|
private createGradients;
|
|
30
37
|
/**
|
|
31
|
-
*
|
|
38
|
+
* Draws the background arc
|
|
32
39
|
*/
|
|
33
40
|
private drawBackgroundArc;
|
|
34
41
|
/**
|
|
35
|
-
*
|
|
42
|
+
* Draws the threshold arcs with colors
|
|
36
43
|
*/
|
|
37
44
|
private drawThresholds;
|
|
38
45
|
/**
|
|
39
|
-
*
|
|
46
|
+
* Draws tick marks around the gauge
|
|
40
47
|
*/
|
|
41
48
|
private drawTicks;
|
|
42
49
|
/**
|
|
43
|
-
*
|
|
50
|
+
* Draws the value display in the center
|
|
44
51
|
*/
|
|
45
52
|
private drawValueDisplay;
|
|
46
53
|
/**
|
|
47
|
-
*
|
|
54
|
+
* Draws the dial/needle with animation
|
|
48
55
|
*/
|
|
49
56
|
private drawDial;
|
|
50
57
|
/**
|
|
51
|
-
*
|
|
58
|
+
* Creates a path for the needle
|
|
52
59
|
*/
|
|
53
60
|
private createNeedlePath;
|
|
54
61
|
/**
|
|
55
|
-
*
|
|
62
|
+
* Scales a value to an angle for needle positioning
|
|
56
63
|
*/
|
|
57
|
-
private
|
|
64
|
+
private scaleValueToAngle;
|
|
58
65
|
/**
|
|
59
|
-
*
|
|
66
|
+
* Scales a value to an angle for threshold colors
|
|
60
67
|
*/
|
|
61
|
-
private scaleValueToAngle;
|
|
62
68
|
private scaleValueToColorAngle;
|
|
63
69
|
/**
|
|
64
|
-
*
|
|
70
|
+
* Converts radians to degrees
|
|
65
71
|
*/
|
|
66
72
|
private radiansToDegrees;
|
|
67
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXPGaugeChartWidgetViewComponent, never>;
|
|
@@ -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';
|
|
@@ -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[][];
|
|
@@ -42,11 +42,13 @@ export * from './validations/min-length-validation';
|
|
|
42
42
|
export * from './validations/regular-expression-validation';
|
|
43
43
|
export * from './validations/required-validation';
|
|
44
44
|
export * from './charts/bar-chart';
|
|
45
|
+
export * from './charts/chart.type';
|
|
45
46
|
export * from './charts/clock-calendar';
|
|
46
47
|
export * from './charts/donut-chart';
|
|
47
48
|
export * from './charts/gauge-chart';
|
|
49
|
+
export * from './charts/line-chart';
|
|
48
50
|
export * from './charts/notification';
|
|
51
|
+
export * from './charts/shared';
|
|
49
52
|
export * from './charts/sticky-note';
|
|
50
53
|
export * from './charts/tasklist';
|
|
51
54
|
export * from './charts/weather';
|
|
52
|
-
export * from './charts/chart.type';
|