@wcardinal/wcardinal-ui 0.154.0 → 0.155.0

package/dist/types/wcardinal/ui/d-application-layer-options.d.ts

@@ -2,7 +2,7 @@ import { DPadding, DPaddingLike } from "./d-padding";
 /**
  * PixiJS options
  */
-interface PixiApplicationOptions {
+export interface PixiApplicationOptions {
     width: number;
     height: number;
     autoStart: boolean;
@@ -11,10 +11,10 @@ interface PixiApplicationOptions {
     resolution: number;
     antialias: boolean;
 }
-interface DApplicationLayerBackgroundOptions {
+export interface DApplicationLayerBackgroundOptions {
     color?: number | null;
 }
-interface DApplicationLayerOptionsOptions {
+export interface DApplicationLayerOptionsOptions {
     root: HTMLElement;
     padding?: number | DPaddingLike;
     width?: number;
@@ -111,4 +111,3 @@ export declare class DApplicationLayerOptions {
     isOverlay(): boolean;
     getPixiApplicationOptions(): PixiApplicationOptions;
 }
-export {};

package/dist/types/wcardinal/ui/d-base-background.d.ts

@@ -2,13 +2,12 @@ import { DBackgroundStateAware } from "./d-background";
 import { DBaseOptions, DThemeBase } from "./d-base";
 import { DBaseStateSet } from "./d-base-state-set";
 import { DStateAwareOrValueMightBe } from "./d-state-aware";
-declare type Callback = () => void;
 export declare class DBaseBackground implements DBackgroundStateAware {
     protected _theme: DThemeBase;
     protected _color?: DStateAwareOrValueMightBe<number | null>;
     protected _alpha?: DStateAwareOrValueMightBe<number>;
-    protected _callback: Callback | undefined;
-    constructor(theme: DThemeBase, options?: DBaseOptions<any>, callback?: Callback);
+    protected _callback?: () => void;
+    constructor(theme: DThemeBase, options?: DBaseOptions<any>, callback?: () => void);
     getTheme(): DThemeBase;
     setTheme(theme: DThemeBase): void;
     getColor(state: DBaseStateSet): number | null;
@@ -19,4 +18,3 @@ export declare class DBaseBackground implements DBackgroundStateAware {
     set alpha(alpha: DStateAwareOrValueMightBe<number>);
     protected onChange(): void;
 }
-export {};

package/dist/types/wcardinal/ui/d-base-border.d.ts

@@ -3,7 +3,6 @@ import { DBaseStateSet } from "./d-base-state-set";
 import { DBorderStateAware } from "./d-border";
 import { DBorderMask } from "./d-border-mask";
 import { DStateAwareOrValueMightBe } from "./d-state-aware";
-declare type Callback = () => void;
 export declare class DBaseBorder implements DBorderStateAware {
     protected _theme: DThemeBase;
     protected _color?: DStateAwareOrValueMightBe<number | null>;
@@ -11,8 +10,8 @@ export declare class DBaseBorder implements DBorderStateAware {
     protected _width?: DStateAwareOrValueMightBe<number>;
     protected _align?: DStateAwareOrValueMightBe<number>;
     protected _mask?: DStateAwareOrValueMightBe<DBorderMask>;
-    protected _callback: Callback | undefined;
-    constructor(theme: DThemeBase, options?: DBaseOptions<any>, callback?: Callback);
+    protected _callback?: () => void;
+    constructor(theme: DThemeBase, options?: DBaseOptions<any>, callback?: () => void);
     getTheme(): DThemeBase;
     setTheme(theme: DThemeBase): void;
     getColor(state: DBaseStateSet): number | null;
@@ -32,4 +31,3 @@ export declare class DBaseBorder implements DBorderStateAware {
     set mask(mask: DStateAwareOrValueMightBe<DBorderMask>);
     protected onChange(): void;
 }
-export {};

package/dist/types/wcardinal/ui/d-base-corner.d.ts

@@ -1,12 +1,11 @@
 import { DBaseOptions, DThemeBase } from "./d-base";
 import { DCorner } from "./d-corner";
 import { DCornerMask } from "./d-corner-mask";
-declare type Callback = () => void;
 export declare class DBaseCorner implements DCorner {
     protected _theme: DThemeBase;
     protected _radius?: number;
     protected _mask?: DCornerMask;
-    protected _callback: Callback | undefined;
+    protected _callback?: () => void;
     constructor(theme: DThemeBase, options?: DBaseOptions<any>, callback?: () => void);
     getTheme(): DThemeBase;
     setTheme(theme: DThemeBase): void;
@@ -18,4 +17,3 @@ export declare class DBaseCorner implements DCorner {
     set mask(mask: DCornerMask | undefined);
     set(radius?: number, mask?: DCornerMask): void;
 }
-export {};

package/dist/types/wcardinal/ui/d-base-outline.d.ts

@@ -3,7 +3,6 @@ import { DBaseStateSet } from "./d-base-state-set";
 import { DBorderMask } from "./d-border-mask";
 import { DOutline } from "./d-outline";
 import { DStateAwareOrValueMightBe } from "./d-state-aware";
-declare type Callback = () => void;
 export declare class DBaseOutline implements DOutline {
     protected _theme: DThemeBase;
     protected _color?: DStateAwareOrValueMightBe<number | null>;
@@ -12,8 +11,8 @@ export declare class DBaseOutline implements DOutline {
     protected _offset?: DStateAwareOrValueMightBe<number>;
     protected _align?: DStateAwareOrValueMightBe<number>;
     protected _mask?: DStateAwareOrValueMightBe<DBorderMask>;
-    protected _callback: Callback | undefined;
-    constructor(theme: DThemeBase, options?: DBaseOptions<any>, callback?: Callback);
+    protected _callback?: () => void;
+    constructor(theme: DThemeBase, options?: DBaseOptions<any>, callback?: () => void);
     getTheme(): DThemeBase;
     setTheme(theme: DThemeBase): void;
     getColor(state: DBaseStateSet): number | null;
@@ -35,4 +34,3 @@ export declare class DBaseOutline implements DOutline {
     get mask(): DStateAwareOrValueMightBe<DBorderMask>;
     set mask(mask: DStateAwareOrValueMightBe<DBorderMask>);
 }
-export {};

package/dist/types/wcardinal/ui/d-base-padding.d.ts

@@ -1,17 +1,16 @@
 import { DBaseOptions, DThemeBase } from "./d-base";
 import { DPadding } from "./d-padding";
-declare type Callback = () => void;
 export declare class DBasePadding implements DPadding {
     protected _theme: DThemeBase;
     protected _left?: number;
     protected _top?: number;
     protected _right?: number;
     protected _bottom?: number;
-    protected _callback: Callback | undefined;
+    protected _callback?: () => void;
     constructor(theme: DThemeBase, options?: DBaseOptions<any>, callback?: () => void);
     getTheme(): DThemeBase;
     setTheme(theme: DThemeBase): void;
-    getCallback(): Callback | undefined;
+    getCallback(): (() => void) | undefined;
     getLeft(): number;
     get left(): number | undefined;
     set left(left: number | undefined);
@@ -29,4 +28,3 @@ export declare class DBasePadding implements DPadding {
     set(top: number, leftAndRight: number, bottom: number): void;
     set(top: number, right: number, bottom: number, left: number): void;
 }
-export {};

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

@@ -2,7 +2,7 @@ import { DBase } from "./d-base";
 import { DChartCoordinate } from "./d-chart-coordinate";
 import { DChartSeriesContainer } from "./d-chart-series-container";
 import { DChartSeriesCoordinateContainer, DChartSeriesCoordinateOptions } from "./d-chart-series-coordinate";
-interface DChartSeriesBaseCoordinateContainerParent<CHART extends DBase = DBase> {
+export interface DChartSeriesBaseCoordinateContainerParent<CHART extends DBase = DBase> {
     container: DChartSeriesContainer<CHART> | null;
 }
 export declare class DChartSeriesBaseCoordinateContainer<CHART extends DBase = DBase> implements DChartSeriesCoordinateContainer<CHART> {
@@ -21,4 +21,3 @@ export declare class DChartSeriesBaseCoordinateContainer<CHART extends DBase = D
     reset(): void;
     destroy(): void;
 }
-export {};

package/dist/types/wcardinal/ui/d-color-gradient-point-observable.d.ts

@@ -1,12 +1,11 @@
 import { DColorGradientPoint } from "./d-color-gradient";
-declare type Callback = (target: DColorGradientPointObservable) => void;
 export declare class DColorGradientPointObservable implements DColorGradientPoint {
     protected _color: number;
     protected _alpha: number;
     protected _position: number;
-    protected _callback: Callback;
+    protected _callback: (target: DColorGradientPointObservable) => void;
     protected _selected: boolean;
-    constructor(color: number, alpha: number, position: number, selected: boolean, callback: Callback);
+    constructor(color: number, alpha: number, position: number, selected: boolean, callback: (target: DColorGradientPointObservable) => void);
     set(color: number, alpha: number, position: number, selected: boolean): void;
     get color(): number;
     set color(color: number);
@@ -18,4 +17,3 @@ export declare class DColorGradientPointObservable implements DColorGradientPoin
     set selected(selected: boolean);
     toObject(): DColorGradientPoint;
 }
-export {};

package/dist/types/wcardinal/ui/d-diagram-canvas-data-map.d.ts

@@ -1,4 +1,2 @@
 import { EShapeDataValue } from "./shape/e-shape-data-value";
-export interface DDiagramCanvasDataMap {
-    [id: string]: EShapeDataValue[] | undefined;
-}
+export declare type DDiagramCanvasDataMap = Record<string, EShapeDataValue[] | undefined>;

package/dist/types/wcardinal/ui/d-diagram-canvas-id-map.d.ts

@@ -1,4 +1,2 @@
 import { EShape } from "./shape/e-shape";
-export interface DDiagramCanvasIdMap {
-    [id: string]: EShape[] | undefined;
-}
+export declare type DDiagramCanvasIdMap = Record<string, EShape[] | undefined>;

package/dist/types/wcardinal/ui/d-dynamic-text-geometry.d.ts

@@ -2,7 +2,7 @@ import { MeshGeometry } from "pixi.js";
 import { DDynamicTextStyleWordWrap } from "./d-dynamic-text-style-word-wrap";
 import { DynamicFontAtlas } from "./util/dynamic-font-atlas";
 import { DynamicFontAtlasCharacter } from "./util/dynamic-font-atlas-character";
-interface Clipping {
+export interface DDynamicTextGeometryClipping {
     enable: boolean;
     wordWrap: DDynamicTextStyleWordWrap;
     width: number;
@@ -14,8 +14,7 @@ export declare class DDynamicTextGeometry extends MeshGeometry {
     height: number;
     clipped: boolean;
     constructor();
-    update(text: string, atlas: DynamicFontAtlas | null, clipping: Clipping): void;
+    update(text: string, atlas: DynamicFontAtlas | null, clipping: DDynamicTextGeometryClipping): void;
     protected writeCharacter(vertices: Float32Array, uvs: Float32Array, indices: Uint16Array, index: number, x: number, y: number, character: DynamicFontAtlasCharacter, width: number, height: number): void;
     protected writeCharacterEmpty(vertices: Float32Array, uvs: Float32Array, indices: Uint16Array, index: number): void;
 }
-export {};

package/dist/types/wcardinal/ui/d-dynamic-text-measure.d.ts

@@ -2,7 +2,7 @@ import { DDynamicTextMeasureResult } from "./d-dynamic-text-measure-result";
 import { DynamicFontAtlas } from "./util/dynamic-font-atlas";
 import { UtilCharacterIterator } from "./util/util-character-iterator";
 import { DDynamicTextStyleWordWrap } from "./d-dynamic-text-style-word-wrap";
-interface Clipping {
+export interface DDynamicTextMeasureClipping {
     enable: boolean;
     wordWrap: DDynamicTextStyleWordWrap;
     width: number;
@@ -11,7 +11,7 @@ interface Clipping {
 }
 export declare class DDynamicTextMeasure {
     protected static RESULT: DDynamicTextMeasureResult | null;
-    static measure(text: string, atlas: DynamicFontAtlas | null, clipping: Clipping): DDynamicTextMeasureResult;
+    static measure(text: string, atlas: DynamicFontAtlas | null, clipping: DDynamicTextMeasureClipping): DDynamicTextMeasureResult;
     private static measure1a;
     private static measure1b;
     private static measure1;
@@ -26,4 +26,3 @@ export declare class DDynamicTextMeasure {
     private static isWrappable1;
     private static newLineBreaker;
 }
-export {};

package/dist/types/wcardinal/ui/d-dynamic-text.d.ts

@@ -3,16 +3,17 @@ import { DDynamicTextGeometry } from "./d-dynamic-text-geometry";
 import { DDynamicTextStyle, DDynamicTextStyleOptions } from "./d-dynamic-text-style";
 import { DDynamicTextStyleWordWrap } from "./d-dynamic-text-style-word-wrap";
 import { DynamicFontAtlas } from "./util/dynamic-font-atlas";
-interface Clipping {
+export interface DDynamicTextClippingDelta {
+    width: number;
+    height: number;
+}
+export interface DDynamicTextClipping {
     enable: boolean;
     wordWrap: DDynamicTextStyleWordWrap;
     width: number;
     height: number;
     lineHeight: number;
-    delta: {
-        width: number;
-        height: number;
-    };
+    delta: DDynamicTextClippingDelta;
 }
 export declare class DDynamicText extends Mesh {
     protected _style: DDynamicTextStyle;
@@ -24,7 +25,7 @@ export declare class DDynamicText extends Mesh {
     protected _atlasRevisionUpdated: number;
     protected _width: number;
     protected _height: number;
-    protected _clipping: Clipping;
+    protected _clipping: DDynamicTextClipping;
     readonly geometry: DDynamicTextGeometry;
     constructor(text: string, options?: DDynamicTextStyleOptions);
     protected update_(): void;
@@ -37,9 +38,8 @@ export declare class DDynamicText extends Mesh {
     get clipped(): boolean;
     get style(): DDynamicTextStyle;
     update(): void;
-    protected updateClipping(style: DDynamicTextStyle, clipping: Clipping): boolean;
+    protected updateClipping(style: DDynamicTextStyle, clipping: DDynamicTextClipping): boolean;
     setClippingDelta(width: number, height: number): void;
     _calculateBounds(): void;
     _render(renderer?: Renderer): void;
 }
-export {};

package/dist/types/wcardinal/ui/d-input-and-label.d.ts

@@ -3,20 +3,20 @@ import { DInputLabel, DInputLabelOptions } from "./d-input-label";
 import { DLayoutOptions } from "./d-layout";
 import { DLayoutHorizontal, DThemeLayoutHorizontal } from "./d-layout-horizontal";
 import { DLayoutSpaceOptions } from "./d-layout-space";
-interface InputOptions {
+export interface DInputAndLabelInputOptions {
     weight?: number;
 }
-interface Input extends DisplayObject {
+export interface DInputAndLabelInput extends DisplayObject {
     readonly height: number;
 }
-export interface DInputAndLabelOptions<INPUT_OPTIONS extends InputOptions = InputOptions, THEME extends DThemeInputAndLabel = DThemeInputAndLabel> extends DLayoutOptions<THEME> {
+export interface DInputAndLabelOptions<INPUT_OPTIONS extends DInputAndLabelInputOptions = DInputAndLabelInputOptions, THEME extends DThemeInputAndLabel = DThemeInputAndLabel> extends DLayoutOptions<THEME> {
     input?: INPUT_OPTIONS;
     label?: DInputLabelOptions;
     space?: DLayoutSpaceOptions;
 }
 export interface DThemeInputAndLabel extends DThemeLayoutHorizontal {
 }
-export declare abstract class DInputAndLabel<INPUT extends Input, INPUT_OPTIONS extends InputOptions, THEME extends DThemeInputAndLabel = DThemeInputAndLabel, OPTIONS extends DInputAndLabelOptions<INPUT_OPTIONS, THEME> = DInputAndLabelOptions<INPUT_OPTIONS, THEME>> extends DLayoutHorizontal<THEME, OPTIONS> {
+export declare abstract class DInputAndLabel<INPUT extends DInputAndLabelInput, INPUT_OPTIONS extends DInputAndLabelInputOptions, THEME extends DThemeInputAndLabel = DThemeInputAndLabel, OPTIONS extends DInputAndLabelOptions<INPUT_OPTIONS, THEME> = DInputAndLabelOptions<INPUT_OPTIONS, THEME>> extends DLayoutHorizontal<THEME, OPTIONS> {
     protected _input: INPUT;
     protected _label: DInputLabel;
     constructor(options?: OPTIONS);
@@ -27,4 +27,3 @@ export declare abstract class DInputAndLabel<INPUT extends Input, INPUT_OPTIONS
     }): INPUT;
     protected getType(): string;
 }
-export {};

package/dist/types/wcardinal/ui/d-on-options.d.ts

@@ -1,4 +1,2 @@
 export declare type DOnFunction = (...args: any[]) => any;
-export interface DOnOptions {
-    [key: string]: DOnFunction | undefined;
-}
+export declare type DOnOptions = Record<string, DOnFunction | undefined>;

package/dist/types/wcardinal/ui/d-pagination-button-last.d.ts

@@ -0,0 +1,8 @@
+import { DButtonAmbient, DButtonAmbientOptions, DThemeButtonAmbient } from "./d-button-ambient";
+export interface DPaginationButtonLastOptions<THEME extends DThemePaginationButtonLast = DThemePaginationButtonLast> extends DButtonAmbientOptions<string, THEME> {
+}
+export interface DThemePaginationButtonLast extends DThemeButtonAmbient<string> {
+}
+export declare class DPaginationButtonLast<THEME extends DThemePaginationButtonLast = DThemePaginationButtonLast, OPTIONS extends DPaginationButtonLastOptions<THEME> = DPaginationButtonLastOptions<THEME>> extends DButtonAmbient<string, THEME, OPTIONS> {
+    protected getType(): string;
+}

package/dist/types/wcardinal/ui/d-pagination-button-next.d.ts

@@ -0,0 +1,8 @@
+import { DButtonAmbient, DButtonAmbientOptions, DThemeButtonAmbient } from "./d-button-ambient";
+export interface DPaginationButtonNextOptions<THEME extends DThemePaginationButtonNext = DThemePaginationButtonNext> extends DButtonAmbientOptions<string, THEME> {
+}
+export interface DThemePaginationButtonNext extends DThemeButtonAmbient<string> {
+}
+export declare class DPaginationButtonNext<THEME extends DThemePaginationButtonNext = DThemePaginationButtonNext, OPTIONS extends DPaginationButtonNextOptions<THEME> = DPaginationButtonNextOptions<THEME>> extends DButtonAmbient<string, THEME, OPTIONS> {
+    protected getType(): string;
+}

package/dist/types/wcardinal/ui/d-pagination-button-page.d.ts

@@ -0,0 +1,8 @@
+import { DButtonAmbient, DButtonAmbientOptions, DThemeButtonAmbient } from "./d-button-ambient";
+export interface DPaginationButtonPageOptions<THEME extends DThemePaginationButtonPage = DThemePaginationButtonPage> extends DButtonAmbientOptions<number, THEME> {
+}
+export interface DThemePaginationButtonPage extends DThemeButtonAmbient<number> {
+}
+export declare class DPaginationButtonPage<THEME extends DThemePaginationButtonPage = DThemePaginationButtonPage, OPTIONS extends DPaginationButtonPageOptions<THEME> = DPaginationButtonPageOptions<THEME>> extends DButtonAmbient<number, THEME, OPTIONS> {
+    protected getType(): string;
+}

package/dist/types/wcardinal/ui/d-pagination-button-previous.d.ts

@@ -0,0 +1,8 @@
+import { DButtonAmbient, DButtonAmbientOptions, DThemeButtonAmbient } from "./d-button-ambient";
+export interface DPaginationButtonPreviousOptions<THEME extends DThemePaginationButtonPrevious = DThemePaginationButtonPrevious> extends DButtonAmbientOptions<string, THEME> {
+}
+export interface DThemePaginationButtonPrevious extends DThemeButtonAmbient<string> {
+}
+export declare class DPaginationButtonPrevious<THEME extends DThemePaginationButtonPrevious = DThemePaginationButtonPrevious, OPTIONS extends DPaginationButtonPreviousOptions<THEME> = DPaginationButtonPreviousOptions<THEME>> extends DButtonAmbient<string, THEME, OPTIONS> {
+    protected getType(): string;
+}

package/dist/types/wcardinal/ui/d-pagination-button-top.d.ts

@@ -0,0 +1,8 @@
+import { DButtonAmbient, DButtonAmbientOptions, DThemeButtonAmbient } from "./d-button-ambient";
+export interface DPaginationButtonTopOptions<THEME extends DThemePaginationButtonTop = DThemePaginationButtonTop> extends DButtonAmbientOptions<string, THEME> {
+}
+export interface DThemePaginationButtonTop extends DThemeButtonAmbient<string> {
+}
+export declare class DPaginationButtonTop<THEME extends DThemePaginationButtonTop = DThemePaginationButtonTop, OPTIONS extends DPaginationButtonTopOptions<THEME> = DPaginationButtonTopOptions<THEME>> extends DButtonAmbient<string, THEME, OPTIONS> {
+    protected getType(): string;
+}

package/dist/types/wcardinal/ui/d-pagination-dots.d.ts

@@ -0,0 +1,8 @@
+import { DImageBase, DImageBaseOptions, DThemeImageBase } from "./d-image-base";
+export interface DPaginationDotsOptions<THEME extends DThemePaginationDots = DThemePaginationDots> extends DImageBaseOptions<string, THEME> {
+}
+export interface DThemePaginationDots extends DThemeImageBase<string> {
+}
+export declare class DPaginationDots<THEME extends DThemePaginationDots = DThemePaginationDots, OPTIONS extends DPaginationDotsOptions<THEME> = DPaginationDotsOptions<THEME>> extends DImageBase<string, THEME, OPTIONS> {
+    protected getType(): string;
+}

package/dist/types/wcardinal/ui/d-pagination-page.d.ts

@@ -0,0 +1,8 @@
+import { DImageBase, DImageBaseOptions, DThemeImageBase } from "./d-image-base";
+export interface DPaginationPageOptions<THEME extends DThemePaginationPage = DThemePaginationPage> extends DImageBaseOptions<number, THEME> {
+}
+export interface DThemePaginationPage extends DThemeImageBase<number> {
+}
+export declare class DPaginationPage<THEME extends DThemePaginationPage = DThemePaginationPage, OPTIONS extends DPaginationPageOptions<THEME> = DPaginationPageOptions<THEME>> extends DImageBase<number, THEME, OPTIONS> {
+    protected getType(): string;
+}

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

@@ -1,69 +1,162 @@
 import { DButton } from "./d-button";
 import { DLayoutHorizontal, DLayoutHorizontalOptions, DThemeLayoutHorizontal } from "./d-layout-horizontal";
-import { DPaginationDynamicButtons } from "./d-pagination-dynamic-buttons";
-import { DPaginationNavigationButton } from "./d-pagination-navigation-button";
+import { DPaginationDots } from "./d-pagination-dots";
+import { DPaginationButtonLastOptions } from "./d-pagination-button-last";
+import { DPaginationButtonNextOptions } from "./d-pagination-button-next";
+import { DPaginationButtonPageOptions } from "./d-pagination-button-page";
+import { DPaginationButtonPreviousOptions } from "./d-pagination-button-previous";
+import { DPaginationButtonTopOptions } from "./d-pagination-button-top";
+import { DPaginationPage, DPaginationPageOptions } from "./d-pagination-page";
+import { DLayoutSpace } from "./d-layout-space";
+export interface DPaginationButtonOptions {
+    /**
+     * {@link DPagination} top button options.
+     */
+    top?: DPaginationButtonTopOptions | boolean | null;
+    /**
+     * {@link DPagination} previous button options.
+     */
+    previous?: DPaginationButtonPreviousOptions | boolean | null;
+    /**
+     * {@link DPagination} page button options.
+     */
+    page?: DPaginationButtonPageOptions;
+    /**
+     * {@link DPagination} next button options.
+     */
+    next?: DPaginationButtonNextOptions | boolean | null;
+    /**
+     * {@link DPagination} last button options.
+     */
+    last?: DPaginationButtonLastOptions | boolean | null;
+    /**
+     * A space between page buttons and next / previous buttons.
+     */
+    space?: number;
+}
 export interface DPaginationOptions<THEME extends DThemePagination> extends DLayoutHorizontalOptions<THEME> {
-    total: number;
+    /**
+     * An index number of a selected page.
+     */
+    value?: number;
+    /**
+     * An index number of a selected page.
+     *
+     * @deprecated in favor of {@link value}.
+     */
     selected?: number;
-    button?: {
-        first?: boolean;
-        last?: boolean;
-        width?: number;
-    };
+    /**
+     * A total number of pages.
+     */
+    size?: number;
+    /**
+     * A total number of pages.
+     *
+     * @deprecated in favor of {@link size};
+     */
+    total?: number;
+    /**
+     * {@link DPagination} button options.
+     */
+    button?: DPaginationButtonOptions;
+    /**
+     * {@link DPagination} page options.
+     */
+    page?: DPaginationPageOptions;
 }
 export interface DThemePagination extends DThemeLayoutHorizontal {
-    getButtonWidth(): number;
-}
-interface DPaginationButtonOption {
-    first: boolean;
-    last: boolean;
-    width?: number;
+    getButtonSpace(): number;
 }
 export declare class DPagination<THEME extends DThemePagination = DThemePagination, OPTIONS extends DPaginationOptions<THEME> = DPaginationOptions<THEME>> extends DLayoutHorizontal<THEME, OPTIONS> {
-    protected _total: number;
-    protected _selected: number;
-    protected _buttonOptions: DPaginationButtonOption;
-    protected _numberPageButtonVisible: number;
-    protected DEFAULT_SELECTED: number;
-    protected _firstPageBtn: DButton;
-    protected _lastPageBtn: DButton;
-    protected _dynamicPageBtns: DPaginationDynamicButtons;
-    protected _previousBtn: DPaginationNavigationButton;
-    protected _nextBtn: DPaginationNavigationButton;
-    protected _goFirstBtn: DPaginationNavigationButton;
-    protected _goLastBtn: DPaginationNavigationButton;
-    protected init(options: OPTIONS): void;
-    /**
-     * Set selected page.
+    protected _size: number;
+    protected _value: number;
+    protected _buttonTop?: DButton<string> | null;
+    protected _buttonPrevious?: DButton<string> | null;
+    protected _dots0?: DPaginationDots;
+    protected _buttonPages0?: DButton<number>[];
+    protected _page?: DPaginationPage;
+    protected _buttonPages1?: DButton<number>[];
+    protected _dots1?: DPaginationDots;
+    protected _buttonNext?: DButton<string> | null;
+    protected _buttonLast?: DButton<string> | null;
+    constructor(options?: OPTIONS);
+    protected newSpace(): DLayoutSpace;
+    /**
+     * Sets a value that is an index of a current page.
+     *
+     * @param value a value that is an index of a page
+     */
+    set value(value: number);
+    /**
+     * Returns a value that is an index of a current page.
      *
-     * @param selected page's index want to select.
+     * @returns a value that is an index of a selected page.
      */
-    set selected(selected: number);
+    get value(): number;
     /**
-     * Get selected page.
+     * Selects a page.
      *
-     * @returns index of selected page.
+     * @param index an index of a page
+     * @deprecated in favor of {@link #value}.
+     */
+    set selected(index: number);
+    /**
+     * Returns an index of the selected page.
+     *
+     * @returns an index of the selected page.
+     * @deprecated in favor of {@link value}.
      */
     get selected(): number;
     /**
-     * Set total page.
+     * Sets a number of total pages.
+     *
+     * @param size a number of pages
+     */
+    set size(size: number);
+    /**
+     * Returns a number of total pages.
+     *
+     * @returns a number of total pages.
+     */
+    get size(): number;
+    /**
+     * Sets a number of total pages.
      *
-     * @param total number of page want to present in pagination.
+     * @param total a number of pages
+     * @deprecated in favor of {@link size}
      */
     set total(total: number);
     /**
-     * Get total pages.
+     * Returns a number of total pages.
      *
-     * @returns number of total pages.
+     * @returns a number of total pages.
+     * @deprecated in favor of {@link size}
      */
     get total(): number;
-    protected initButtons(width: number): void;
-    protected listenButtonClicked(): void;
+    protected get dots0(): DPaginationDots;
+    protected get dots1(): DPaginationDots;
+    protected newDots(): DPaginationDots;
+    protected get buttonLast(): DButton<string> | null;
+    protected newButtonLast(): DButton<string> | null;
+    protected onButtonLastActive(): void;
+    protected moveTo(index: number): void;
+    protected get buttonNext(): DButton<string> | null;
+    protected newButtonNext(): DButton<string> | null;
+    protected onButtonNextActive(): void;
+    protected get buttonPrevious(): DButton<string> | null;
+    protected newButtonPrevious(): DButton<string> | null;
+    protected onButtonPreviousActive(): void;
+    protected get buttonTop(): DButton<string> | null;
+    protected newButtonTop(): DButton<string> | null;
+    protected onButtonTopActive(): void;
+    protected newButtonPage(): DButton<number>;
+    protected get buttonPages0(): DButton<number>[];
+    protected newButtonPages0(): DButton<number>[];
+    protected get buttonPages1(): DButton<number>[];
+    protected newButtonPages1(): DButton<number>[];
+    protected get page(): DPaginationPage;
+    protected newPage(): DPaginationPage;
+    protected onButtonPageActive(button: DButton<number>): void;
     protected update(): void;
-    protected updateStaticButtons(): void;
-    protected getButtonWidth(): number;
-    protected toNumberVisible(): number;
-    protected onClickPageButton(btn: DButton): void;
     protected getType(): string;
 }
-export {};

package/dist/types/wcardinal/ui/d-picker-color-gradient-view.d.ts

@@ -1,9 +1,9 @@
 import { Geometry, Mesh, Point, Rectangle, Shader, Texture, TextureUvs } from "pixi.js";
 import { DColorGradient } from "./d-color-gradient";
-declare type Parts = Array<{
+export interface DPickerColorGradientViewPart {
     data: DColorGradient | null;
     rect: Rectangle;
-}>;
+}
 export declare class DPickerColorGradientView extends Mesh {
     protected _nPointsPerData: number;
     protected _vertices: Float32Array;
@@ -13,8 +13,8 @@ export declare class DPickerColorGradientView extends Mesh {
     protected _lastHitIndex: number;
     protected _workColor: number[];
     protected _workPoint: Point;
-    protected _parts: Parts;
-    protected constructor(nPointsPerData: number, vertices: Float32Array, uvs: Float32Array, colors: Float32Array, indices: Uint16Array, parts: Parts, geometry: Geometry, shader: Shader);
+    protected _parts: DPickerColorGradientViewPart[];
+    protected constructor(nPointsPerData: number, vertices: Float32Array, uvs: Float32Array, colors: Float32Array, indices: Uint16Array, parts: DPickerColorGradientViewPart[], geometry: Geometry, shader: Shader);
     getRectangle(index: number): Rectangle | null;
     setRectangle(index: number, x: number, y: number, width: number, height: number): void;
     getData(index: number): DColorGradient | null;
@@ -32,4 +32,3 @@ export declare class DPickerColorGradientView extends Mesh {
     containsPoint(point: Point): boolean;
     static from(size: number, nPointsPerData: number, checkerColors: [number, number], texture?: Texture): DPickerColorGradientView;
 }
-export {};