@wcardinal/wcardinal-ui 0.296.0 → 0.298.0

package/dist/types/wcardinal/ui/d-chart-axis-base-tick-container.d.ts

@@ -31,15 +31,17 @@ export declare class DChartAxisBaseTickContainer<CHART extends DBase = DBase, OP
     unbind(): void;
     update(): boolean;
     protected getDomain(plotArea: DChartPlotArea<CHART>, coordinate: DChartCoordinate<CHART>, result: DChartRegion): DChartRegion;
+    protected getDomainVisible(plotArea: DChartPlotArea<CHART>, coordinate: DChartCoordinate<CHART>, result: DChartRegion): DChartRegion;
     protected getRange(plotArea: DChartPlotArea<CHART>, coordinate: DChartCoordinate<CHART>, result: DChartRegion): DChartRegion;
-    protected updateX(domainMin: number, domainMax: number, coordinate: DChartCoordinate<CHART>, majorShapes: EShape[], minorShapes: EShape[], gridlineShapes: EShape[], shapePositionY: number, transform: Matrix, plotAreaHeight: number): boolean;
-    protected updateY(rangeMin: number, rangeMax: number, coordinate: DChartCoordinate<CHART>, majorShapes: EShape[], minorShapes: EShape[], gridlineShapes: EShape[], shapePositionX: number, transform: Matrix, plotAreaWidth: number): boolean;
+    protected getRangeVisible(plotArea: DChartPlotArea<CHART>, coordinate: DChartCoordinate<CHART>, result: DChartRegion): DChartRegion;
+    protected updateX(domainFrom: number, domainTo: number, domainVisibleFrom: number, domainVisibleTo: number, coordinate: DChartCoordinate<CHART>, majorShapes: EShape[], minorShapes: EShape[], gridlineShapes: EShape[], shapePositionY: number, transform: Matrix, plotAreaHeight: number): boolean;
+    protected updateY(rangeFrom: number, rangeTo: number, rangeVisibleFrom: number, rangeVisibleTo: number, coordinate: DChartCoordinate<CHART>, majorShapes: EShape[], minorShapes: EShape[], gridlineShapes: EShape[], shapePositionX: number, transform: Matrix, plotAreaWidth: number): boolean;
     protected showMajor(shape: EShape, x: number, y: number, text?: string): void;
     protected showMajorGridline(shape: EShape, value: number, x: number, y: number, sx: number, sy: number): void;
     protected hideMajor(shape: EShape): void;
     protected hideMajorGridline(shape: EShape): void;
     protected showMinor(shape: EShape, x: number, y: number, text?: string): void;
     protected hideMinor(shape: EShape): void;
-    protected newTicks(coordinate: DChartCoordinate<CHART>, domainMin: number, domainMax: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[]): void;
+    protected newTicks(coordinate: DChartCoordinate<CHART>, domainFrom: number, domainTo: number, domainVisibleFrom: number, domainVisibleTo: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[]): void;
     destroy(): void;
 }

package/dist/types/wcardinal/ui/d-chart-coordinate-base.d.ts

@@ -47,7 +47,7 @@ export declare abstract class DChartCoordinateBase<CHART extends DBase = DBase>
     mapAll(values: number[], ifrom: number, iend: number, stride: number, offset: number): void;
     unmap(value: number): number;
     unmapAll(values: number[], ifrom: number, iend: number, stride: number, offset: number): void;
-    ticks(domainFrom: number, domainTo: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[]): void;
+    ticks(domainFrom: number, domainTo: number, domainVisibleFrom: number, domainVisibleTo: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[]): void;
     protected toTheme(options?: DChartCoordinateOptions): DThemeChartCoordinate;
     protected getThemeDefault(): DThemeChartCoordinate;
     protected getType(): string;

package/dist/types/wcardinal/ui/d-chart-coordinate-linear-tick.d.ts

@@ -10,7 +10,7 @@ export declare class DChartCoordinateLinearTick<CHART extends DBase = DBase> imp
     protected toMinorStep(majorStep: number, minorCount: number, minorStep?: number | DChartCoordinateTickMinorStepFunction): number;
     protected calcStepMinor(majorStep: number, minorCount: number): number;
     protected calcTickMinorPositions(step: number, count: number, majorPosition: number, rangeMin: number, rangeMax: number, iresult: number, result: Float64Array): void;
-    calculate(domainFrom: number, domainTo: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[], coordinate: DChartCoordinate<CHART>): void;
+    calculate(domainFrom: number, domainTo: number, domainVisibleFrom: number, domainVisibleTo: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[], coordinate: DChartCoordinate<CHART>): void;
     protected toTheme(options?: DChartCoordinateTickOptions): DThemeChartCoordinateTick;
     protected getThemeDefault(): DThemeChartCoordinateTick;
     protected getType(): string;

package/dist/types/wcardinal/ui/d-chart-coordinate-log-tick.d.ts

@@ -12,7 +12,7 @@ export declare class DChartCoordinateLogTick<CHART extends DBase = DBase> implem
     protected toMinorStep(majorStep: number, minorCount: number, minorStep?: number | DChartCoordinateTickMinorStepFunction): number;
     protected calcStepMinor(majorStep: number, minorCount: number): number;
     protected calcTickMinorPositions(step: number, count: number, majorPosition: number, rangeMin: number, rangeMax: number, iresult: number, result: Float64Array): void;
-    calculate(domainFrom: number, domainTo: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[], coordinate: DChartCoordinate<CHART>): void;
+    calculate(domainFrom: number, domainTo: number, domainVisibleFrom: number, domainVisibleTo: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[], coordinate: DChartCoordinate<CHART>): void;
     protected toTheme(options?: DChartCoordinateTickOptions): DThemeChartCoordinateTick;
     protected getThemeDefault(): DThemeChartCoordinateTick;
     protected getType(): string;

package/dist/types/wcardinal/ui/d-chart-coordinate-tick.d.ts

@@ -9,5 +9,5 @@ export interface DChartCoordinateTickOptions {
     theme?: DThemeChartCoordinateTick;
 }
 export interface DChartCoordinateTick<CHART extends DBase = DBase> {
-    calculate(domainFrom: number, domainTo: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[], coordinate: DChartCoordinate<CHART>): void;
+    calculate(domainFrom: number, domainTo: number, domainVisibleFrom: number, domainVisibleTo: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[], coordinate: DChartCoordinate<CHART>): void;
 }

package/dist/types/wcardinal/ui/d-chart-coordinate.d.ts

@@ -74,13 +74,15 @@ export interface DChartCoordinate<CHART extends DBase = DBase> {
     /**
      * Returns major / minor tick positions.
      *
-     * @param domainMin minimum domain
-     * @param domainMax maximum domain
+     * @param domainMin domain lower bound
+     * @param domainMax domain upper bound
+     * @param domainVisibleMin visible domain lower bound
+     * @param domainVisibleMax visible domain upper bound
      * @param majorCount Expected major tick count
      * @param minorCountPerMajor Expected minor tick count per major ticks
      * @param minorCount Expected total minor tick count
      * @param majorResult `majorResult.length` must be larger than `majorCount * 3`.
      * @param minorResult `minorResult.length` must be larger than `minorCount * 3`.
      */
-    ticks(domainMin: number, domainMax: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[]): void;
+    ticks(domainMin: number, domainMax: number, domainVisibleMin: number, domainVisibleMax: number, majorCount: number, majorCapacity: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: number[], minorResult: number[]): void;
 }

package/dist/types/wcardinal/ui/d-chart-selection-container-impl.d.ts

@@ -0,0 +1,18 @@
+import { IPoint } from "pixi.js";
+import { DBase } from "./d-base";
+import { DChartSelectionContainer } from "./d-chart-selection-container";
+import { DChartSelectionShape } from "./d-chart-selection-shape";
+import { DChartSeries } from "./d-chart-series";
+import { DChartSeriesContainer } from "./d-chart-series-container";
+export declare class DChartSelectionContainerImpl<CHART extends DBase = DBase> implements DChartSelectionContainer<CHART> {
+    protected _x: DChartSelectionShape<CHART>;
+    protected _y: DChartSelectionShape<CHART>;
+    constructor(x: DChartSelectionShape<CHART>, y: DChartSelectionShape<CHART>);
+    get x(): DChartSelectionShape<CHART>;
+    get y(): DChartSelectionShape<CHART>;
+    bind(container: DChartSeriesContainer<CHART>): void;
+    unbind(): void;
+    set(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
+    unset(): void;
+    update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
+}

package/dist/types/wcardinal/ui/{d-chart-selection-gridline-container.d.ts → d-chart-selection-container.d.ts}

@@ -3,16 +3,16 @@ import { DBase } from "./d-base";
 import { DChartSelectionShape, DChartSelectionShapeOptions } from "./d-chart-selection-shape";
 import { DChartSeries } from "./d-chart-series";
 import { DChartSeriesContainer } from "./d-chart-series-container";
-export interface DChartSelectionGridlineContainerOptions<CHART extends DBase = DBase> {
+export interface DChartSelectionContainerOptions<CHART extends DBase = DBase> {
     x?: DChartSelectionShapeOptions<CHART>;
     y?: DChartSelectionShapeOptions<CHART>;
 }
-export interface DChartSelectionGridlineContainer<CHART extends DBase = DBase> {
+export interface DChartSelectionContainer<CHART extends DBase = DBase> {
     readonly x: DChartSelectionShape<CHART>;
     readonly y: DChartSelectionShape<CHART>;
     bind(container: DChartSeriesContainer<CHART>): void;
     unbind(): void;
-    set(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
+    set(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
     unset(): void;
-    update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
+    update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
 }

package/dist/types/wcardinal/ui/d-chart-selection-gridline-x.d.ts

@@ -3,7 +3,7 @@ import { DBase } from "./d-base";
 import { DChartSelectionShapeBase } from "./d-chart-selection-shape-base";
 import { DChartSeriesContainer } from "./d-chart-series-container";
 export declare class DChartSelectionGridlineX<CHART extends DBase = DBase> extends DChartSelectionShapeBase<CHART> {
-    update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
-    protected isVisible(container: DChartSeriesContainer<CHART>, mappedX: number): boolean;
+    update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
+    protected isVisible(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-chart-selection-gridline-y.d.ts

@@ -3,7 +3,7 @@ import { DBase } from "./d-base";
 import { DChartSelectionShapeBase } from "./d-chart-selection-shape-base";
 import { DChartSeriesContainer } from "./d-chart-series-container";
 export declare class DChartSelectionGridlineY<CHART extends DBase = DBase> extends DChartSelectionShapeBase<CHART> {
-    update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
-    protected isVisible(container: DChartSeriesContainer<CHART>, mappedY: number): boolean;
+    update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
+    protected isVisible(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-chart-selection-marker.d.ts

@@ -3,7 +3,7 @@ import { DBase } from "./d-base";
 import { DChartSelectionShapeBase } from "./d-chart-selection-shape-base";
 import { DChartSeriesContainer } from "./d-chart-series-container";
 export declare class DChartSelectionMarker<CHART extends DBase = DBase> extends DChartSelectionShapeBase<CHART> {
-    update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
-    protected isVisible(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
+    update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
+    protected isVisible(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-chart-selection-shape-base.d.ts

@@ -7,19 +7,21 @@ import { DChartSeries } from "./d-chart-series";
 import { DChartSeriesContainer } from "./d-chart-series-container";
 import { EShape } from "./shape/e-shape";
 export declare abstract class DChartSelectionShapeBase<CHART extends DBase = DBase> implements DChartSelectionShape<CHART> {
+    protected _options?: DChartSelectionShapeOptions<CHART>;
     protected _isEnabled: boolean;
     protected _shape?: EShape;
+    protected _newShape?: (state: DBaseStateSet) => EShape;
     protected _style: DChartSelectionStyle<CHART>;
     protected _state: DBaseStateSet;
     protected _theme: DThemeChartSelectionShape;
     constructor(options?: DChartSelectionShapeOptions<CHART>);
     bind(container: DChartSeriesContainer<CHART>): void;
     unbind(): void;
-    protected newShape(theme: DThemeChartSelectionShape): EShape;
-    set(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
+    protected newShape(state: DBaseStateSet, theme: DThemeChartSelectionShape): EShape;
+    set(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
     protected setStyle(this: unknown, shape: EShape, series: DChartSeries<CHART>): void;
     unset(): void;
-    abstract update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
+    abstract update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
     protected toTheme(options?: DChartSelectionShapeOptions<CHART>): DThemeChartSelectionShape;
     protected getTheme(type: string): DThemeChartSelectionShape;
     protected abstract getType(): string;

package/dist/types/wcardinal/ui/d-chart-selection-shape.d.ts

@@ -5,9 +5,10 @@ import { DChartSelectionStyle } from "./d-chart-selection";
 import { DChartSeries } from "./d-chart-series";
 import { DChartSeriesContainer } from "./d-chart-series-container";
 import { EShape } from "./shape/e-shape";
+export declare type DChartSelectionShapeNewShape = (state: DBaseStateSet) => EShape;
 export interface DChartSelectionShapeOptions<CHART extends DBase = DBase> {
     enable?: boolean;
-    shape?: EShape;
+    shape?: EShape | DChartSelectionShapeNewShape;
     style?: DChartSelectionStyle<CHART>;
     state?: string;
     theme?: string | DThemeChartSelectionShape;
@@ -19,7 +20,7 @@ export interface DThemeChartSelectionShape {
 export interface DChartSelectionShape<CHART extends DBase = DBase> {
     bind(container: DChartSeriesContainer<CHART>): void;
     unbind(): void;
-    set(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
+    set(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint, series: DChartSeries<CHART>): void;
     unset(): void;
-    update(container: DChartSeriesContainer<CHART>, mappedPosition: IPoint): boolean;
+    update(container: DChartSeriesContainer<CHART>, position: IPoint, mappedPosition: IPoint): boolean;
 }

package/dist/types/wcardinal/ui/d-chart-selection-simple.d.ts

@@ -20,6 +20,8 @@ export declare class DChartSelectionSimple<CHART extends DBase = DBase> extends
     constructor(options?: DChartSelectionSimpleOptions<CHART>);
     protected newSelected(point: DChartSelectionPoint, options?: DChartSelectionSubOptions<CHART>): DChartSelectionSub<CHART>;
     protected newHovered(point: DChartSelectionPoint, options?: DChartSelectionSubOptions<CHART>): DChartSelectionSub<CHART>;
+    protected toSelectedOptions(point: DChartSelectionPoint, options?: DChartSelectionSubOptions<CHART>): DChartSelectionSubOptions<CHART>;
+    protected toHoveredOptions(point: DChartSelectionPoint, options?: DChartSelectionSubOptions<CHART>): DChartSelectionSubOptions<CHART>;
     protected toSubOptions(point: DChartSelectionPoint, options: DChartSelectionSubOptions<CHART> | undefined, state: string): DChartSelectionSubOptions<CHART>;
     protected onClick(e: interaction.InteractionEvent): void;
     protected onMove(e: interaction.InteractionEvent): void;

package/dist/types/wcardinal/ui/d-chart-selection-sub-impl.d.ts

@@ -2,12 +2,11 @@ import { Point, utils } from "pixi.js";
 import { DBase } from "./d-base";
 import { DChartCoordinate } from "./d-chart-coordinate";
 import { DChartSelectionPoint } from "./d-chart-selection";
-import { DChartSelectionGridlineContainer } from "./d-chart-selection-gridline-container";
+import { DChartSelectionContainer } from "./d-chart-selection-container";
 import { DChartSelectionMarker } from "./d-chart-selection-marker";
 import { DChartSelectionSub, DChartSelectionSubOptions } from "./d-chart-selection-sub";
 import { DChartSeries, DChartSeriesHitResult } from "./d-chart-series";
 import { DChartSeriesContainer } from "./d-chart-series-container";
-import { EShape } from "./shape/e-shape";
 export declare class DChartSelectionSubImpl<CHART extends DBase = DBase> extends utils.EventEmitter implements DChartSelectionSub<CHART> {
     protected _container: DChartSeriesContainer<CHART> | null;
     protected _isEnabled: boolean;
@@ -17,7 +16,7 @@ export declare class DChartSelectionSubImpl<CHART extends DBase = DBase> extends
     protected _position: Point;
     protected _point: DChartSelectionPoint;
     protected _work: Point;
-    protected _gridline: DChartSelectionGridlineContainer<CHART>;
+    protected _gridline: DChartSelectionContainer<CHART>;
     protected _marker: DChartSelectionMarker<CHART>;
     protected _state: string;
     constructor(options: DChartSelectionSubOptions<CHART>);
@@ -25,10 +24,9 @@ export declare class DChartSelectionSubImpl<CHART extends DBase = DBase> extends
     unbind(): void;
     get series(): DChartSeries<CHART> | null;
     get position(): Point;
-    get gridline(): DChartSelectionGridlineContainer<CHART>;
+    get gridline(): DChartSelectionContainer<CHART>;
     get marker(): DChartSelectionMarker<CHART>;
     set(series: DChartSeries<CHART>, result: DChartSeriesHitResult | DChartSelectionSub<CHART>): void;
-    protected setStyle(this: unknown, shape: EShape, series: DChartSeries<CHART>): void;
     unset(): void;
     update(): boolean;
 }

package/dist/types/wcardinal/ui/d-chart-selection-sub.d.ts

@@ -1,14 +1,15 @@
 import { Point, utils } from "pixi.js";
 import { DBase, DBaseOnOptions } from "./d-base";
 import { DChartSelectionPoint } from "./d-chart-selection";
-import { DChartSelectionGridlineContainerOptions } from "./d-chart-selection-gridline-container";
+import { DChartSelectionContainerOptions } from "./d-chart-selection-container";
 import { DChartSelectionShapeOptions } from "./d-chart-selection-shape";
 import { DChartSeries, DChartSeriesHitResult } from "./d-chart-series";
 import { DChartSeriesContainer } from "./d-chart-series-container";
 export interface DChartSelectionSubOptions<CHART extends DBase = DBase, EMITTER = any> {
     enable?: boolean;
-    gridline?: DChartSelectionGridlineContainerOptions<CHART>;
+    gridline?: DChartSelectionContainerOptions<CHART>;
     marker?: DChartSelectionShapeOptions<CHART>;
+    label?: DChartSelectionContainerOptions<CHART>;
     state?: string;
     on?: DBaseOnOptions<EMITTER>;
     point?: DChartSelectionPoint;

package/dist/types/wcardinal/ui/index.d.ts

@@ -126,8 +126,8 @@ export * from "./d-chart-plot-area-impl";
 export * from "./d-chart-region-impl-observable";
 export * from "./d-chart-region-impl";
 export * from "./d-chart-region";
-export * from "./d-chart-selection-gridline-container-impl";
-export * from "./d-chart-selection-gridline-container";
+export * from "./d-chart-selection-container-impl";
+export * from "./d-chart-selection-container";
 export * from "./d-chart-selection-gridline-x";
 export * from "./d-chart-selection-gridline-y";
 export * from "./d-chart-selection-marker";

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline-x.d.ts

@@ -1,3 +1,7 @@
-import { DThemeDarkChartSelectionGridline } from "./d-theme-dark-chart-selection-gridline";
-export declare class DThemeDarkChartSelectionGridlineX extends DThemeDarkChartSelectionGridline {
+import { DBaseStateSet } from "../../d-base-state-set";
+import { EShape } from "../../shape/e-shape";
+import { DThemeDarkChartSelectionShape } from "./d-theme-dark-chart-selection-shape";
+export declare class DThemeDarkChartSelectionGridlineX extends DThemeDarkChartSelectionShape {
+    isEnabled(state: DBaseStateSet): boolean;
+    newShape(state: DBaseStateSet): EShape;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-gridline-y.d.ts

@@ -1,6 +1,7 @@
 import { DBaseStateSet } from "../../d-base-state-set";
 import { EShape } from "../../shape/e-shape";
-import { DThemeDarkChartSelectionGridline } from "./d-theme-dark-chart-selection-gridline";
-export declare class DThemeDarkChartSelectionGridlineY extends DThemeDarkChartSelectionGridline {
+import { DThemeDarkChartSelectionShape } from "./d-theme-dark-chart-selection-shape";
+export declare class DThemeDarkChartSelectionGridlineY extends DThemeDarkChartSelectionShape {
+    isEnabled(state: DBaseStateSet): boolean;
     newShape(state: DBaseStateSet): EShape;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-marker.d.ts

@@ -1,7 +1,7 @@
 import { DBaseStateSet } from "../../d-base-state-set";
-import { DThemeChartSelectionShape } from "../../d-chart-selection-shape";
 import { EShape } from "../../shape/e-shape";
-export declare class DThemeDarkChartSelectionMarker implements DThemeChartSelectionShape {
+import { DThemeDarkChartSelectionShape } from "./d-theme-dark-chart-selection-shape";
+export declare class DThemeDarkChartSelectionMarker extends DThemeDarkChartSelectionShape {
     isEnabled(state: DBaseStateSet): boolean;
     newShape(state: DBaseStateSet): EShape;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-selection-shape.d.ts

@@ -0,0 +1,7 @@
+import { DBaseStateSet } from "../../d-base-state-set";
+import { DThemeChartSelectionShape } from "../../d-chart-selection-shape";
+import { EShape } from "../../shape/e-shape";
+export declare abstract class DThemeDarkChartSelectionShape implements DThemeChartSelectionShape {
+    abstract isEnabled(state: DBaseStateSet): boolean;
+    abstract newShape(state: DBaseStateSet): EShape;
+}

package/dist/types/wcardinal/ui/theme/dark/index.d.ts

@@ -34,6 +34,10 @@ export * from "./d-theme-dark-chart-legend";
 export * from "./d-theme-dark-chart-legend-item";
 export * from "./d-theme-dark-chart-overview";
 export * from "./d-theme-dark-chart-plot-area";
+export * from "./d-theme-dark-chart-selection-gridline-x";
+export * from "./d-theme-dark-chart-selection-gridline-y";
+export * from "./d-theme-dark-chart-selection-marker";
+export * from "./d-theme-dark-chart-selection-shape";
 export * from "./d-theme-dark-content";
 export * from "./d-theme-dark-diagram";
 export * from "./d-theme-dark-diagram-base";

package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline-x.d.ts

@@ -1,3 +1,7 @@
-import { DThemeWhiteChartSelectionGridline } from "./d-theme-white-chart-selection-gridline";
-export declare class DThemeWhiteChartSelectionGridlineX extends DThemeWhiteChartSelectionGridline {
+import { DBaseStateSet } from "../../d-base-state-set";
+import { EShape } from "../../shape/e-shape";
+import { DThemeWhiteChartSelectionShape } from "./d-theme-white-chart-selection-shape";
+export declare class DThemeWhiteChartSelectionGridlineX extends DThemeWhiteChartSelectionShape {
+    isEnabled(state: DBaseStateSet): boolean;
+    newShape(state: DBaseStateSet): EShape;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-selection-gridline-y.d.ts

@@ -1,6 +1,7 @@
 import { DBaseStateSet } from "../../d-base-state-set";
 import { EShape } from "../../shape/e-shape";
-import { DThemeWhiteChartSelectionGridline } from "./d-theme-white-chart-selection-gridline";
-export declare class DThemeWhiteChartSelectionGridlineY extends DThemeWhiteChartSelectionGridline {
+import { DThemeWhiteChartSelectionShape } from "./d-theme-white-chart-selection-shape";
+export declare class DThemeWhiteChartSelectionGridlineY extends DThemeWhiteChartSelectionShape {
+    isEnabled(state: DBaseStateSet): boolean;
     newShape(state: DBaseStateSet): EShape;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-selection-marker.d.ts

@@ -1,7 +1,7 @@
 import { DBaseStateSet } from "../../d-base-state-set";
-import { DThemeChartSelectionShape } from "../../d-chart-selection-shape";
 import { EShape } from "../../shape/e-shape";
-export declare class DThemeWhiteChartSelectionMarker implements DThemeChartSelectionShape {
+import { DThemeWhiteChartSelectionShape } from "./d-theme-white-chart-selection-shape";
+export declare class DThemeWhiteChartSelectionMarker extends DThemeWhiteChartSelectionShape {
     isEnabled(state: DBaseStateSet): boolean;
     newShape(state: DBaseStateSet): EShape;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-selection-shape.d.ts

@@ -0,0 +1,7 @@
+import { DBaseStateSet } from "../../d-base-state-set";
+import { DThemeChartSelectionShape } from "../../d-chart-selection-shape";
+import { EShape } from "../../shape/e-shape";
+export declare abstract class DThemeWhiteChartSelectionShape implements DThemeChartSelectionShape {
+    abstract isEnabled(state: DBaseStateSet): boolean;
+    abstract newShape(state: DBaseStateSet): EShape;
+}

package/dist/types/wcardinal/ui/theme/white/index.d.ts

@@ -33,6 +33,10 @@ export * from "./d-theme-white-chart-legend-item";
 export * from "./d-theme-white-chart-legend";
 export * from "./d-theme-white-chart-overview";
 export * from "./d-theme-white-chart-plot-area";
+export * from "./d-theme-white-chart-selection-gridline-x";
+export * from "./d-theme-white-chart-selection-gridline-y";
+export * from "./d-theme-white-chart-selection-marker";
+export * from "./d-theme-white-chart-selection-shape";
 export * from "./d-theme-white-chart";
 export * from "./d-theme-white-content";
 export * from "./d-theme-white-diagram-base";

package/dist/wcardinal/ui/d-chart-axis-base-tick-container.js

@@ -54,38 +54,59 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
             var gridlineShapes = this._major.gridline.shapes;
             var parser = this._parser;
             var offset = parser.padding * this._index;
+            var work = this._work;
             var coordinate = void 0;
             switch (parser.position) {
                 case DChartAxisPosition.TOP:
                     coordinate = plotArea.coordinate.x.get(parser.coordinate);
                     if (coordinate) {
-                        var domain = this.getDomain(plotArea, coordinate, this._work);
+                        var domain = this.getDomain(plotArea, coordinate, work);
+                        var domainFrom = domain.from;
+                        var domainTo = domain.to;
+                        var domainVisible = this.getDomainVisible(plotArea, coordinate, work);
+                        var domainVisibleFrom = domainVisible.from;
+                        var domainVisibleTo = domainVisible.to;
                         var plotAreaHeight = plotArea.height;
-                        return this.updateX(domain.from, domain.to, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - offset, transform, plotAreaHeight);
+                        return this.updateX(domainFrom, domainTo, domainVisibleFrom, domainVisibleTo, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - offset, transform, plotAreaHeight);
                     }
                     break;
                 case DChartAxisPosition.BOTTOM:
                     coordinate = plotArea.coordinate.x.get(parser.coordinate);
                     if (coordinate) {
-                        var domain = this.getDomain(plotArea, coordinate, this._work);
+                        var domain = this.getDomain(plotArea, coordinate, work);
+                        var domainFrom = domain.from;
+                        var domainTo = domain.to;
+                        var domainVisible = this.getDomainVisible(plotArea, coordinate, work);
+                        var domainVisibleFrom = domainVisible.from;
+                        var domainVisibleTo = domainVisible.to;
                         var plotAreaHeight = plotArea.height;
-                        return this.updateX(domain.from, domain.to, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaHeight + offset, transform, plotAreaHeight);
+                        return this.updateX(domainFrom, domainTo, domainVisibleFrom, domainVisibleTo, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaHeight + offset, transform, plotAreaHeight);
                     }
                     break;
                 case DChartAxisPosition.LEFT:
                     coordinate = plotArea.coordinate.y.get(parser.coordinate);
                     if (coordinate) {
-                        var range = this.getRange(plotArea, coordinate, this._work);
+                        var range = this.getRange(plotArea, coordinate, work);
+                        var rangeFrom = range.from;
+                        var rangeTo = range.to;
+                        var rangeVisible = this.getRangeVisible(plotArea, coordinate, work);
+                        var rangeVisibleFrom = rangeVisible.from;
+                        var rangeVisibleTo = rangeVisible.to;
                         var plotAreaWidth = plotArea.width;
-                        return this.updateY(range.from, range.to, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - offset, transform, plotAreaWidth);
+                        return this.updateY(rangeFrom, rangeTo, rangeVisibleFrom, rangeVisibleTo, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - offset, transform, plotAreaWidth);
                     }
                     break;
                 case DChartAxisPosition.RIGHT:
                     coordinate = plotArea.coordinate.y.get(parser.coordinate);
                     if (coordinate) {
-                        var range = this.getRange(plotArea, coordinate, this._work);
+                        var range = this.getRange(plotArea, coordinate, work);
+                        var rangeFrom = range.from;
+                        var rangeTo = range.to;
+                        var rangeVisible = this.getRangeVisible(plotArea, coordinate, work);
+                        var rangeVisibleFrom = rangeVisible.from;
+                        var rangeVisibleTo = rangeVisible.to;
                         var plotAreaWidth = plotArea.width;
-                        return this.updateY(range.from, range.to, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaWidth + offset, transform, plotAreaWidth);
+                        return this.updateY(rangeFrom, rangeTo, rangeVisibleFrom, rangeVisibleTo, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaWidth + offset, transform, plotAreaWidth);
                     }
                     break;
             }
@@ -97,12 +118,18 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
         var transform = coordinate.transform;
         return result.set(coordinate.unmap(transform.unmap(bounds.x)), coordinate.unmap(transform.unmap(bounds.x + bounds.width)));
     };
+    DChartAxisBaseTickContainer.prototype.getDomainVisible = function (plotArea, coordinate, result) {
+        return result;
+    };
     DChartAxisBaseTickContainer.prototype.getRange = function (plotArea, coordinate, result) {
         var bounds = plotArea.getBoundsInContainer();
         var transform = coordinate.transform;
         return result.set(coordinate.unmap(transform.unmap(bounds.y)), coordinate.unmap(transform.unmap(bounds.y + bounds.height)));
     };
-    DChartAxisBaseTickContainer.prototype.updateX = function (domainMin, domainMax, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionY, transform, plotAreaHeight) {
+    DChartAxisBaseTickContainer.prototype.getRangeVisible = function (plotArea, coordinate, result) {
+        return result;
+    };
+    DChartAxisBaseTickContainer.prototype.updateX = function (domainFrom, domainTo, domainVisibleFrom, domainVisibleTo, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionY, transform, plotAreaHeight) {
         var tick = this._parser.tick;
         var majorTick = tick.major;
         var majorCount = majorTick.count;
@@ -116,7 +143,7 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
         var minorFormatter = minorTick.formatter;
         var majorTicks = this._majorTicks;
         var minorTicks = this._minorTicks;
-        this.newTicks(coordinate, domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
+        this.newTicks(coordinate, domainFrom, domainTo, domainVisibleFrom, domainVisibleTo, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
         var a = transform.a;
         var tx = transform.tx;
         for (var i = 0; i < majorCapacity; ++i) {
@@ -155,7 +182,7 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
         }
         return true;
     };
-    DChartAxisBaseTickContainer.prototype.updateY = function (rangeMin, rangeMax, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionX, transform, plotAreaWidth) {
+    DChartAxisBaseTickContainer.prototype.updateY = function (rangeFrom, rangeTo, rangeVisibleFrom, rangeVisibleTo, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionX, transform, plotAreaWidth) {
         var tick = this._parser.tick;
         var majorTick = tick.major;
         var majorCount = majorTick.count;
@@ -169,7 +196,7 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
         var minorFormatter = minorTick.formatter;
         var majorTicks = this._majorTicks;
         var minorTicks = this._minorTicks;
-        this.newTicks(coordinate, rangeMin, rangeMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
+        this.newTicks(coordinate, rangeFrom, rangeTo, rangeVisibleFrom, rangeVisibleTo, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
         var d = transform.d;
         var ty = transform.ty;
         for (var i = 0; i < majorCapacity; ++i) {
@@ -238,8 +265,8 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
     DChartAxisBaseTickContainer.prototype.hideMinor = function (shape) {
         shape.visible = false;
     };
-    DChartAxisBaseTickContainer.prototype.newTicks = function (coordinate, domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult) {
-        coordinate.ticks(domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult);
+    DChartAxisBaseTickContainer.prototype.newTicks = function (coordinate, domainFrom, domainTo, domainVisibleFrom, domainVisibleTo, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult) {
+        coordinate.ticks(domainFrom, domainTo, domainVisibleFrom, domainVisibleTo, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult);
     };
     DChartAxisBaseTickContainer.prototype.destroy = function () {
         this._major.destroy();