@wcardinal/wcardinal-ui 0.153.0 → 0.154.0

package/dist/types/wcardinal/ui/d-chart-axis-base-options-parser.d.ts

@@ -1,6 +1,8 @@
 import { DChartAxisBaseOptions, DChartAxisBaseTickContainerOptions, DChartAxisBaseTickMajorGridlineOptions, DChartAxisBaseTickMajorOptions, DChartAxisBaseTickMajorTextOptions, DThemeChartAxisBase } from "./d-chart-axis-base-options";
 import { DChartAxisPosition } from "./d-chart-axis-position";
 import { DChartAxisTickPosition } from "./d-chart-axis-tick-position";
+import { DChartCoordinateTickMajorStepFunction } from "./d-chart-coordinate-tick-major-step-function";
+import { DChartCoordinateTickMinorStepFunction } from "./d-chart-coordinate-tick-minor-step-function";
 import { EShapePointsStyle } from "./shape/e-shape-points-style";
 import { EShapePointsStyleOption } from "./shape/e-shape-points-styles";
 import { EShapeStrokeLike } from "./shape/e-shape-stroke";
@@ -23,6 +25,7 @@ export interface DChartAxisBaseGridline {
 }
 export interface DChartAxisBaseTickMajor {
     count: number;
+    step: number | DChartCoordinateTickMajorStepFunction | undefined;
     size: number;
     position: EShapeBarPosition;
     style?: EShapePointsStyle;
@@ -34,6 +37,7 @@ export interface DChartAxisBaseTickMajor {
 }
 export interface DChartAxisBaseTickMinor {
     count: number;
+    step: number | DChartCoordinateTickMinorStepFunction | undefined;
     size: number;
     position: EShapeBarPosition;
     style?: EShapePointsStyle;

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

@@ -1,6 +1,8 @@
 import { DChartAxisOptions } from "./d-chart-axis";
 import { DChartAxisPosition } from "./d-chart-axis-position";
 import { DChartAxisTickPosition } from "./d-chart-axis-tick-position";
+import { DChartCoordinateTickMajorStepFunction } from "./d-chart-coordinate-tick-major-step-function";
+import { DChartCoordinateTickMinorStepFunction } from "./d-chart-coordinate-tick-minor-step-function";
 import { EShapePointsStyle } from "./shape/e-shape-points-style";
 import { EShapePointsStyleOption } from "./shape/e-shape-points-styles";
 import { EShapeStrokeLike } from "./shape/e-shape-stroke";
@@ -16,7 +18,7 @@ import { EShapeTextOutlineLike } from "./shape/e-shape-text-outline";
 import { DeepPartial } from "./util/deep-partial";
 import { NumberFormatterFunction } from "./util/number-formatter-function";
 export interface DChartAxisBaseTickMajorTextOptions {
-    /** A format. Please refer to {@link ui/util.NumberFormatter} for format details. */
+    /** A format. Please refer to {@link NumberFormatter} for format details. */
     format?: string;
     /** A formatter function. */
     formatter?: NumberFormatterFunction;
@@ -42,6 +44,7 @@ export interface DChartAxisBaseTickMajorGridlineOptions {
 export declare type DChartAxisTickPositionOption = DChartAxisTickPosition | keyof typeof DChartAxisTickPosition;
 export interface DChartAxisBaseTickMajorOptions {
     count?: number;
+    step?: number | DChartCoordinateTickMajorStepFunction;
     size?: number;
     position?: DChartAxisTickPositionOption;
     style?: EShapePointsStyleOption;
@@ -51,6 +54,7 @@ export interface DChartAxisBaseTickMajorOptions {
 }
 export interface DChartAxisBaseTickMinorOptions {
     count?: number;
+    step?: number | DChartCoordinateTickMinorStepFunction;
     size?: number;
     position?: DChartAxisTickPositionOption;
     style?: EShapePointsStyleOption;
@@ -92,6 +96,7 @@ export interface DThemeChartAxisBase {
     getStrokeStyle(): EShapeStrokeStyle | undefined;
     getTickEnable(): boolean;
     getMajorTickCount(): number;
+    getMajorTickStep(): number | DChartCoordinateTickMajorStepFunction | undefined;
     getMajorTickSize(): number;
     getMajorTickPosition(): DChartAxisTickPosition;
     getMajorTickStyle(): EShapePointsStyle | undefined;
@@ -119,6 +124,7 @@ export interface DThemeChartAxisBase {
     getMajorTickGridlineStrokeSide(): EShapeStrokeSide | undefined;
     getMajorTickGridlineStrokeStyle(): EShapeStrokeStyle | undefined;
     getMinorTickCount(): number;
+    getMinorTickStep(): number | DChartCoordinateTickMinorStepFunction | undefined;
     getMinorTickSize(): number;
     getMinorTickPosition(): DChartAxisTickPosition;
     getMinorTickStyle(): EShapePointsStyle | undefined;

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

@@ -1,7 +1,8 @@
 import { DBase } from "./d-base";
-import { DChartCoordinate, DChartCoordinateDirection } from "./d-chart-coordinate";
+import { DChartCoordinate } from "./d-chart-coordinate";
 import { DChartCoordinateContainer } from "./d-chart-coordinate-container";
 import { DChartCoordinateContainerSub } from "./d-chart-coordinate-container-sub";
+import { DChartCoordinateDirection } from "./d-chart-coordinate-direction";
 export declare class DChartCoordinateContainerSubImpl<CHART extends DBase = DBase> implements DChartCoordinateContainerSub<CHART> {
     protected _list: DChartCoordinate<CHART>[];
     protected _direction: DChartCoordinateDirection;

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

@@ -0,0 +1,5 @@
+export declare const DChartCoordinateDirection: {
+    readonly X: 0;
+    readonly Y: 1;
+};
+export declare type DChartCoordinateDirection = typeof DChartCoordinateDirection[keyof typeof DChartCoordinateDirection];

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

@@ -1,13 +1,18 @@
 import { DBase } from "./d-base";
 import { DChartCoordinate } from "./d-chart-coordinate";
-export interface DThemeChartCoordinateLinearTick {
-    toStepScale(scale: number): number;
-}
+import { DChartCoordinateTickOptions, DThemeChartCoordinateTick } from "./d-chart-coordinate-tick";
+import { DChartCoordinateTickMajorStepFunction } from "./d-chart-coordinate-tick-major-step-function";
+import { DChartCoordinateTickMinorStepFunction } from "./d-chart-coordinate-tick-minor-step-function";
 export declare class DChartCoordinateLinearTick<CHART extends DBase = DBase> {
-    protected _theme: DThemeChartCoordinateLinearTick;
-    constructor(theme: DThemeChartCoordinateLinearTick);
-    protected calcStepMajor(domainMin: number, domainMax: number, count: number): number;
-    protected calcStepMinor(step: number, minorCount: number): number;
+    protected _theme: DThemeChartCoordinateTick;
+    constructor(options?: DChartCoordinateTickOptions);
+    protected toMajorStep(domainMin: number, domainMax: number, majorCount: number, majorStep?: number | DChartCoordinateTickMajorStepFunction): number;
+    protected calcStepMajor(domainMin: number, domainMax: number, majorCount: number): number;
+    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, minorCountPerMajor: number, minorCount: number, majorResult: Float64Array, minorResult: Float64Array, coordinate: DChartCoordinate<CHART>): void;
+    calculate(domainFrom: number, domainTo: number, majorCount: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: Float64Array, minorResult: Float64Array, coordinate: DChartCoordinate<CHART>): void;
+    protected toTheme(options?: DChartCoordinateTickOptions): DThemeChartCoordinateTick;
+    protected getThemeDefault(): DThemeChartCoordinateTick;
+    protected getType(): string;
 }

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

@@ -1,27 +1,31 @@
 import { DBase } from "./d-base";
-import { DChartCoordinate, DChartCoordinateDirection } from "./d-chart-coordinate";
+import { DChartCoordinate, DChartCoordinateOptions, DThemeChartCoordinate } from "./d-chart-coordinate";
 import { DChartCoordinateContainerSub } from "./d-chart-coordinate-container-sub";
-import { DChartCoordinateLinearTick, DThemeChartCoordinateLinearTick } from "./d-chart-coordinate-linear-tick";
-import { DChartCoordinateTransform, DThemeChartCoordinateTransform } from "./d-chart-coordinate-transform";
+import { DChartCoordinateDirection } from "./d-chart-coordinate-direction";
+import { DChartCoordinateTick } from "./d-chart-coordinate-tick";
+import { DChartCoordinateTickMajorStepFunction } from "./d-chart-coordinate-tick-major-step-function";
+import { DChartCoordinateTickMinorStepFunction } from "./d-chart-coordinate-tick-minor-step-function";
+import { DChartCoordinateTransform } from "./d-chart-coordinate-transform";
 import { DChartCoordinateTransformMark, DChartCoordinateTransformMarkImpl } from "./d-chart-coordinate-transform-mark";
 import { DChartPlotArea } from "./d-chart-plot-area";
 import { DChartRegion } from "./d-chart-region";
 import { DChartRegionImpl } from "./d-chart-region-impl";
-export interface DThemeChartCoordinateLinear extends DThemeChartCoordinateTransform, DThemeChartCoordinateLinearTick {
-}
-export interface DChartCoordinateLinearOptions {
-    theme?: DThemeChartCoordinateLinear;
-}
 export declare class DChartCoordinateLinear<CHART extends DBase = DBase> implements DChartCoordinate<CHART> {
     protected _id: number;
     protected _transform: DChartCoordinateTransform<CHART>;
     protected _container?: DChartCoordinateContainerSub<CHART>;
     protected _direction: DChartCoordinateDirection;
-    protected _theme: DThemeChartCoordinateLinear;
+    protected _theme: DThemeChartCoordinate;
     protected _work: DChartRegionImpl;
-    protected _tick: DChartCoordinateLinearTick<CHART>;
+    protected _tick: DChartCoordinateTick<CHART>;
     protected _mark: DChartCoordinateTransformMarkImpl;
-    constructor(options?: DChartCoordinateLinearOptions);
+    protected _from?: number;
+    protected _to?: number;
+    constructor(options?: DChartCoordinateOptions);
+    get from(): number | undefined;
+    set from(from: number | undefined);
+    get to(): number | undefined;
+    set to(to: number | undefined);
     bind(container: DChartCoordinateContainerSub<CHART>, direction: DChartCoordinateDirection): void;
     unbind(): void;
     fit(from?: number, to?: number): void;
@@ -37,8 +41,8 @@ export declare class DChartCoordinateLinear<CHART extends DBase = DBase> impleme
     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, minorCountPerMajor: number, minorCount: number, majorResult: Float64Array, minorResult: Float64Array): void;
-    protected toTheme(options?: DChartCoordinateLinearOptions): DThemeChartCoordinateLinear;
-    protected getThemeDefault(): DThemeChartCoordinateLinear;
+    ticks(domainFrom: number, domainTo: number, majorCount: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: Float64Array, minorResult: Float64Array): void;
+    protected toTheme(options?: DChartCoordinateOptions): DThemeChartCoordinate;
+    protected getThemeDefault(): DThemeChartCoordinate;
     protected getType(): string;
 }

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

@@ -1,13 +1,20 @@
 import { DBase } from "./d-base";
 import { DChartCoordinate } from "./d-chart-coordinate";
-export interface DThemeChartCoordinateLogTick {
-    toStepScale(scale: number): number;
+import { DChartCoordinateTickOptions, DThemeChartCoordinateTick } from "./d-chart-coordinate-tick";
+import { DChartCoordinateTickMajorStepFunction } from "./d-chart-coordinate-tick-major-step-function";
+import { DChartCoordinateTickMinorStepFunction } from "./d-chart-coordinate-tick-minor-step-function";
+export interface DThemeChartCoordinateLogTick extends DThemeChartCoordinateTick {
 }
 export declare class DChartCoordinateLogTick<CHART extends DBase = DBase> {
-    protected _theme: DThemeChartCoordinateLogTick;
-    constructor(theme: DThemeChartCoordinateLogTick);
-    protected calcStepMajor(domainMin: number, domainMax: number, count: number): number;
-    protected calcStepMinor(step: number, minorCount: number): number;
+    protected _theme: DThemeChartCoordinateTick;
+    constructor(options?: DChartCoordinateTickOptions);
+    protected toMajorStep(domainMin: number, domainMax: number, majorCount: number, majorStep?: number | DChartCoordinateTickMajorStepFunction): number;
+    protected calcStepMajor(domainMin: number, domainMax: number, majorCount: number): number;
+    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, minorCountPerMajor: number, minorCount: number, majorResult: Float64Array, minorResult: Float64Array, coordinate: DChartCoordinate<CHART>): void;
+    calculate(domainFrom: number, domainTo: number, majorCount: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: Float64Array, minorResult: Float64Array, coordinate: DChartCoordinate<CHART>): void;
+    protected toTheme(options?: DChartCoordinateTickOptions): DThemeChartCoordinateTick;
+    protected getThemeDefault(): DThemeChartCoordinateTick;
+    protected getType(): string;
 }

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

@@ -1,27 +1,31 @@
 import { DBase } from "./d-base";
-import { DChartCoordinate, DChartCoordinateDirection } from "./d-chart-coordinate";
+import { DChartCoordinate, DChartCoordinateOptions, DThemeChartCoordinate } from "./d-chart-coordinate";
 import { DChartCoordinateContainerSub } from "./d-chart-coordinate-container-sub";
-import { DChartCoordinateLogTick, DThemeChartCoordinateLogTick } from "./d-chart-coordinate-log-tick";
-import { DChartCoordinateTransform, DThemeChartCoordinateTransform } from "./d-chart-coordinate-transform";
+import { DChartCoordinateDirection } from "./d-chart-coordinate-direction";
+import { DChartCoordinateTick } from "./d-chart-coordinate-tick";
+import { DChartCoordinateTickMajorStepFunction } from "./d-chart-coordinate-tick-major-step-function";
+import { DChartCoordinateTickMinorStepFunction } from "./d-chart-coordinate-tick-minor-step-function";
+import { DChartCoordinateTransform } from "./d-chart-coordinate-transform";
 import { DChartCoordinateTransformMark, DChartCoordinateTransformMarkImpl } from "./d-chart-coordinate-transform-mark";
 import { DChartPlotArea } from "./d-chart-plot-area";
 import { DChartRegion } from "./d-chart-region";
 import { DChartRegionImpl } from "./d-chart-region-impl";
-export interface DThemeChartCoordinateLog extends DThemeChartCoordinateTransform, DThemeChartCoordinateLogTick {
-}
-export interface DChartCoordinateLogOptions {
-    theme?: DThemeChartCoordinateLog;
-}
 export declare class DChartCoordinateLog<CHART extends DBase = DBase> implements DChartCoordinate<CHART> {
     protected _id: number;
     protected _transform: DChartCoordinateTransform<CHART>;
     protected _container?: DChartCoordinateContainerSub<CHART>;
     protected _direction: DChartCoordinateDirection;
-    protected _theme: DThemeChartCoordinateLog;
+    protected _theme: DThemeChartCoordinate;
     protected _work: DChartRegionImpl;
-    protected _tick: DChartCoordinateLogTick<CHART>;
+    protected _tick: DChartCoordinateTick<CHART>;
     protected _mark: DChartCoordinateTransformMarkImpl;
-    constructor(options?: DChartCoordinateLogOptions);
+    protected _from?: number;
+    protected _to?: number;
+    constructor(options?: DChartCoordinateOptions);
+    get from(): number | undefined;
+    set from(from: number | undefined);
+    get to(): number | undefined;
+    set to(to: number | undefined);
     bind(container: DChartCoordinateContainerSub<CHART>, direction: DChartCoordinateDirection): void;
     unbind(): void;
     fit(from?: number, to?: number): void;
@@ -37,8 +41,8 @@ export declare class DChartCoordinateLog<CHART extends DBase = DBase> implements
     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, minorCountPerMajor: number, minorCount: number, majorResult: Float64Array, minorResult: Float64Array): void;
-    protected toTheme(options?: DChartCoordinateLogOptions): DThemeChartCoordinateLog;
-    protected getThemeDefault(): DThemeChartCoordinateLog;
+    ticks(domainFrom: number, domainTo: number, majorCount: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: Float64Array, minorResult: Float64Array): void;
+    protected toTheme(options?: DChartCoordinateOptions): DThemeChartCoordinate;
+    protected getThemeDefault(): DThemeChartCoordinate;
     protected getType(): string;
 }

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

@@ -0,0 +1 @@
+export declare type DChartCoordinateTickMajorStepFunction = (domainMin: number, domainMax: number, majorCount: number) => number;

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

@@ -0,0 +1 @@
+export declare type DChartCoordinateTickMinorStepFunction = (majorStep: number, minorCount: number) => number;

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

@@ -0,0 +1,13 @@
+import { DBase } from "./d-base";
+import { DChartCoordinate } from "./d-chart-coordinate";
+import { DChartCoordinateTickMajorStepFunction } from "./d-chart-coordinate-tick-major-step-function";
+import { DChartCoordinateTickMinorStepFunction } from "./d-chart-coordinate-tick-minor-step-function";
+export interface DThemeChartCoordinateTick {
+    toStepScale(scale: number): number;
+}
+export interface DChartCoordinateTickOptions {
+    theme?: DThemeChartCoordinateTick;
+}
+export interface DChartCoordinateTick<CHART extends DBase = DBase> {
+    calculate(domainFrom: number, domainTo: number, majorCount: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: Float64Array, minorResult: Float64Array, coordinate: DChartCoordinate<CHART>): void;
+}

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

@@ -1,16 +1,18 @@
 import { DBase } from "./d-base";
-import { DChartCoordinateDirection } from "./d-chart-coordinate";
+import { DChartCoordinateDirection } from "./d-chart-coordinate-direction";
 import { DChartCoordinateContainerSub } from "./d-chart-coordinate-container-sub";
-import { DChartCoordinateTransform, DThemeChartCoordinateTransform } from "./d-chart-coordinate-transform";
+import { DChartCoordinateTransform, DChartCoordinateTransformOptions, DThemeChartCoordinateTransform } from "./d-chart-coordinate-transform";
 import { DChartCoordinateTransformMark } from "./d-chart-coordinate-transform-mark";
 export declare class DChartCoordinateTransformImpl<CHART extends DBase = DBase> implements DChartCoordinateTransform<CHART> {
     protected _theme: DThemeChartCoordinateTransform;
     protected _id: number;
+    protected _isTranslationEnabled?: boolean;
     protected _translate: number;
+    protected _isScalingEnabled?: boolean;
     protected _scale: number;
     protected _itranslate: number;
     protected _iscale: number;
-    constructor(theme: DThemeChartCoordinateTransform);
+    constructor(options?: DChartCoordinateTransformOptions);
     get id(): number;
     get translate(): number;
     set translate(translate: number);
@@ -24,4 +26,7 @@ export declare class DChartCoordinateTransformImpl<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;
+    protected toTheme(options?: DChartCoordinateTransformOptions): DThemeChartCoordinateTransform;
+    protected getThemeDefault(): DThemeChartCoordinateTransform;
+    protected getType(): string;
 }

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

@@ -1,5 +1,5 @@
 import { DBase } from "./d-base";
-import { DChartCoordinateDirection } from "./d-chart-coordinate";
+import { DChartCoordinateDirection } from "./d-chart-coordinate-direction";
 import { DChartCoordinateContainerSub } from "./d-chart-coordinate-container-sub";
 import { DChartCoordinateTransformMark } from "./d-chart-coordinate-transform-mark";
 export interface DThemeChartCoordinateTransform {
@@ -10,6 +10,11 @@ export interface DThemeChartCoordinateTransform {
      */
     isZero(value: number): boolean;
 }
+export interface DChartCoordinateTransformOptions {
+    translation?: boolean;
+    scaling?: boolean;
+    theme?: DThemeChartCoordinateTransform;
+}
 export interface DChartCoordinateTransform<CHART extends DBase = DBase> {
     /**
      * Monotonic increasing ID for change detection.

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

@@ -1,17 +1,28 @@
 import { DBase } from "./d-base";
 import { DChartCoordinateContainerSub } from "./d-chart-coordinate-container-sub";
-import { DChartCoordinateTransform } from "./d-chart-coordinate-transform";
-export declare const DChartCoordinateDirection: {
-    readonly X: 0;
-    readonly Y: 1;
-};
-export declare type DChartCoordinateDirection = typeof DChartCoordinateDirection[keyof typeof DChartCoordinateDirection];
+import { DChartCoordinateDirection } from "./d-chart-coordinate-direction";
+import { DChartCoordinateTickOptions } from "./d-chart-coordinate-tick";
+import { DChartCoordinateTickMajorStepFunction } from "./d-chart-coordinate-tick-major-step-function";
+import { DChartCoordinateTickMinorStepFunction } from "./d-chart-coordinate-tick-minor-step-function";
+import { DChartCoordinateTransform, DChartCoordinateTransformOptions } from "./d-chart-coordinate-transform";
+export interface DThemeChartCoordinate {
+    isZero(value: number): boolean;
+}
+export interface DChartCoordinateOptions {
+    transform?: DChartCoordinateTransformOptions;
+    tick?: DChartCoordinateTickOptions;
+    from?: number;
+    to?: number;
+    theme?: DThemeChartCoordinate;
+}
 export interface DChartCoordinate<CHART extends DBase = DBase> {
     /**
      * Monotonic increasing ID for change detection.
      */
     readonly id: number;
     readonly transform: DChartCoordinateTransform<CHART>;
+    from: number | undefined;
+    to: number | undefined;
     bind(container: DChartCoordinateContainerSub<CHART>, direction: DChartCoordinateDirection): void;
     unbind(): void;
     /**
@@ -71,5 +82,5 @@ export interface DChartCoordinate<CHART extends DBase = DBase> {
      * @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, minorCountPerMajor: number, minorCount: number, majorResult: Float64Array, minorResult: Float64Array): void;
+    ticks(domainMin: number, domainMax: number, majorCount: number, majorStep: number | DChartCoordinateTickMajorStepFunction | undefined, minorCountPerMajor: number, minorCount: number, minorStep: number | DChartCoordinateTickMinorStepFunction | undefined, majorResult: Float64Array, minorResult: Float64Array): void;
 }

package/dist/types/wcardinal/ui/d-view-constraint.d.ts

@@ -0,0 +1,5 @@
+import { DViewTarget } from "./d-view-to-target";
+/**
+ * {@link DView} constraint.
+ */
+export declare type DViewConstraint = (target: DViewTarget, x: number, y: number, scaleX: number, scaleY: number) => void;

package/dist/types/wcardinal/ui/d-view-gesture-impl.d.ts

@@ -4,11 +4,13 @@ import { DThemeViewGesture, DViewGesture, DViewGestureOptions } from "./d-view-g
 import { DViewStopper } from "./d-view-stopper";
 import { DViewTarget, DViewToTarget } from "./d-view-to-target";
 import { UtilGesture } from "./util/util-gesture";
+import { DViewConstraint } from "./d-view-constraint";
 export declare class DViewGestureImpl implements DViewGesture {
     protected _parent: DBase;
     protected _stopper: DViewStopper;
+    protected _constraint: DViewConstraint;
     protected _gestureUtil?: UtilGesture<DBase>;
-    constructor(parent: DBase, toTarget: DViewToTarget, stopper: DViewStopper, theme: DThemeViewGesture, options: DViewGestureOptions | undefined);
+    constructor(parent: DBase, toTarget: DViewToTarget, stopper: DViewStopper, constraint: DViewConstraint, theme: DThemeViewGesture, options?: DViewGestureOptions);
     protected onGestureMove(target: DViewTarget | null, dx: number, dy: number, x: number, y: number, ds: number): void;
     stop(): void;
     onDown(e: interaction.InteractionEvent): void;

package/dist/types/wcardinal/ui/d-view-impl.d.ts

@@ -7,9 +7,12 @@ import { DViewGestureImpl } from "./d-view-gesture-impl";
 import { DViewTargetPoint, DViewToTarget } from "./d-view-to-target";
 import { DViewTransformImpl } from "./d-view-transform-impl";
 import { UtilWheelEventDeltas } from "./util/util-wheel-event";
+import { DViewConstraint } from "./d-view-constraint";
 export declare class DViewImpl implements DView {
+    protected static CONSTRAINT: DViewConstraint;
     protected _parent: DBase;
     protected _toTarget: DViewToTarget;
+    protected _constraint: DViewConstraint;
     protected _zoomPoint: Point;
     protected _zoomMin: number;
     protected _zoomMax: number;

package/dist/types/wcardinal/ui/d-view-transform-impl.d.ts

@@ -1,11 +1,13 @@
 import { DAnimation } from "./d-animation";
 import { DBase } from "./d-base";
+import { DViewConstraint } from "./d-view-constraint";
 import { DViewStopper } from "./d-view-stopper";
 import { DViewTarget, DViewToTarget } from "./d-view-to-target";
 import { DViewTransform } from "./d-view-transform";
 export declare class DViewTransformImpl implements DViewTransform {
     protected _parent: DBase;
     protected _toTarget: DViewToTarget;
+    protected _constraint: DViewConstraint;
     protected _newX: number;
     protected _newY: number;
     protected _newScaleX: number;
@@ -17,8 +19,8 @@ export declare class DViewTransformImpl implements DViewTransform {
     protected _animation: DAnimation;
     protected _stopper: DViewStopper;
     protected _duration: number;
-    constructor(parent: DBase, toTarget: DViewToTarget, stopper: DViewStopper, duration: number);
+    constructor(parent: DBase, toTarget: DViewToTarget, stopper: DViewStopper, constraint: DViewConstraint, duration: number);
     protected onTime(time: number): void;
-    start(target: DViewTarget, x: number, Y: number, scaleX: number, scaleY: number, duration?: number, stop?: boolean): void;
+    start(target: DViewTarget, x: number, y: number, scaleX: number, scaleY: number, duration?: number, stop?: boolean): void;
     stop(): void;
 }

package/dist/types/wcardinal/ui/d-view.d.ts

@@ -3,6 +3,7 @@ import { DBase } from "./d-base";
 import { UtilGestureModifier } from "./util/util-gesture-modifier";
 import { DThemeViewGesture, DViewGesture, DViewGestureOptions } from "./d-view-gesture";
 import { DViewTargetPoint } from "./d-view-to-target";
+import { DViewConstraint } from "./d-view-constraint";
 export declare type DViewChecker = (e: WheelEvent | MouseEvent | TouchEvent, modifier: UtilGestureModifier, target: DBase) => boolean;
 /**
  * {@link DView} wheel zoom options.
@@ -86,6 +87,8 @@ export interface DViewOptions {
     zoom?: DViewZoomOptions;
     /** Translation options */
     translation?: DViewTranslationOptions;
+    /** Constraint options */
+    constraint?: DViewConstraint;
     /** Theme */
     theme?: DThemeView | string;
 }

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

@@ -94,10 +94,14 @@ export * from "./d-chart-coordinate-container-impl";
 export * from "./d-chart-coordinate-container-sub-impl";
 export * from "./d-chart-coordinate-container-sub";
 export * from "./d-chart-coordinate-container";
+export * from "./d-chart-coordinate-direction";
 export * from "./d-chart-coordinate-linear-tick";
 export * from "./d-chart-coordinate-linear";
 export * from "./d-chart-coordinate-log-tick";
 export * from "./d-chart-coordinate-log";
+export * from "./d-chart-coordinate-tick-major-step-function";
+export * from "./d-chart-coordinate-tick-minor-step-function";
+export * from "./d-chart-coordinate-tick";
 export * from "./d-chart-coordinate-transform-impl";
 export * from "./d-chart-coordinate-transform-mark";
 export * from "./d-chart-coordinate-transform";
@@ -506,6 +510,7 @@ export * from "./d-tree-node-accessor";
 export * from "./d-tree-node-iteratee";
 export * from "./d-tree-node";
 export * from "./d-tree";
+export * from "./d-view-constraint";
 export * from "./d-view-gesture-impl";
 export * from "./d-view-gesture";
 export * from "./d-view-impl";

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-axis-base.d.ts

@@ -1,6 +1,8 @@
 import { DThemeChartAxisBase } from "../../d-chart-axis-base-options";
 import { DChartAxisPosition } from "../../d-chart-axis-position";
 import { DChartAxisTickPosition } from "../../d-chart-axis-tick-position";
+import { DChartCoordinateTickMajorStepFunction } from "../../d-chart-coordinate-tick-major-step-function";
+import { DChartCoordinateTickMinorStepFunction } from "../../d-chart-coordinate-tick-minor-step-function";
 import { EShapePointsStyle } from "../../shape/e-shape-points-style";
 import { EShapeStrokeSide } from "../../shape/e-shape-stroke-side";
 import { EShapeStrokeStyle } from "../../shape/e-shape-stroke-style";
@@ -26,6 +28,7 @@ export declare class DThemeDarkChartAxisBase implements DThemeChartAxisBase {
     getStrokeStyle(): EShapeStrokeStyle | undefined;
     getTickEnable(): boolean;
     getMajorTickCount(): number;
+    getMajorTickStep(): number | DChartCoordinateTickMajorStepFunction | undefined;
     getMajorTickSize(): number;
     getMajorTickPosition(): DChartAxisTickPosition;
     getMajorTickStyle(): EShapePointsStyle | undefined;
@@ -53,6 +56,7 @@ export declare class DThemeDarkChartAxisBase implements DThemeChartAxisBase {
     getMajorTickGridlineStrokeSide(): EShapeStrokeSide | undefined;
     getMajorTickGridlineStrokeStyle(): EShapeStrokeStyle | undefined;
     getMinorTickCount(): number;
+    getMinorTickStep(): number | DChartCoordinateTickMinorStepFunction | undefined;
     getMinorTickSize(): number;
     getMinorTickPosition(): DChartAxisTickPosition;
     getMinorTickStyle(): EShapePointsStyle | undefined;

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

@@ -0,0 +1,4 @@
+import { DThemeChartCoordinateTick } from "../../d-chart-coordinate-tick";
+export declare class DThemeDarkChartCoordinateTick implements DThemeChartCoordinateTick {
+    toStepScale(scale: number): number;
+}

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

@@ -0,0 +1,4 @@
+import { DThemeChartCoordinateTransform } from "../../d-chart-coordinate-transform";
+export declare class DThemeDarkChartCoordinateTransform implements DThemeChartCoordinateTransform {
+    isZero(value: number): boolean;
+}

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

@@ -0,0 +1,4 @@
+import { DThemeChartCoordinate } from "../../d-chart-coordinate";
+export declare class DThemeDarkChartCoordinate implements DThemeChartCoordinate {
+    isZero(value: number): boolean;
+}

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-chart-plot-area.d.ts

@@ -12,5 +12,6 @@ export declare class DThemeDarkChartPlotArea extends DThemeDarkBase implements D
     getPaddingBottom(): number;
     getPaddingLeft(): number;
     getBorderColor(state: DBaseStateSet): number | null;
+    getCornerMask(): number;
     isOverflowMaskEnabled(): boolean;
 }

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

@@ -27,8 +27,9 @@ export * from "./d-theme-dark-chart-axis-base";
 export * from "./d-theme-dark-chart-axis-x";
 export * from "./d-theme-dark-chart-axis-x-datetime";
 export * from "./d-theme-dark-chart-axis-y";
-export * from "./d-theme-dark-chart-coordinate-linear";
-export * from "./d-theme-dark-chart-coordinate-log";
+export * from "./d-theme-dark-chart-coordinate-tick";
+export * from "./d-theme-dark-chart-coordinate-transform";
+export * from "./d-theme-dark-chart-coordinate";
 export * from "./d-theme-dark-chart-legend";
 export * from "./d-theme-dark-chart-legend-item";
 export * from "./d-theme-dark-chart-overview";

package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-axis-base.d.ts

@@ -1,6 +1,8 @@
 import { DThemeChartAxisBase } from "../../d-chart-axis-base-options";
 import { DChartAxisPosition } from "../../d-chart-axis-position";
 import { DChartAxisTickPosition } from "../../d-chart-axis-tick-position";
+import { DChartCoordinateTickMajorStepFunction } from "../../d-chart-coordinate-tick-major-step-function";
+import { DChartCoordinateTickMinorStepFunction } from "../../d-chart-coordinate-tick-minor-step-function";
 import { EShapePointsStyle } from "../../shape/e-shape-points-style";
 import { EShapeStrokeSide } from "../../shape/e-shape-stroke-side";
 import { EShapeStrokeStyle } from "../../shape/e-shape-stroke-style";
@@ -26,6 +28,7 @@ export declare class DThemeWhiteChartAxisBase implements DThemeChartAxisBase {
     getStrokeStyle(): EShapeStrokeStyle | undefined;
     getTickEnable(): boolean;
     getMajorTickCount(): number;
+    getMajorTickStep(): number | DChartCoordinateTickMajorStepFunction | undefined;
     getMajorTickSize(): number;
     getMajorTickPosition(): DChartAxisTickPosition;
     getMajorTickStyle(): EShapePointsStyle | undefined;
@@ -53,6 +56,7 @@ export declare class DThemeWhiteChartAxisBase implements DThemeChartAxisBase {
     getMajorTickGridlineStrokeSide(): EShapeStrokeSide | undefined;
     getMajorTickGridlineStrokeStyle(): EShapeStrokeStyle | undefined;
     getMinorTickCount(): number;
+    getMinorTickStep(): number | DChartCoordinateTickMinorStepFunction | undefined;
     getMinorTickSize(): number;
     getMinorTickPosition(): DChartAxisTickPosition;
     getMinorTickStyle(): EShapePointsStyle | undefined;

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

@@ -0,0 +1,4 @@
+import { DThemeChartCoordinateTick } from "../../d-chart-coordinate-tick";
+export declare class DThemeWhiteChartCoordinateTick implements DThemeChartCoordinateTick {
+    toStepScale(scale: number): number;
+}

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

@@ -0,0 +1,4 @@
+import { DThemeChartCoordinateTransform } from "../../d-chart-coordinate-transform";
+export declare class DThemeWhiteChartCoordinateTransform implements DThemeChartCoordinateTransform {
+    isZero(value: number): boolean;
+}

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

@@ -0,0 +1,4 @@
+import { DThemeChartCoordinate } from "../../d-chart-coordinate";
+export declare class DThemeWhiteChartCoordinate implements DThemeChartCoordinate {
+    isZero(value: number): boolean;
+}

package/dist/types/wcardinal/ui/theme/white/d-theme-white-chart-plot-area.d.ts

@@ -12,5 +12,6 @@ export declare class DThemeWhiteChartPlotArea extends DThemeWhiteBase implements
     getPaddingBottom(): number;
     getPaddingLeft(): number;
     getBorderColor(state: DBaseStateSet): number | null;
+    getCornerMask(): number;
     isOverflowMaskEnabled(): boolean;
 }

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

@@ -26,8 +26,9 @@ export * from "./d-theme-white-chart-axis-base";
 export * from "./d-theme-white-chart-axis-x-datetime";
 export * from "./d-theme-white-chart-axis-x";
 export * from "./d-theme-white-chart-axis-y";
-export * from "./d-theme-white-chart-coordinate-linear";
-export * from "./d-theme-white-chart-coordinate-log";
+export * from "./d-theme-white-chart-coordinate-tick";
+export * from "./d-theme-white-chart-coordinate-transform";
+export * from "./d-theme-white-chart-coordinate";
 export * from "./d-theme-white-chart-legend-item";
 export * from "./d-theme-white-chart-legend";
 export * from "./d-theme-white-chart-overview";