@wcardinal/wcardinal-ui 0.297.0 → 0.299.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/dist/types/wcardinal/ui/d-chart-selection-container-impl.d.ts +18 -0
- package/dist/types/wcardinal/ui/{d-chart-selection-gridline-container.d.ts → d-chart-selection-container.d.ts} +4 -4
- package/dist/types/wcardinal/ui/d-chart-selection-gridline-x.d.ts +2 -2
- package/dist/types/wcardinal/ui/d-chart-selection-gridline-y.d.ts +2 -2
- package/dist/types/wcardinal/ui/d-chart-selection-marker.d.ts +2 -2
- package/dist/types/wcardinal/ui/d-chart-selection-shape-base.d.ts +5 -3
- package/dist/types/wcardinal/ui/d-chart-selection-shape.d.ts +4 -3
- package/dist/types/wcardinal/ui/d-chart-selection-simple.d.ts +2 -0
- package/dist/types/wcardinal/ui/d-chart-selection-sub-impl.d.ts +3 -5
- package/dist/types/wcardinal/ui/d-chart-selection-sub.d.ts +3 -2
- package/dist/types/wcardinal/ui/d-table-data-list-mapped.d.ts +1 -0
- package/dist/types/wcardinal/ui/d-table-data.d.ts +4 -0
- package/dist/types/wcardinal/ui/index.d.ts +2 -2
- package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline-x.d.ts +6 -2
- package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline-y.d.ts +3 -2
- package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-marker.d.ts +2 -2
- package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-shape.d.ts +7 -0
- package/dist/types/wcardinal/ui/theme/dark/index.d.ts +4 -0
- package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline-x.d.ts +6 -2
- package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline-y.d.ts +3 -2
- package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-selection-marker.d.ts +2 -2
- package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-selection-shape.d.ts +7 -0
- package/dist/types/wcardinal/ui/theme/white/index.d.ts +4 -0
- package/dist/wcardinal/ui/d-chart-selection-container-impl.js +48 -0
- package/dist/wcardinal/ui/d-chart-selection-container-impl.js.map +1 -0
- package/dist/wcardinal/ui/{d-chart-selection-gridline-container.js → d-chart-selection-container.js} +1 -1
- package/dist/wcardinal/ui/d-chart-selection-container.js.map +1 -0
- package/dist/wcardinal/ui/d-chart-selection-gridline-x.js +5 -4
- package/dist/wcardinal/ui/d-chart-selection-gridline-x.js.map +1 -1
- package/dist/wcardinal/ui/d-chart-selection-gridline-y.js +5 -4
- package/dist/wcardinal/ui/d-chart-selection-gridline-y.js.map +1 -1
- package/dist/wcardinal/ui/d-chart-selection-marker.js +3 -3
- package/dist/wcardinal/ui/d-chart-selection-marker.js.map +1 -1
- package/dist/wcardinal/ui/d-chart-selection-shape-base.js +28 -10
- package/dist/wcardinal/ui/d-chart-selection-shape-base.js.map +1 -1
- package/dist/wcardinal/ui/d-chart-selection-shape.js.map +1 -1
- package/dist/wcardinal/ui/d-chart-selection-simple.js +22 -6
- package/dist/wcardinal/ui/d-chart-selection-simple.js.map +1 -1
- package/dist/wcardinal/ui/d-chart-selection-sub-impl.js +11 -15
- package/dist/wcardinal/ui/d-chart-selection-sub-impl.js.map +1 -1
- package/dist/wcardinal/ui/d-chart-selection-sub.js.map +1 -1
- package/dist/wcardinal/ui/d-table-data-list-mapped.js +11 -0
- package/dist/wcardinal/ui/d-table-data-list-mapped.js.map +1 -1
- package/dist/wcardinal/ui/d-table-data.js.map +1 -1
- package/dist/wcardinal/ui/index.js +2 -2
- package/dist/wcardinal/ui/index.js.map +1 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-axis-x-datetime.js +5 -5
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-axis-x-datetime.js.map +1 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-coordinate-transform.js +1 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-coordinate-transform.js.map +1 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-coordinate.js +1 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-coordinate.js.map +1 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline-x.js +14 -2
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline-x.js.map +1 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline-y.js +7 -3
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline-y.js.map +1 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-marker.js +8 -9
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-marker.js.map +1 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-shape.js +11 -0
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-shape.js.map +1 -0
- package/dist/wcardinal/ui/theme/dark/index.js +4 -0
- package/dist/wcardinal/ui/theme/dark/index.js.map +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-axis-x-datetime.js +5 -5
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-axis-x-datetime.js.map +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-coordinate-transform.js +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-coordinate-transform.js.map +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-coordinate.js +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-coordinate.js.map +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline-x.js +15 -2
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline-x.js.map +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline-y.js +8 -3
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline-y.js.map +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-selection-marker.js +8 -9
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-selection-marker.js.map +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-selection-shape.js +11 -0
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-selection-shape.js.map +1 -0
- package/dist/wcardinal/ui/theme/white/index.js +4 -0
- package/dist/wcardinal/ui/theme/white/index.js.map +1 -1
- package/dist/wcardinal-ui-theme-dark.js +38 -34
- package/dist/wcardinal-ui-theme-dark.min.js +2 -2
- package/dist/wcardinal-ui-theme-dark.min.js.map +1 -1
- package/dist/wcardinal-ui-theme-white.js +40 -34
- package/dist/wcardinal-ui-theme-white.min.js +2 -2
- package/dist/wcardinal-ui-theme-white.min.js.map +1 -1
- package/dist/wcardinal-ui.cjs.js +202 -152
- package/dist/wcardinal-ui.js +130 -90
- package/dist/wcardinal-ui.min.js +2 -2
- package/dist/wcardinal-ui.min.js.map +1 -1
- package/package.json +1 -1
- package/dist/types/wcardinal/ui/d-chart-selection-gridline-container-impl.d.ts +0 -18
- package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline.d.ts +0 -7
- package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline.d.ts +0 -7
- package/dist/wcardinal/ui/d-chart-selection-gridline-container-impl.js +0 -50
- package/dist/wcardinal/ui/d-chart-selection-gridline-container-impl.js.map +0 -1
- package/dist/wcardinal/ui/d-chart-selection-gridline-container.js.map +0 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline.js +0 -22
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline.js.map +0 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline.js +0 -22
- package/dist/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline.js.map +0 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { IPoint } from "pixi.js";
|
|
2
|
+
import { DBase } from "./d-base";
|
|
3
|
+
import { DChartSelectionContainer } from "./d-chart-selection-container";
|
|
4
|
+
import { DChartSelectionShape } from "./d-chart-selection-shape";
|
|
5
|
+
import { DChartSeries } from "./d-chart-series";
|
|
6
|
+
import { DChartSeriesContainer } from "./d-chart-series-container";
|
|
7
|
+
export declare class DChartSelectionContainerImpl<CHART extends DBase = DBase> implements DChartSelectionContainer<CHART> {
|
|
8
|
+
protected _x: DChartSelectionShape<CHART>;
|
|
9
|
+
protected _y: DChartSelectionShape<CHART>;
|
|
10
|
+
constructor(x: DChartSelectionShape<CHART>, y: DChartSelectionShape<CHART>);
|
|
11
|
+
get x(): DChartSelectionShape<CHART>;
|
|
12
|
+
get y(): DChartSelectionShape<CHART>;
|
|
13
|
+
bind(container: DChartSeriesContainer<CHART>): void;
|
|
14
|
+
unbind(): void;
|
|
15
|
+
set(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
|
|
16
|
+
unset(): void;
|
|
17
|
+
update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
|
|
18
|
+
}
|
|
@@ -3,16 +3,16 @@ import { DBase } from "./d-base";
|
|
|
3
3
|
import { DChartSelectionShape, DChartSelectionShapeOptions } from "./d-chart-selection-shape";
|
|
4
4
|
import { DChartSeries } from "./d-chart-series";
|
|
5
5
|
import { DChartSeriesContainer } from "./d-chart-series-container";
|
|
6
|
-
export interface
|
|
6
|
+
export interface DChartSelectionContainerOptions<CHART extends DBase = DBase> {
|
|
7
7
|
x?: DChartSelectionShapeOptions<CHART>;
|
|
8
8
|
y?: DChartSelectionShapeOptions<CHART>;
|
|
9
9
|
}
|
|
10
|
-
export interface
|
|
10
|
+
export interface DChartSelectionContainer<CHART extends DBase = DBase> {
|
|
11
11
|
readonly x: DChartSelectionShape<CHART>;
|
|
12
12
|
readonly y: DChartSelectionShape<CHART>;
|
|
13
13
|
bind(container: DChartSeriesContainer<CHART>): void;
|
|
14
14
|
unbind(): void;
|
|
15
|
-
set(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
|
|
15
|
+
set(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
|
|
16
16
|
unset(): void;
|
|
17
|
-
update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
|
|
17
|
+
update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
|
|
18
18
|
}
|
|
@@ -3,7 +3,7 @@ import { DBase } from "./d-base";
|
|
|
3
3
|
import { DChartSelectionShapeBase } from "./d-chart-selection-shape-base";
|
|
4
4
|
import { DChartSeriesContainer } from "./d-chart-series-container";
|
|
5
5
|
export declare class DChartSelectionGridlineX<CHART extends DBase = DBase> extends DChartSelectionShapeBase<CHART> {
|
|
6
|
-
update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
|
|
7
|
-
protected isVisible(container: DChartSeriesContainer<CHART>,
|
|
6
|
+
update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
|
|
7
|
+
protected isVisible(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
|
|
8
8
|
protected getType(): string;
|
|
9
9
|
}
|
|
@@ -3,7 +3,7 @@ import { DBase } from "./d-base";
|
|
|
3
3
|
import { DChartSelectionShapeBase } from "./d-chart-selection-shape-base";
|
|
4
4
|
import { DChartSeriesContainer } from "./d-chart-series-container";
|
|
5
5
|
export declare class DChartSelectionGridlineY<CHART extends DBase = DBase> extends DChartSelectionShapeBase<CHART> {
|
|
6
|
-
update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
|
|
7
|
-
protected isVisible(container: DChartSeriesContainer<CHART>,
|
|
6
|
+
update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
|
|
7
|
+
protected isVisible(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
|
|
8
8
|
protected getType(): string;
|
|
9
9
|
}
|
|
@@ -3,7 +3,7 @@ import { DBase } from "./d-base";
|
|
|
3
3
|
import { DChartSelectionShapeBase } from "./d-chart-selection-shape-base";
|
|
4
4
|
import { DChartSeriesContainer } from "./d-chart-series-container";
|
|
5
5
|
export declare class DChartSelectionMarker<CHART extends DBase = DBase> extends DChartSelectionShapeBase<CHART> {
|
|
6
|
-
update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
|
|
7
|
-
protected isVisible(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
|
|
6
|
+
update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
|
|
7
|
+
protected isVisible(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
|
|
8
8
|
protected getType(): string;
|
|
9
9
|
}
|
|
@@ -7,19 +7,21 @@ import { DChartSeries } from "./d-chart-series";
|
|
|
7
7
|
import { DChartSeriesContainer } from "./d-chart-series-container";
|
|
8
8
|
import { EShape } from "./shape/e-shape";
|
|
9
9
|
export declare abstract class DChartSelectionShapeBase<CHART extends DBase = DBase> implements DChartSelectionShape<CHART> {
|
|
10
|
+
protected _options?: DChartSelectionShapeOptions<CHART>;
|
|
10
11
|
protected _isEnabled: boolean;
|
|
11
12
|
protected _shape?: EShape;
|
|
13
|
+
protected _newShape?: (state: DBaseStateSet) => EShape;
|
|
12
14
|
protected _style: DChartSelectionStyle<CHART>;
|
|
13
15
|
protected _state: DBaseStateSet;
|
|
14
16
|
protected _theme: DThemeChartSelectionShape;
|
|
15
17
|
constructor(options?: DChartSelectionShapeOptions<CHART>);
|
|
16
18
|
bind(container: DChartSeriesContainer<CHART>): void;
|
|
17
19
|
unbind(): void;
|
|
18
|
-
protected newShape(theme: DThemeChartSelectionShape): EShape;
|
|
19
|
-
set(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
|
|
20
|
+
protected newShape(state: DBaseStateSet, theme: DThemeChartSelectionShape): EShape;
|
|
21
|
+
set(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
|
|
20
22
|
protected setStyle(this: unknown, shape: EShape, series: DChartSeries<CHART>): void;
|
|
21
23
|
unset(): void;
|
|
22
|
-
abstract update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
|
|
24
|
+
abstract update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
|
|
23
25
|
protected toTheme(options?: DChartSelectionShapeOptions<CHART>): DThemeChartSelectionShape;
|
|
24
26
|
protected getTheme(type: string): DThemeChartSelectionShape;
|
|
25
27
|
protected abstract getType(): string;
|
|
@@ -5,9 +5,10 @@ import { DChartSelectionStyle } from "./d-chart-selection";
|
|
|
5
5
|
import { DChartSeries } from "./d-chart-series";
|
|
6
6
|
import { DChartSeriesContainer } from "./d-chart-series-container";
|
|
7
7
|
import { EShape } from "./shape/e-shape";
|
|
8
|
+
export declare type DChartSelectionShapeNewShape = (state: DBaseStateSet) => EShape;
|
|
8
9
|
export interface DChartSelectionShapeOptions<CHART extends DBase = DBase> {
|
|
9
10
|
enable?: boolean;
|
|
10
|
-
shape?: EShape;
|
|
11
|
+
shape?: EShape | DChartSelectionShapeNewShape;
|
|
11
12
|
style?: DChartSelectionStyle<CHART>;
|
|
12
13
|
state?: string;
|
|
13
14
|
theme?: string | DThemeChartSelectionShape;
|
|
@@ -19,7 +20,7 @@ export interface DThemeChartSelectionShape {
|
|
|
19
20
|
export interface DChartSelectionShape<CHART extends DBase = DBase> {
|
|
20
21
|
bind(container: DChartSeriesContainer<CHART>): void;
|
|
21
22
|
unbind(): void;
|
|
22
|
-
set(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
|
|
23
|
+
set(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
|
|
23
24
|
unset(): void;
|
|
24
|
-
update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
|
|
25
|
+
update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
|
|
25
26
|
}
|
|
@@ -20,6 +20,8 @@ export declare class DChartSelectionSimple<CHART extends DBase = DBase> extends
|
|
|
20
20
|
constructor(options?: DChartSelectionSimpleOptions<CHART>);
|
|
21
21
|
protected newSelected(point: DChartSelectionPoint, options?: DChartSelectionSubOptions<CHART>): DChartSelectionSub<CHART>;
|
|
22
22
|
protected newHovered(point: DChartSelectionPoint, options?: DChartSelectionSubOptions<CHART>): DChartSelectionSub<CHART>;
|
|
23
|
+
protected toSelectedOptions(point: DChartSelectionPoint, options?: DChartSelectionSubOptions<CHART>): DChartSelectionSubOptions<CHART>;
|
|
24
|
+
protected toHoveredOptions(point: DChartSelectionPoint, options?: DChartSelectionSubOptions<CHART>): DChartSelectionSubOptions<CHART>;
|
|
23
25
|
protected toSubOptions(point: DChartSelectionPoint, options: DChartSelectionSubOptions<CHART> | undefined, state: string): DChartSelectionSubOptions<CHART>;
|
|
24
26
|
protected onClick(e: interaction.InteractionEvent): void;
|
|
25
27
|
protected onMove(e: interaction.InteractionEvent): void;
|
|
@@ -2,12 +2,11 @@ import { Point, utils } from "pixi.js";
|
|
|
2
2
|
import { DBase } from "./d-base";
|
|
3
3
|
import { DChartCoordinate } from "./d-chart-coordinate";
|
|
4
4
|
import { DChartSelectionPoint } from "./d-chart-selection";
|
|
5
|
-
import {
|
|
5
|
+
import { DChartSelectionContainer } from "./d-chart-selection-container";
|
|
6
6
|
import { DChartSelectionMarker } from "./d-chart-selection-marker";
|
|
7
7
|
import { DChartSelectionSub, DChartSelectionSubOptions } from "./d-chart-selection-sub";
|
|
8
8
|
import { DChartSeries, DChartSeriesHitResult } from "./d-chart-series";
|
|
9
9
|
import { DChartSeriesContainer } from "./d-chart-series-container";
|
|
10
|
-
import { EShape } from "./shape/e-shape";
|
|
11
10
|
export declare class DChartSelectionSubImpl<CHART extends DBase = DBase> extends utils.EventEmitter implements DChartSelectionSub<CHART> {
|
|
12
11
|
protected _container: DChartSeriesContainer<CHART> | null;
|
|
13
12
|
protected _isEnabled: boolean;
|
|
@@ -17,7 +16,7 @@ export declare class DChartSelectionSubImpl<CHART extends DBase = DBase> extends
|
|
|
17
16
|
protected _position: Point;
|
|
18
17
|
protected _point: DChartSelectionPoint;
|
|
19
18
|
protected _work: Point;
|
|
20
|
-
protected _gridline:
|
|
19
|
+
protected _gridline: DChartSelectionContainer<CHART>;
|
|
21
20
|
protected _marker: DChartSelectionMarker<CHART>;
|
|
22
21
|
protected _state: string;
|
|
23
22
|
constructor(options: DChartSelectionSubOptions<CHART>);
|
|
@@ -25,10 +24,9 @@ export declare class DChartSelectionSubImpl<CHART extends DBase = DBase> extends
|
|
|
25
24
|
unbind(): void;
|
|
26
25
|
get series(): DChartSeries<CHART> | null;
|
|
27
26
|
get position(): Point;
|
|
28
|
-
get gridline():
|
|
27
|
+
get gridline(): DChartSelectionContainer<CHART>;
|
|
29
28
|
get marker(): DChartSelectionMarker<CHART>;
|
|
30
29
|
set(series: DChartSeries<CHART>, result: DChartSeriesHitResult | DChartSelectionSub<CHART>): void;
|
|
31
|
-
protected setStyle(this: unknown, shape: EShape, series: DChartSeries<CHART>): void;
|
|
32
30
|
unset(): void;
|
|
33
31
|
update(): boolean;
|
|
34
32
|
}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { Point, utils } from "pixi.js";
|
|
2
2
|
import { DBase, DBaseOnOptions } from "./d-base";
|
|
3
3
|
import { DChartSelectionPoint } from "./d-chart-selection";
|
|
4
|
-
import {
|
|
4
|
+
import { DChartSelectionContainerOptions } from "./d-chart-selection-container";
|
|
5
5
|
import { DChartSelectionShapeOptions } from "./d-chart-selection-shape";
|
|
6
6
|
import { DChartSeries, DChartSeriesHitResult } from "./d-chart-series";
|
|
7
7
|
import { DChartSeriesContainer } from "./d-chart-series-container";
|
|
8
8
|
export interface DChartSelectionSubOptions<CHART extends DBase = DBase, EMITTER = any> {
|
|
9
9
|
enable?: boolean;
|
|
10
|
-
gridline?:
|
|
10
|
+
gridline?: DChartSelectionContainerOptions<CHART>;
|
|
11
11
|
marker?: DChartSelectionShapeOptions<CHART>;
|
|
12
|
+
label?: DChartSelectionContainerOptions<CHART>;
|
|
12
13
|
state?: string;
|
|
13
14
|
on?: DBaseOnOptions<EMITTER>;
|
|
14
15
|
point?: DChartSelectionPoint;
|
|
@@ -6,6 +6,7 @@ export interface DTableDataListMappedParent<ROW> extends DTableData<ROW> {
|
|
|
6
6
|
export declare class DTableDataListMapped<ROW> implements DTableDataMapped<ROW> {
|
|
7
7
|
protected _parent: DTableDataListMappedParent<ROW>;
|
|
8
8
|
constructor(parent: DTableDataListMappedParent<ROW>);
|
|
9
|
+
get rows(): ROW[];
|
|
9
10
|
map(unmappedIndex: number): number | null;
|
|
10
11
|
unmap(index: number): number;
|
|
11
12
|
size(): number;
|
|
@@ -5,6 +5,10 @@ import { DTableDataSelection, DTableDataSelectionCreator, DTableDataSelectionOpt
|
|
|
5
5
|
import { DTableDataComparator, DTableDataSorter } from "./d-table-data-sorter";
|
|
6
6
|
export declare type DTableDataMappedEachIteratee<ROW> = (row: ROW, supplimental: unknown, index: number, unmappedIndex: number) => void | boolean;
|
|
7
7
|
export interface DTableDataMapped<ROW> {
|
|
8
|
+
/**
|
|
9
|
+
* Mapped rows.
|
|
10
|
+
*/
|
|
11
|
+
readonly rows: ROW[];
|
|
8
12
|
/**
|
|
9
13
|
* Returns an mapped index of the specified unmapped index.
|
|
10
14
|
* A mapped index is an index on rows filters and sorters are applied.
|
|
@@ -126,8 +126,8 @@ export * from "./d-chart-plot-area-impl";
|
|
|
126
126
|
export * from "./d-chart-region-impl-observable";
|
|
127
127
|
export * from "./d-chart-region-impl";
|
|
128
128
|
export * from "./d-chart-region";
|
|
129
|
-
export * from "./d-chart-selection-
|
|
130
|
-
export * from "./d-chart-selection-
|
|
129
|
+
export * from "./d-chart-selection-container-impl";
|
|
130
|
+
export * from "./d-chart-selection-container";
|
|
131
131
|
export * from "./d-chart-selection-gridline-x";
|
|
132
132
|
export * from "./d-chart-selection-gridline-y";
|
|
133
133
|
export * from "./d-chart-selection-marker";
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { DBaseStateSet } from "../../d-base-state-set";
|
|
2
|
+
import { EShape } from "../../shape/e-shape";
|
|
3
|
+
import { DThemeDarkChartSelectionShape } from "./d-theme-dark-chart-selection-shape";
|
|
4
|
+
export declare class DThemeDarkChartSelectionGridlineX extends DThemeDarkChartSelectionShape {
|
|
5
|
+
isEnabled(state: DBaseStateSet): boolean;
|
|
6
|
+
newShape(state: DBaseStateSet): EShape;
|
|
3
7
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { DBaseStateSet } from "../../d-base-state-set";
|
|
2
2
|
import { EShape } from "../../shape/e-shape";
|
|
3
|
-
import {
|
|
4
|
-
export declare class DThemeDarkChartSelectionGridlineY extends
|
|
3
|
+
import { DThemeDarkChartSelectionShape } from "./d-theme-dark-chart-selection-shape";
|
|
4
|
+
export declare class DThemeDarkChartSelectionGridlineY extends DThemeDarkChartSelectionShape {
|
|
5
|
+
isEnabled(state: DBaseStateSet): boolean;
|
|
5
6
|
newShape(state: DBaseStateSet): EShape;
|
|
6
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DBaseStateSet } from "../../d-base-state-set";
|
|
2
|
-
import { DThemeChartSelectionShape } from "../../d-chart-selection-shape";
|
|
3
2
|
import { EShape } from "../../shape/e-shape";
|
|
4
|
-
|
|
3
|
+
import { DThemeDarkChartSelectionShape } from "./d-theme-dark-chart-selection-shape";
|
|
4
|
+
export declare class DThemeDarkChartSelectionMarker extends DThemeDarkChartSelectionShape {
|
|
5
5
|
isEnabled(state: DBaseStateSet): boolean;
|
|
6
6
|
newShape(state: DBaseStateSet): EShape;
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DBaseStateSet } from "../../d-base-state-set";
|
|
2
|
+
import { DThemeChartSelectionShape } from "../../d-chart-selection-shape";
|
|
3
|
+
import { EShape } from "../../shape/e-shape";
|
|
4
|
+
export declare abstract class DThemeDarkChartSelectionShape implements DThemeChartSelectionShape {
|
|
5
|
+
abstract isEnabled(state: DBaseStateSet): boolean;
|
|
6
|
+
abstract newShape(state: DBaseStateSet): EShape;
|
|
7
|
+
}
|
|
@@ -34,6 +34,10 @@ export * from "./d-theme-dark-chart-legend";
|
|
|
34
34
|
export * from "./d-theme-dark-chart-legend-item";
|
|
35
35
|
export * from "./d-theme-dark-chart-overview";
|
|
36
36
|
export * from "./d-theme-dark-chart-plot-area";
|
|
37
|
+
export * from "./d-theme-dark-chart-selection-gridline-x";
|
|
38
|
+
export * from "./d-theme-dark-chart-selection-gridline-y";
|
|
39
|
+
export * from "./d-theme-dark-chart-selection-marker";
|
|
40
|
+
export * from "./d-theme-dark-chart-selection-shape";
|
|
37
41
|
export * from "./d-theme-dark-content";
|
|
38
42
|
export * from "./d-theme-dark-diagram";
|
|
39
43
|
export * from "./d-theme-dark-diagram-base";
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { DBaseStateSet } from "../../d-base-state-set";
|
|
2
|
+
import { EShape } from "../../shape/e-shape";
|
|
3
|
+
import { DThemeWhiteChartSelectionShape } from "./d-theme-white-chart-selection-shape";
|
|
4
|
+
export declare class DThemeWhiteChartSelectionGridlineX extends DThemeWhiteChartSelectionShape {
|
|
5
|
+
isEnabled(state: DBaseStateSet): boolean;
|
|
6
|
+
newShape(state: DBaseStateSet): EShape;
|
|
3
7
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { DBaseStateSet } from "../../d-base-state-set";
|
|
2
2
|
import { EShape } from "../../shape/e-shape";
|
|
3
|
-
import {
|
|
4
|
-
export declare class DThemeWhiteChartSelectionGridlineY extends
|
|
3
|
+
import { DThemeWhiteChartSelectionShape } from "./d-theme-white-chart-selection-shape";
|
|
4
|
+
export declare class DThemeWhiteChartSelectionGridlineY extends DThemeWhiteChartSelectionShape {
|
|
5
|
+
isEnabled(state: DBaseStateSet): boolean;
|
|
5
6
|
newShape(state: DBaseStateSet): EShape;
|
|
6
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DBaseStateSet } from "../../d-base-state-set";
|
|
2
|
-
import { DThemeChartSelectionShape } from "../../d-chart-selection-shape";
|
|
3
2
|
import { EShape } from "../../shape/e-shape";
|
|
4
|
-
|
|
3
|
+
import { DThemeWhiteChartSelectionShape } from "./d-theme-white-chart-selection-shape";
|
|
4
|
+
export declare class DThemeWhiteChartSelectionMarker extends DThemeWhiteChartSelectionShape {
|
|
5
5
|
isEnabled(state: DBaseStateSet): boolean;
|
|
6
6
|
newShape(state: DBaseStateSet): EShape;
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DBaseStateSet } from "../../d-base-state-set";
|
|
2
|
+
import { DThemeChartSelectionShape } from "../../d-chart-selection-shape";
|
|
3
|
+
import { EShape } from "../../shape/e-shape";
|
|
4
|
+
export declare abstract class DThemeWhiteChartSelectionShape implements DThemeChartSelectionShape {
|
|
5
|
+
abstract isEnabled(state: DBaseStateSet): boolean;
|
|
6
|
+
abstract newShape(state: DBaseStateSet): EShape;
|
|
7
|
+
}
|
|
@@ -33,6 +33,10 @@ export * from "./d-theme-white-chart-legend-item";
|
|
|
33
33
|
export * from "./d-theme-white-chart-legend";
|
|
34
34
|
export * from "./d-theme-white-chart-overview";
|
|
35
35
|
export * from "./d-theme-white-chart-plot-area";
|
|
36
|
+
export * from "./d-theme-white-chart-selection-gridline-x";
|
|
37
|
+
export * from "./d-theme-white-chart-selection-gridline-y";
|
|
38
|
+
export * from "./d-theme-white-chart-selection-marker";
|
|
39
|
+
export * from "./d-theme-white-chart-selection-shape";
|
|
36
40
|
export * from "./d-theme-white-chart";
|
|
37
41
|
export * from "./d-theme-white-content";
|
|
38
42
|
export * from "./d-theme-white-diagram-base";
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (C) 2019 Toshiba Corporation
|
|
3
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
var DChartSelectionContainerImpl = /** @class */ (function () {
|
|
6
|
+
function DChartSelectionContainerImpl(x, y) {
|
|
7
|
+
this._x = x;
|
|
8
|
+
this._y = y;
|
|
9
|
+
}
|
|
10
|
+
Object.defineProperty(DChartSelectionContainerImpl.prototype, "x", {
|
|
11
|
+
get: function () {
|
|
12
|
+
return this._x;
|
|
13
|
+
},
|
|
14
|
+
enumerable: false,
|
|
15
|
+
configurable: true
|
|
16
|
+
});
|
|
17
|
+
Object.defineProperty(DChartSelectionContainerImpl.prototype, "y", {
|
|
18
|
+
get: function () {
|
|
19
|
+
return this._y;
|
|
20
|
+
},
|
|
21
|
+
enumerable: false,
|
|
22
|
+
configurable: true
|
|
23
|
+
});
|
|
24
|
+
DChartSelectionContainerImpl.prototype.bind = function (container) {
|
|
25
|
+
this._x.bind(container);
|
|
26
|
+
this._y.bind(container);
|
|
27
|
+
};
|
|
28
|
+
DChartSelectionContainerImpl.prototype.unbind = function () {
|
|
29
|
+
this._x.unbind();
|
|
30
|
+
this._y.unbind();
|
|
31
|
+
};
|
|
32
|
+
DChartSelectionContainerImpl.prototype.set = function (container, position, mappedPosition, series) {
|
|
33
|
+
this._x.set(container, position, mappedPosition, series);
|
|
34
|
+
this._y.set(container, position, mappedPosition, series);
|
|
35
|
+
};
|
|
36
|
+
DChartSelectionContainerImpl.prototype.unset = function () {
|
|
37
|
+
this._x.unset();
|
|
38
|
+
this._y.unset();
|
|
39
|
+
};
|
|
40
|
+
DChartSelectionContainerImpl.prototype.update = function (container, position, mappedPosition) {
|
|
41
|
+
var isXUpdated = this._x.update(container, position, mappedPosition);
|
|
42
|
+
var isYUpdated = this._y.update(container, position, mappedPosition);
|
|
43
|
+
return isXUpdated || isYUpdated;
|
|
44
|
+
};
|
|
45
|
+
return DChartSelectionContainerImpl;
|
|
46
|
+
}());
|
|
47
|
+
export { DChartSelectionContainerImpl };
|
|
48
|
+
//# sourceMappingURL=d-chart-selection-container-impl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"d-chart-selection-container-impl.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-chart-selection-container-impl.ts"],"names":[],"mappings":"AAAA;;;GAGG;AASH;IAMC,sCAAY,CAA8B,EAAE,CAA8B;QACzE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QACZ,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;IACb,CAAC;IAED,sBAAI,2CAAC;aAAL;YACC,OAAO,IAAI,CAAC,EAAE,CAAC;QAChB,CAAC;;;OAAA;IAED,sBAAI,2CAAC;aAAL;YACC,OAAO,IAAI,CAAC,EAAE,CAAC;QAChB,CAAC;;;OAAA;IAED,2CAAI,GAAJ,UAAK,SAAuC;QAC3C,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACxB,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC;IAED,6CAAM,GAAN;QACC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;QACjB,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAED,0CAAG,GAAH,UACC,SAAuC,EACvC,QAAgB,EAChB,cAAsB,EACtB,MAA2B;QAE3B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;QACzD,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;IAC1D,CAAC;IAED,4CAAK,GAAL;QACC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;QAChB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAED,6CAAM,GAAN,UACC,SAAuC,EACvC,QAAgB,EAChB,cAAsB;QAEtB,IAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;QACvE,IAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;QACvE,OAAO,UAAU,IAAI,UAAU,CAAC;IACjC,CAAC;IACF,mCAAC;AAAD,CAAC,AArDD,IAqDC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { IPoint } from \"pixi.js\";\nimport { DBase } from \"./d-base\";\nimport { DChartSelectionContainer } from \"./d-chart-selection-container\";\nimport { DChartSelectionShape } from \"./d-chart-selection-shape\";\nimport { DChartSeries } from \"./d-chart-series\";\nimport { DChartSeriesContainer } from \"./d-chart-series-container\";\n\nexport class DChartSelectionContainerImpl<CHART extends DBase = DBase>\n\timplements DChartSelectionContainer<CHART>\n{\n\tprotected _x: DChartSelectionShape<CHART>;\n\tprotected _y: DChartSelectionShape<CHART>;\n\n\tconstructor(x: DChartSelectionShape<CHART>, y: DChartSelectionShape<CHART>) {\n\t\tthis._x = x;\n\t\tthis._y = y;\n\t}\n\n\tget x(): DChartSelectionShape<CHART> {\n\t\treturn this._x;\n\t}\n\n\tget y(): DChartSelectionShape<CHART> {\n\t\treturn this._y;\n\t}\n\n\tbind(container: DChartSeriesContainer<CHART>): void {\n\t\tthis._x.bind(container);\n\t\tthis._y.bind(container);\n\t}\n\n\tunbind(): void {\n\t\tthis._x.unbind();\n\t\tthis._y.unbind();\n\t}\n\n\tset(\n\t\tcontainer: DChartSeriesContainer<CHART>,\n\t\tposition: IPoint,\n\t\tmappedPosition: IPoint,\n\t\tseries: DChartSeries<CHART>\n\t): void {\n\t\tthis._x.set(container, position, mappedPosition, series);\n\t\tthis._y.set(container, position, mappedPosition, series);\n\t}\n\n\tunset(): void {\n\t\tthis._x.unset();\n\t\tthis._y.unset();\n\t}\n\n\tupdate(\n\t\tcontainer: DChartSeriesContainer<CHART>,\n\t\tposition: IPoint,\n\t\tmappedPosition: IPoint\n\t): boolean {\n\t\tconst isXUpdated = this._x.update(container, position, mappedPosition);\n\t\tconst isYUpdated = this._y.update(container, position, mappedPosition);\n\t\treturn isXUpdated || isYUpdated;\n\t}\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"d-chart-selection-container.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-chart-selection-container.ts"],"names":[],"mappings":"AAAA;;;GAGG","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { IPoint } from \"pixi.js\";\nimport { DBase } from \"./d-base\";\nimport { DChartSelectionShape, DChartSelectionShapeOptions } from \"./d-chart-selection-shape\";\nimport { DChartSeries } from \"./d-chart-series\";\nimport { DChartSeriesContainer } from \"./d-chart-series-container\";\n\nexport interface DChartSelectionContainerOptions<CHART extends DBase = DBase> {\n\tx?: DChartSelectionShapeOptions<CHART>;\n\ty?: DChartSelectionShapeOptions<CHART>;\n}\n\nexport interface DChartSelectionContainer<CHART extends DBase = DBase> {\n\treadonly x: DChartSelectionShape<CHART>;\n\treadonly y: DChartSelectionShape<CHART>;\n\n\tbind(container: DChartSeriesContainer<CHART>): void;\n\tunbind(): void;\n\tset(\n\t\tcontainer: DChartSeriesContainer<CHART>,\n\t\tposition: IPoint,\n\t\tmappedPosition: IPoint,\n\t\tseries: DChartSeries<CHART>\n\t): void;\n\tunset(): void;\n\tupdate(\n\t\tcontainer: DChartSeriesContainer<CHART>,\n\t\tposition: IPoint,\n\t\tmappedPosition: IPoint\n\t): boolean;\n}\n"]}
|
|
@@ -9,20 +9,21 @@ var DChartSelectionGridlineX = /** @class */ (function (_super) {
|
|
|
9
9
|
function DChartSelectionGridlineX() {
|
|
10
10
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
11
11
|
}
|
|
12
|
-
DChartSelectionGridlineX.prototype.update = function (container, mappedPosition) {
|
|
12
|
+
DChartSelectionGridlineX.prototype.update = function (container, position, mappedPosition) {
|
|
13
13
|
var shape = this._shape;
|
|
14
14
|
if (shape) {
|
|
15
15
|
var mappedX = mappedPosition.x;
|
|
16
16
|
var height = container.plotArea.height;
|
|
17
17
|
shape.transform.position.set(mappedX, height * 0.5);
|
|
18
18
|
shape.size.set(0, height);
|
|
19
|
-
shape.visible = this.isVisible(container,
|
|
19
|
+
shape.visible = this.isVisible(container, position, mappedPosition);
|
|
20
20
|
return true;
|
|
21
21
|
}
|
|
22
22
|
return false;
|
|
23
23
|
};
|
|
24
|
-
DChartSelectionGridlineX.prototype.isVisible = function (container,
|
|
25
|
-
|
|
24
|
+
DChartSelectionGridlineX.prototype.isVisible = function (container, position, mappedPosition) {
|
|
25
|
+
var x = mappedPosition.x;
|
|
26
|
+
return 0 <= x && x <= container.plotArea.width;
|
|
26
27
|
};
|
|
27
28
|
DChartSelectionGridlineX.prototype.getType = function () {
|
|
28
29
|
return "DChartSelectionGridlineX";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-chart-selection-gridline-x.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-chart-selection-gridline-x.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;IAEU,4CAA+B;IAFzC;;
|
|
1
|
+
{"version":3,"file":"d-chart-selection-gridline-x.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-chart-selection-gridline-x.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;IAEU,4CAA+B;IAFzC;;IAgCA,CAAC;IA7BS,yCAAM,GAAf,UACC,SAAuC,EACvC,QAAgB,EAChB,cAAsB;QAEtB,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,IAAI,KAAK,EAAE;YACV,IAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC;YACjC,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;YACzC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC;YACpD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;YAC1B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;YACpE,OAAO,IAAI,CAAC;SACZ;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IAES,4CAAS,GAAnB,UACC,SAAuC,EACvC,QAAgB,EAChB,cAAsB;QAEtB,IAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;IAChD,CAAC;IAES,0CAAO,GAAjB;QACC,OAAO,0BAA0B,CAAC;IACnC,CAAC;IACF,+BAAC;AAAD,CAAC,AAhCD,CAEU,wBAAwB,GA8BjC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { IPoint } from \"pixi.js\";\nimport { DBase } from \"./d-base\";\nimport { DChartSelectionShapeBase } from \"./d-chart-selection-shape-base\";\nimport { DChartSeriesContainer } from \"./d-chart-series-container\";\n\nexport class DChartSelectionGridlineX<\n\tCHART extends DBase = DBase\n> extends DChartSelectionShapeBase<CHART> {\n\toverride update(\n\t\tcontainer: DChartSeriesContainer<CHART>,\n\t\tposition: IPoint,\n\t\tmappedPosition: IPoint\n\t): boolean {\n\t\tconst shape = this._shape;\n\t\tif (shape) {\n\t\t\tconst mappedX = mappedPosition.x;\n\t\t\tconst height = container.plotArea.height;\n\t\t\tshape.transform.position.set(mappedX, height * 0.5);\n\t\t\tshape.size.set(0, height);\n\t\t\tshape.visible = this.isVisible(container, position, mappedPosition);\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\tprotected isVisible(\n\t\tcontainer: DChartSeriesContainer<CHART>,\n\t\tposition: IPoint,\n\t\tmappedPosition: IPoint\n\t): boolean {\n\t\tconst x = mappedPosition.x;\n\t\treturn 0 <= x && x <= container.plotArea.width;\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DChartSelectionGridlineX\";\n\t}\n}\n"]}
|
|
@@ -9,20 +9,21 @@ var DChartSelectionGridlineY = /** @class */ (function (_super) {
|
|
|
9
9
|
function DChartSelectionGridlineY() {
|
|
10
10
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
11
11
|
}
|
|
12
|
-
DChartSelectionGridlineY.prototype.update = function (container, mappedPosition) {
|
|
12
|
+
DChartSelectionGridlineY.prototype.update = function (container, position, mappedPosition) {
|
|
13
13
|
var shape = this._shape;
|
|
14
14
|
if (shape) {
|
|
15
15
|
var mappedY = mappedPosition.y;
|
|
16
16
|
var width = container.plotArea.width;
|
|
17
17
|
shape.transform.position.set(width * 0.5, mappedY);
|
|
18
18
|
shape.size.set(width, 0);
|
|
19
|
-
shape.visible = this.isVisible(container,
|
|
19
|
+
shape.visible = this.isVisible(container, position, mappedPosition);
|
|
20
20
|
return true;
|
|
21
21
|
}
|
|
22
22
|
return false;
|
|
23
23
|
};
|
|
24
|
-
DChartSelectionGridlineY.prototype.isVisible = function (container,
|
|
25
|
-
|
|
24
|
+
DChartSelectionGridlineY.prototype.isVisible = function (container, position, mappedPosition) {
|
|
25
|
+
var y = mappedPosition.y;
|
|
26
|
+
return 0 <= y && y <= container.plotArea.height;
|
|
26
27
|
};
|
|
27
28
|
DChartSelectionGridlineY.prototype.getType = function () {
|
|
28
29
|
return "DChartSelectionGridlineY";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-chart-selection-gridline-y.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-chart-selection-gridline-y.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;IAEU,4CAA+B;IAFzC;;
|
|
1
|
+
{"version":3,"file":"d-chart-selection-gridline-y.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-chart-selection-gridline-y.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;IAEU,4CAA+B;IAFzC;;IAgCA,CAAC;IA7BS,yCAAM,GAAf,UACC,SAAuC,EACvC,QAAgB,EAChB,cAAsB;QAEtB,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,IAAI,KAAK,EAAE;YACV,IAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC;YACjC,IAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;YACvC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE,OAAO,CAAC,CAAC;YACnD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACzB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;YACpE,OAAO,IAAI,CAAC;SACZ;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IAES,4CAAS,GAAnB,UACC,SAAuC,EACvC,QAAgB,EAChB,cAAsB;QAEtB,IAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;IACjD,CAAC;IAES,0CAAO,GAAjB;QACC,OAAO,0BAA0B,CAAC;IACnC,CAAC;IACF,+BAAC;AAAD,CAAC,AAhCD,CAEU,wBAAwB,GA8BjC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { IPoint } from \"pixi.js\";\nimport { DBase } from \"./d-base\";\nimport { DChartSelectionShapeBase } from \"./d-chart-selection-shape-base\";\nimport { DChartSeriesContainer } from \"./d-chart-series-container\";\n\nexport class DChartSelectionGridlineY<\n\tCHART extends DBase = DBase\n> extends DChartSelectionShapeBase<CHART> {\n\toverride update(\n\t\tcontainer: DChartSeriesContainer<CHART>,\n\t\tposition: IPoint,\n\t\tmappedPosition: IPoint\n\t): boolean {\n\t\tconst shape = this._shape;\n\t\tif (shape) {\n\t\t\tconst mappedY = mappedPosition.y;\n\t\t\tconst width = container.plotArea.width;\n\t\t\tshape.transform.position.set(width * 0.5, mappedY);\n\t\t\tshape.size.set(width, 0);\n\t\t\tshape.visible = this.isVisible(container, position, mappedPosition);\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\tprotected isVisible(\n\t\tcontainer: DChartSeriesContainer<CHART>,\n\t\tposition: IPoint,\n\t\tmappedPosition: IPoint\n\t): boolean {\n\t\tconst y = mappedPosition.y;\n\t\treturn 0 <= y && y <= container.plotArea.height;\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DChartSelectionGridlineY\";\n\t}\n}\n"]}
|
|
@@ -9,16 +9,16 @@ var DChartSelectionMarker = /** @class */ (function (_super) {
|
|
|
9
9
|
function DChartSelectionMarker() {
|
|
10
10
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
11
11
|
}
|
|
12
|
-
DChartSelectionMarker.prototype.update = function (container, mappedPosition) {
|
|
12
|
+
DChartSelectionMarker.prototype.update = function (container, position, mappedPosition) {
|
|
13
13
|
var shape = this._shape;
|
|
14
14
|
if (shape) {
|
|
15
15
|
shape.transform.position.copyFrom(mappedPosition);
|
|
16
|
-
shape.visible = this.isVisible(container, mappedPosition);
|
|
16
|
+
shape.visible = this.isVisible(container, position, mappedPosition);
|
|
17
17
|
return true;
|
|
18
18
|
}
|
|
19
19
|
return false;
|
|
20
20
|
};
|
|
21
|
-
DChartSelectionMarker.prototype.isVisible = function (container, mappedPosition) {
|
|
21
|
+
DChartSelectionMarker.prototype.isVisible = function (container, position, mappedPosition) {
|
|
22
22
|
var x = mappedPosition.x;
|
|
23
23
|
var y = mappedPosition.y;
|
|
24
24
|
var plotArea = container.plotArea;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-chart-selection-marker.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-chart-selection-marker.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;IAEU,yCAA+B;IAFzC;;
|
|
1
|
+
{"version":3,"file":"d-chart-selection-marker.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-chart-selection-marker.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;IAEU,yCAA+B;IAFzC;;IA+BA,CAAC;IA5BS,sCAAM,GAAf,UACC,SAAuC,EACvC,QAAgB,EAChB,cAAsB;QAEtB,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,IAAI,KAAK,EAAE;YACV,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;YAClD,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;YACpE,OAAO,IAAI,CAAC;SACZ;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IAES,yCAAS,GAAnB,UACC,SAAuC,EACvC,QAAgB,EAChB,cAAsB;QAEtB,IAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC;QAC3B,IAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC;QAC3B,IAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;QACpC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC;IACxE,CAAC;IAES,uCAAO,GAAjB;QACC,OAAO,uBAAuB,CAAC;IAChC,CAAC;IACF,4BAAC;AAAD,CAAC,AA/BD,CAEU,wBAAwB,GA6BjC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { IPoint } from \"pixi.js\";\nimport { DBase } from \"./d-base\";\nimport { DChartSelectionShapeBase } from \"./d-chart-selection-shape-base\";\nimport { DChartSeriesContainer } from \"./d-chart-series-container\";\n\nexport class DChartSelectionMarker<\n\tCHART extends DBase = DBase\n> extends DChartSelectionShapeBase<CHART> {\n\toverride update(\n\t\tcontainer: DChartSeriesContainer<CHART>,\n\t\tposition: IPoint,\n\t\tmappedPosition: IPoint\n\t): boolean {\n\t\tconst shape = this._shape;\n\t\tif (shape) {\n\t\t\tshape.transform.position.copyFrom(mappedPosition);\n\t\t\tshape.visible = this.isVisible(container, position, mappedPosition);\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\tprotected isVisible(\n\t\tcontainer: DChartSeriesContainer<CHART>,\n\t\tposition: IPoint,\n\t\tmappedPosition: IPoint\n\t): boolean {\n\t\tconst x = mappedPosition.x;\n\t\tconst y = mappedPosition.y;\n\t\tconst plotArea = container.plotArea;\n\t\treturn 0 <= x && x <= plotArea.width && 0 <= y && y <= plotArea.height;\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DChartSelectionMarker\";\n\t}\n}\n"]}
|
|
@@ -6,6 +6,7 @@ import { DBaseState } from "./d-base-state";
|
|
|
6
6
|
import { DBaseStateSetImpl } from "./d-base-state-set-impl";
|
|
7
7
|
import { DThemes } from "./theme/d-themes";
|
|
8
8
|
import { isString } from "./util/is-string";
|
|
9
|
+
import { isFunction } from "./util/is-function";
|
|
9
10
|
var DChartSelectionShapeBase = /** @class */ (function () {
|
|
10
11
|
function DChartSelectionShapeBase(options) {
|
|
11
12
|
var _a, _b, _c;
|
|
@@ -14,12 +15,32 @@ var DChartSelectionShapeBase = /** @class */ (function () {
|
|
|
14
15
|
var state = new DBaseStateSetImpl().add((_a = options === null || options === void 0 ? void 0 : options.state) !== null && _a !== void 0 ? _a : DBaseState.HOVERED);
|
|
15
16
|
this._state = state;
|
|
16
17
|
this._isEnabled = (_b = options === null || options === void 0 ? void 0 : options.enable) !== null && _b !== void 0 ? _b : theme.isEnabled(state);
|
|
17
|
-
|
|
18
|
+
if (options != null) {
|
|
19
|
+
var shape = options.shape;
|
|
20
|
+
if (shape != null) {
|
|
21
|
+
if (isFunction(shape)) {
|
|
22
|
+
this._newShape = shape;
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
this._shape = shape;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
18
29
|
this._style = (_c = options === null || options === void 0 ? void 0 : options.style) !== null && _c !== void 0 ? _c : this.setStyle;
|
|
19
30
|
}
|
|
20
31
|
DChartSelectionShapeBase.prototype.bind = function (container) {
|
|
21
32
|
if (this._isEnabled) {
|
|
22
|
-
var shape = this._shape
|
|
33
|
+
var shape = this._shape;
|
|
34
|
+
if (shape == null) {
|
|
35
|
+
var state = this._state;
|
|
36
|
+
var newShape = this._newShape;
|
|
37
|
+
if (newShape != null) {
|
|
38
|
+
shape = newShape(state);
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
shape = this.newShape(state, this._theme);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
23
44
|
this._shape = shape;
|
|
24
45
|
shape.attach(container.plotArea.axis.container);
|
|
25
46
|
shape.visible = false;
|
|
@@ -31,21 +52,18 @@ var DChartSelectionShapeBase = /** @class */ (function () {
|
|
|
31
52
|
shape.detach();
|
|
32
53
|
}
|
|
33
54
|
};
|
|
34
|
-
DChartSelectionShapeBase.prototype.newShape = function (theme) {
|
|
35
|
-
return theme.newShape(
|
|
55
|
+
DChartSelectionShapeBase.prototype.newShape = function (state, theme) {
|
|
56
|
+
return theme.newShape(state);
|
|
36
57
|
};
|
|
37
|
-
DChartSelectionShapeBase.prototype.set = function (container, mappedPosition, series) {
|
|
38
|
-
this.update(container, mappedPosition);
|
|
58
|
+
DChartSelectionShapeBase.prototype.set = function (container, position, mappedPosition, series) {
|
|
59
|
+
this.update(container, position, mappedPosition);
|
|
39
60
|
var shape = this._shape;
|
|
40
61
|
if (shape) {
|
|
41
62
|
this._style(shape, series);
|
|
42
63
|
}
|
|
43
64
|
};
|
|
44
65
|
DChartSelectionShapeBase.prototype.setStyle = function (shape, series) {
|
|
45
|
-
|
|
46
|
-
if (seriesShape) {
|
|
47
|
-
shape.stroke.color = seriesShape.stroke.color;
|
|
48
|
-
}
|
|
66
|
+
// DO NOTHING
|
|
49
67
|
};
|
|
50
68
|
DChartSelectionShapeBase.prototype.unset = function () {
|
|
51
69
|
var shape = this._shape;
|