@wcardinal/wcardinal-ui 0.397.0 → 0.399.0

package/dist/types/wcardinal/ui/d-base-state-set-impl.d.ts

@@ -134,6 +134,11 @@ export declare class DBaseStateSetImpl implements DBaseStateSet {
     get inInvalid(): boolean;
     get onInvalid(): boolean;
     get underInvalid(): boolean;
+    get isProcessing(): boolean;
+    set isProcessing(processing: boolean);
+    get inProcessing(): boolean;
+    get onProcessing(): boolean;
+    get underProcessing(): boolean;
     get isSucceeded(): boolean;
     set isSucceeded(succeeded: boolean);
     get inSucceeded(): boolean;

package/dist/types/wcardinal/ui/d-base-state-set.d.ts

@@ -59,6 +59,10 @@ export interface DBaseStateSet {
     readonly inInvalid: boolean;
     readonly onInvalid: boolean;
     readonly underInvalid: boolean;
+    isProcessing: boolean;
+    readonly inProcessing: boolean;
+    readonly onProcessing: boolean;
+    readonly underProcessing: boolean;
     isSucceeded: boolean;
     readonly inSucceeded: boolean;
     readonly onSucceeded: boolean;

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

@@ -10,6 +10,7 @@ export declare const DBaseState: {
     GESTURING: string;
     PRESSED: string;
     INVALID: string;
+    PROCESSING: string;
     SUCCEEDED: string;
     FAILED: string;
     WARNED: string;

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

@@ -688,8 +688,20 @@ export declare class DBase<THEME extends DThemeBase = DThemeBase, OPTIONS extend
     reflow(): void;
     protected onRefit(): void;
     protected isRefitable(target: any): target is DRefitable;
+    /**
+     * Returns true if the given target has a height that doesn't depend on its parent height.
+     *
+     * @param target a target
+     * @returns true if the given target has a height that doesn't depend on its parent height.
+     */
     protected hasRefitableHeight(target: any): target is DRefitable;
-    protected hasRefitableWidth(target: any): target is DBase<any, any>;
+    /**
+     * Returns true if the given target has a width that doesn't depend on its parent width.
+     *
+     * @param target a target
+     * @returns true if the given target has a width that doesn't depend on its parent width.
+     */
+    protected hasRefitableWidth(target: any): target is DRefitable;
     protected onReflow(): void;
     get shadow(): DShadow | null;
     set shadow(shadow: DShadow | null);

package/dist/types/wcardinal/ui/d-button-color.d.ts

@@ -2,7 +2,6 @@ import { InteractionEvent } from "pixi.js";
 import { DButton, DButtonEvents, DButtonOptions, DThemeButton } from "./d-button";
 import { DColorAndAlpha } from "./d-color-and-alpha";
 import { DDialogColor, DDialogColorOptions } from "./d-dialog-color";
-import { DImagePieceOptions, DImagePieceTintOptions } from "./d-image-piece";
 import { DOnOptions } from "./d-on-options";
 import { DPickerColorAndAlpha } from "./d-picker-color-and-alpha";
 /**
@@ -45,8 +44,6 @@ export declare class DButtonColor<THEME extends DThemeButtonColor = DThemeButton
     protected onActivate(e?: InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected toClone(value: DColorAndAlpha): DColorAndAlpha;
     protected onValueChange(newValue: DColorAndAlpha, oldValue: DColorAndAlpha): void;
-    protected toImageTintOptions(tint?: DImagePieceTintOptions): DImagePieceTintOptions;
-    protected toImageOptions(theme: THEME, options?: DImagePieceOptions): DImagePieceOptions | undefined;
     protected onColorChange(): void;
     protected updateTextForcibly(): void;
     get dialog(): DDialogColor;

package/dist/types/wcardinal/ui/d-image-base-theme-wrapper-other.d.ts

@@ -0,0 +1,19 @@
+import { DisplayObject, Texture } from "pixi.js";
+import { DAlignHorizontal } from "./d-align-horizontal";
+import { DAlignVertical } from "./d-align-vertical";
+import { DAlignWith } from "./d-align-with";
+import { DBaseStateSet } from "./d-base-state-set";
+import { DThemeImagePiece } from "./d-image-piece";
+export declare class DImageBaseThemeWrapperOther implements DThemeImagePiece {
+    protected _theme: DThemeImagePiece;
+    constructor(theme: DThemeImagePiece);
+    getImageAlignHorizontal(): DAlignHorizontal;
+    getImageAlignVertical(): DAlignVertical;
+    getImageAlignWith(): DAlignWith;
+    getImageMarginHorizontal(): number;
+    getImageMarginVertial(): number;
+    getImageTintColor(state: DBaseStateSet): number | null;
+    getImageTintAlpha(state: DBaseStateSet): number;
+    getImageRotation(state: DBaseStateSet): number;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
+}

package/dist/types/wcardinal/ui/d-image-base-theme-wrapper-secondary.d.ts

@@ -12,7 +12,8 @@ export interface DThemeImageBaseSecondary {
     getSecondaryImageMarginVertial(): number;
     getSecondaryImageTintColor(state: DBaseStateSet): number | null;
     getSecondaryImageTintAlpha(state: DBaseStateSet): number;
-    getSecondaryImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
+    getSecondaryImageRotation(state: DBaseStateSet): number;
+    getSecondaryImageSource?(state: DBaseStateSet): Texture | DisplayObject | null;
 }
 export declare class DImageBaseThemeWrapperSecondary implements DThemeImagePiece {
     protected _theme: DThemeImageBaseSecondary;
@@ -24,5 +25,6 @@ export declare class DImageBaseThemeWrapperSecondary implements DThemeImagePiece
     getImageMarginVertial(): number;
     getImageTintColor(state: DBaseStateSet): number | null;
     getImageTintAlpha(state: DBaseStateSet): number;
+    getImageRotation(state: DBaseStateSet): number;
     getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
 }

package/dist/types/wcardinal/ui/d-image-base-theme-wrapper-tertiary.d.ts

@@ -12,7 +12,8 @@ export interface DThemeImageBaseTertiary {
     getTertiaryImageMarginVertial(): number;
     getTertiaryImageTintColor(state: DBaseStateSet): number | null;
     getTertiaryImageTintAlpha(state: DBaseStateSet): number;
-    getTertiaryImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
+    getTertiaryImageRotation(state: DBaseStateSet): number;
+    getTertiaryImageSource?(state: DBaseStateSet): Texture | DisplayObject | null;
 }
 export declare class DImageBaseThemeWrapperTertiary implements DThemeImagePiece {
     protected _theme: DThemeImageBaseTertiary;
@@ -24,5 +25,6 @@ export declare class DImageBaseThemeWrapperTertiary implements DThemeImagePiece
     getImageMarginVertial(): number;
     getImageTintColor(state: DBaseStateSet): number | null;
     getImageTintAlpha(state: DBaseStateSet): number;
+    getImageRotation(state: DBaseStateSet): number;
     getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
 }

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

@@ -1,14 +1,15 @@
 import { DisplayObject, Texture } from "pixi.js";
-import { DAlignHorizontal } from "./d-align-horizontal";
-import { DAlignVertical } from "./d-align-vertical";
-import { DAlignWith } from "./d-align-with";
 import { DRefitable } from "./d-base";
 import { DBaseStateSet } from "./d-base-state-set";
-import { DImagePiece, DImagePieceOptions, DThemeImagePiece } from "./d-image-piece";
+import { DThemeImageBaseSecondary } from "./d-image-base-theme-wrapper-secondary";
+import { DThemeImageBaseTertiary } from "./d-image-base-theme-wrapper-tertiary";
+import { DImagePieceOptions, DThemeImagePiece } from "./d-image-piece";
 import { DImagePieceLayouter } from "./d-image-piece-layouter";
 import { DOnOptions } from "./d-on-options";
 import { DStateAwareOrValueMightBe } from "./d-state-aware";
 import { DTextBase, DTextBaseEvents, DTextBaseOptions, DThemeTextBase } from "./d-text-base";
+import { DImagePieceContainer } from "./d-image-piece-container";
+import { DImagePieceContainerImpl } from "./d-image-piece-container-impl";
 /**
  * {@link DImageBase} events.
  */
@@ -24,28 +25,13 @@ export interface DImageBaseOnOptions<VALUE, EMITTER> extends Partial<DImageBaseE
  */
 export interface DImageBaseOptions<VALUE = unknown, THEME extends DThemeImageBase<VALUE> = DThemeImageBase<VALUE>, EMITTER = any> extends DTextBaseOptions<VALUE, THEME, EMITTER> {
     image?: DImagePieceOptions;
+    images?: DImagePieceOptions[];
     on?: DImageBaseOnOptions<VALUE, EMITTER>;
 }
 /**
  * {@link DImageBase} theme.
  */
-export interface DThemeImageBase<VALUE = unknown> extends DThemeTextBase<VALUE>, DThemeImagePiece {
-    getSecondaryImageAlignHorizontal(): DAlignHorizontal;
-    getSecondaryImageAlignVertical(): DAlignVertical;
-    getSecondaryImageAlignWith(): DAlignWith;
-    getSecondaryImageMarginHorizontal(): number;
-    getSecondaryImageMarginVertial(): number;
-    getSecondaryImageTintColor(state: DBaseStateSet): number | null;
-    getSecondaryImageTintAlpha(state: DBaseStateSet): number;
-    getSecondaryImageSource?(state: DBaseStateSet): Texture | DisplayObject | null;
-    getTertiaryImageAlignHorizontal(): DAlignHorizontal;
-    getTertiaryImageAlignVertical(): DAlignVertical;
-    getTertiaryImageAlignWith(): DAlignWith;
-    getTertiaryImageMarginHorizontal(): number;
-    getTertiaryImageMarginVertial(): number;
-    getTertiaryImageTintColor(state: DBaseStateSet): number | null;
-    getTertiaryImageTintAlpha(state: DBaseStateSet): number;
-    getTertiaryImageSource?(state: DBaseStateSet): Texture | DisplayObject | null;
+export interface DThemeImageBase<VALUE = unknown> extends DThemeTextBase<VALUE>, DThemeImagePiece, DThemeImageBaseSecondary, DThemeImageBaseTertiary {
 }
 /**
  * A base class for UI classes with an image support.
@@ -53,12 +39,11 @@ export interface DThemeImageBase<VALUE = unknown> extends DThemeTextBase<VALUE>,
  */
 export declare class DImageBase<VALUE = unknown, THEME extends DThemeImageBase<VALUE> = DThemeImageBase<VALUE>, OPTIONS extends DImageBaseOptions<VALUE, THEME> = DImageBaseOptions<VALUE, THEME>> extends DTextBase<VALUE, THEME, OPTIONS> {
     protected static LAYOUTER?: DImagePieceLayouter;
-    protected _images: DImagePiece[];
+    protected _image?: DImagePieceContainerImpl;
     protected init(options?: OPTIONS): void;
-    protected newImages(theme: THEME, options?: OPTIONS): DImagePiece[];
-    protected toImageOptions(theme: THEME, options?: DImagePieceOptions): DImagePieceOptions | undefined;
-    protected newImage(theme: DThemeImagePiece, options?: DImagePieceOptions): DImagePiece;
-    get image(): DStateAwareOrValueMightBe<Texture | DisplayObject | null>;
+    get image(): DImagePieceContainer;
+    protected getImage(): DImagePieceContainerImpl;
+    protected newImage(): DImagePieceContainerImpl;
     set image(imageSource: DStateAwareOrValueMightBe<Texture | DisplayObject | null>);
     protected onStateChange(newState: DBaseStateSet, oldState: DBaseStateSet): void;
     protected updateText(): void;

package/dist/types/wcardinal/ui/d-image-piece-align-impl.d.ts

@@ -0,0 +1,23 @@
+import { DAlignHorizontal } from "./d-align-horizontal";
+import { DAlignVertical } from "./d-align-vertical";
+import { DAlignWith } from "./d-align-with";
+import { DThemeImagePiece } from "./d-image-piece";
+import { DImagePieceAlign, DImagePieceAlignOptions } from "./d-image-piece-align";
+export interface DImagePieceAlignImplParent {
+    onUpdate(): void;
+}
+export declare class DImagePieceAlignImpl implements DImagePieceAlign {
+    protected _parent: DImagePieceAlignImplParent;
+    protected _with: DAlignWith;
+    protected _vertical: DAlignVertical;
+    protected _horizontal: DAlignHorizontal;
+    constructor(parent: DImagePieceAlignImplParent, theme: DThemeImagePiece, options?: DImagePieceAlignOptions);
+    get with(): DAlignWith;
+    set with(w: keyof typeof DAlignWith | DAlignWith);
+    get vertical(): DAlignVertical;
+    set vertical(vertical: keyof typeof DAlignVertical | DAlignVertical);
+    get horizontal(): DAlignHorizontal;
+    set horizontal(horizontal: keyof typeof DAlignHorizontal | DAlignHorizontal);
+    set(w?: keyof typeof DAlignWith | DAlignWith, vertical?: keyof typeof DAlignVertical | DAlignVertical, horizontal?: keyof typeof DAlignHorizontal | DAlignHorizontal): this;
+    protected onChange(): void;
+}

package/dist/types/wcardinal/ui/d-image-piece-align.d.ts

@@ -0,0 +1,14 @@
+import { DAlignHorizontal } from "./d-align-horizontal";
+import { DAlignVertical } from "./d-align-vertical";
+import { DAlignWith } from "./d-align-with";
+export interface DImagePieceAlignOptions {
+    with?: keyof typeof DAlignWith | DAlignWith;
+    vertical?: keyof typeof DAlignVertical | DAlignVertical;
+    horizontal?: keyof typeof DAlignHorizontal | DAlignHorizontal;
+}
+export interface DImagePieceAlign {
+    with: DAlignWith;
+    vertical: DAlignVertical;
+    horizontal: DAlignHorizontal;
+    set(w?: DAlignWith, vertical?: DAlignVertical, horizontal?: DAlignHorizontal): this;
+}

package/dist/types/wcardinal/ui/d-image-piece-container-impl.d.ts

@@ -0,0 +1,24 @@
+import { DBaseStateSet } from "./d-base-state-set";
+import { DImagePiece, DImagePieceOptions, DThemeImagePiece } from "./d-image-piece";
+import { DImagePieceContainer, DThemeImagePieceContainer } from "./d-image-piece-container";
+import { DImagePieceImpl, DImagePieceImplParent } from "./d-image-piece-impl";
+import { DImagePieceLayouter } from "./d-image-piece-layouter";
+export interface DImagePieceContainerImplOptions {
+    image?: DImagePieceOptions;
+    images?: DImagePieceOptions[];
+}
+export declare class DImagePieceContainerImpl implements DImagePieceContainer {
+    protected _parent: DImagePieceImplParent;
+    protected _theme: DThemeImagePieceContainer;
+    protected _pieces: DImagePieceImpl[];
+    constructor(parent: DImagePieceImplParent, theme: DThemeImagePieceContainer, options?: DImagePieceContainerImplOptions);
+    protected newImage(theme: DThemeImagePiece, options?: DImagePieceOptions): DImagePieceImpl;
+    onStateChange(newState: DBaseStateSet, oldState: DBaseStateSet): void;
+    isRefitable(target: any): boolean;
+    updateTextAndImage(layouter: DImagePieceLayouter): void;
+    add(options?: DImagePieceOptions): DImagePiece;
+    get(index: number): DImagePiece | null;
+    remove(index: number): boolean;
+    size(): number;
+    destroy(): void;
+}

package/dist/types/wcardinal/ui/d-image-piece-container.d.ts

@@ -0,0 +1,12 @@
+import { DThemeImageBaseSecondary } from "./d-image-base-theme-wrapper-secondary";
+import { DThemeImageBaseTertiary } from "./d-image-base-theme-wrapper-tertiary";
+import { DImagePiece, DImagePieceOptions, DThemeImagePiece } from "./d-image-piece";
+export interface DThemeImagePieceContainer extends DThemeImagePiece, DThemeImageBaseSecondary, DThemeImageBaseTertiary {
+}
+export interface DImagePieceContainer {
+    add(options?: DImagePieceOptions): DImagePiece;
+    get(index: number): DImagePiece | null;
+    remove(index: number): boolean;
+    size(): number;
+    destroy(): void;
+}

package/dist/types/wcardinal/ui/d-image-piece-impl.d.ts

@@ -0,0 +1,60 @@
+import { DisplayObject, Graphics, Texture } from "pixi.js";
+import { DApplicationTarget } from "./d-application-like";
+import { DBaseStateSet } from "./d-base-state-set";
+import { DStateAwareOrValueMightBe } from "./d-state-aware";
+import { DImagePieceTint } from "./d-image-piece-tint";
+import { DImagePieceMarginImpl } from "./d-image-piece-margin-impl";
+import { DImagePieceMargin } from "./d-image-piece-margin";
+import { DImagePieceAlign } from "./d-image-piece-align";
+import { DImagePieceAlignImpl } from "./d-image-piece-align-impl";
+import { DImagePiece, DImagePieceOptions, DThemeImagePiece } from "./d-image-piece";
+export interface DImagePieceImplParent extends DApplicationTarget {
+    readonly state: DBaseStateSet;
+    addChild(displayObject: DisplayObject): void;
+    removeChild(displayObject: DisplayObject): void;
+    toDirty(): void;
+    getOverflowMask(): Graphics | null;
+}
+export declare class DImagePieceImpl implements DImagePiece {
+    protected _parent: DImagePieceImplParent;
+    protected _theme: DThemeImagePiece;
+    protected _object: DisplayObject | null;
+    protected _computed: Texture | DisplayObject | null;
+    protected _source: DStateAwareOrValueMightBe<Texture | DisplayObject | null>;
+    protected _align: DImagePieceAlignImpl;
+    protected _margin: DImagePieceMarginImpl;
+    protected _tint: DImagePieceTint;
+    protected _rotation: DStateAwareOrValueMightBe<number> | undefined;
+    protected _onUpdateBound: () => void;
+    constructor(parent: DImagePieceImplParent, theme: DThemeImagePiece, options?: DImagePieceOptions);
+    get object(): DisplayObject | null;
+    get align(): DImagePieceAlign;
+    get margin(): DImagePieceMargin;
+    get tint(): DImagePieceTint;
+    get source(): DStateAwareOrValueMightBe<Texture | DisplayObject | null>;
+    set source(source: DStateAwareOrValueMightBe<Texture | DisplayObject | null>);
+    get rotation(): DStateAwareOrValueMightBe<number>;
+    set rotation(rotation: DStateAwareOrValueMightBe<number>);
+    protected computeSource(): Texture | DisplayObject | null;
+    onStateChange(newState: DBaseStateSet, oldState: DBaseStateSet): void;
+    protected isTintAware(target: DisplayObject | null): target is DisplayObject & {
+        tint: number;
+    };
+    /**
+     * Updates the tint.
+     *
+     * @returns True if the tint is changed.
+     */
+    updateTint(): boolean;
+    protected toRotation(theme: DThemeImagePiece, state: DBaseStateSet): number | null;
+    updateRotation(): boolean;
+    /**
+     * Updates the computed source.
+     *
+     * @returns True if the computed source is changed
+     */
+    updateSource(): boolean;
+    isRefitable(target: any): boolean;
+    destroy(): void;
+    onUpdate(): void;
+}

package/dist/types/wcardinal/ui/d-image-piece-layouter-part-bottom.d.ts

@@ -1,4 +1,7 @@
+import { Rectangle } from "pixi.js";
 import { DImagePieceLayouterPart } from "./d-image-piece-layouter-part";
+import { DImagePiece } from "./d-image-piece";
 export declare class DImagePieceLayouterPartBottom extends DImagePieceLayouterPart {
+    add(image: DImagePiece, bound: Rectangle, margin: number): void;
     execute(pbottom: number, height: number): void;
 }

package/dist/types/wcardinal/ui/d-image-piece-layouter-part-center.d.ts

@@ -1,6 +1,7 @@
+import { Rectangle } from "pixi.js";
 import { DImagePiece } from "./d-image-piece";
 import { DImagePieceLayouterPart } from "./d-image-piece-layouter-part";
 export declare class DImagePieceLayouterPartCenter extends DImagePieceLayouterPart {
-    add(image: DImagePiece, size: number, margin: number): void;
+    add(image: DImagePiece, bound: Rectangle, margin: number): void;
     execute(pleft: number, pright: number, width: number): void;
 }

package/dist/types/wcardinal/ui/d-image-piece-layouter-part-left.d.ts

@@ -1,4 +1,7 @@
+import { Rectangle } from "pixi.js";
+import { DImagePiece } from "./d-image-piece";
 import { DImagePieceLayouterPart } from "./d-image-piece-layouter-part";
 export declare class DImagePieceLayouterPartLeft extends DImagePieceLayouterPart {
+    add(image: DImagePiece, bound: Rectangle, margin: number): void;
     execute(pleft: number): void;
 }

package/dist/types/wcardinal/ui/d-image-piece-layouter-part-middle.d.ts

@@ -1,6 +1,7 @@
+import { Rectangle } from "pixi.js";
 import { DImagePiece } from "./d-image-piece";
 import { DImagePieceLayouterPart } from "./d-image-piece-layouter-part";
 export declare class DImagePieceLayouterPartMiddle extends DImagePieceLayouterPart {
-    add(image: DImagePiece, size: number, margin: number): void;
+    add(image: DImagePiece, bound: Rectangle, margin: number): void;
     execute(ptop: number, pbottom: number, height: number): void;
 }

package/dist/types/wcardinal/ui/d-image-piece-layouter-part-right.d.ts

@@ -1,4 +1,7 @@
+import { Rectangle } from "pixi.js";
+import { DImagePiece } from "./d-image-piece";
 import { DImagePieceLayouterPart } from "./d-image-piece-layouter-part";
 export declare class DImagePieceLayouterPartRight extends DImagePieceLayouterPart {
+    add(image: DImagePiece, bound: Rectangle, margin: number): void;
     execute(pright: number, width: number): void;
 }

package/dist/types/wcardinal/ui/d-image-piece-layouter-part-top.d.ts

@@ -1,4 +1,7 @@
+import { Rectangle } from "pixi.js";
+import { DImagePiece } from "./d-image-piece";
 import { DImagePieceLayouterPart } from "./d-image-piece-layouter-part";
 export declare class DImagePieceLayouterPartTop extends DImagePieceLayouterPart {
+    add(image: DImagePiece, bound: Rectangle, margin: number): void;
     execute(ptop: number): void;
 }

package/dist/types/wcardinal/ui/d-image-piece-layouter-part.d.ts

@@ -1,13 +1,15 @@
+import { Rectangle } from "pixi.js";
 import { DDynamicText } from "./d-dynamic-text";
 import { DImagePiece } from "./d-image-piece";
-export declare class DImagePieceLayouterPart {
+export declare abstract class DImagePieceLayouterPart {
     protected _pieces: DImagePiece[];
+    protected _bounds: Rectangle[];
     protected _size: number;
     protected _margin: number;
     protected _text?: DDynamicText | null;
     constructor();
     clear(): void;
-    add(image: DImagePiece, size: number, margin: number): void;
+    abstract add(image: DImagePiece, bound: Rectangle, margin: number): void;
     set(text: DDynamicText | null): void;
     get size(): number;
 }

package/dist/types/wcardinal/ui/d-image-piece-margin-impl.d.ts

@@ -0,0 +1,17 @@
+import { DThemeImagePiece } from "./d-image-piece";
+import { DImagePieceMargin, DImagePieceMarginOptions } from "./d-image-piece-margin";
+export interface DImagePieceMarginImplParent {
+    onUpdate(): void;
+}
+export declare class DImagePieceMarginImpl implements DImagePieceMargin {
+    protected _parent: DImagePieceMarginImplParent;
+    protected _vertical: number;
+    protected _horizontal: number;
+    constructor(parent: DImagePieceMarginImplParent, theme: DThemeImagePiece, options?: DImagePieceMarginOptions);
+    get vertical(): number;
+    set vertical(vertical: number);
+    get horizontal(): number;
+    set horizontal(horizontal: number);
+    set(vertical?: number, horizontal?: number): this;
+    protected onChange(): void;
+}

package/dist/types/wcardinal/ui/d-image-piece-margin.d.ts

@@ -0,0 +1,9 @@
+export interface DImagePieceMarginOptions {
+    vertical?: number;
+    horizontal?: number;
+}
+export interface DImagePieceMargin {
+    vertical: number;
+    horizontal: number;
+    set(vertical?: number, horizontal?: number): this;
+}

package/dist/types/wcardinal/ui/d-image-piece-tint-impl.d.ts

@@ -0,0 +1,23 @@
+import { DApplicationTarget } from "./d-application-like";
+import { DBaseStateSet } from "./d-base-state-set";
+import { DThemeImagePiece } from "./d-image-piece";
+import { DImagePieceTint, DImagePieceTintOptions } from "./d-image-piece-tint";
+import { DStateAwareOrValueMightBe } from "./d-state-aware";
+export interface DImagePieceTintParent extends DApplicationTarget {
+    updateTint(): void;
+}
+export declare class DImagePieceTintImpl implements DImagePieceTint {
+    protected _parent: DImagePieceTintParent;
+    protected _color?: DStateAwareOrValueMightBe<number | null>;
+    protected _alpha?: DStateAwareOrValueMightBe<number>;
+    protected _theme: DThemeImagePiece;
+    constructor(parent: DImagePieceTintParent, theme: DThemeImagePiece, options?: DImagePieceTintOptions);
+    get color(): DStateAwareOrValueMightBe<number | null>;
+    set color(color: DStateAwareOrValueMightBe<number | null>);
+    getColor(state: DBaseStateSet): number | null;
+    get alpha(): DStateAwareOrValueMightBe<number>;
+    set alpha(alpha: DStateAwareOrValueMightBe<number>);
+    getAlpha(state: DBaseStateSet): number;
+    set(color?: DStateAwareOrValueMightBe<number | null>, alpha?: DStateAwareOrValueMightBe<number>): this;
+    protected onChange(): void;
+}

package/dist/types/wcardinal/ui/d-image-piece-tint.d.ts

@@ -0,0 +1,13 @@
+import { DBaseStateSet } from "./d-base-state-set";
+import { DStateAwareOrValueMightBe } from "./d-state-aware";
+export interface DImagePieceTintOptions {
+    color?: DStateAwareOrValueMightBe<number | null>;
+    alpha?: DStateAwareOrValueMightBe<number>;
+}
+export interface DImagePieceTint {
+    color: DStateAwareOrValueMightBe<number | null>;
+    alpha: DStateAwareOrValueMightBe<number>;
+    set(color?: DStateAwareOrValueMightBe<number | null>, alpha?: DStateAwareOrValueMightBe<number>): this;
+    getColor(state: DBaseStateSet): number | null;
+    getAlpha(state: DBaseStateSet): number;
+}

package/dist/types/wcardinal/ui/d-image-piece.d.ts

@@ -1,48 +1,18 @@
-import { DisplayObject, Graphics, Rectangle, Texture } from "pixi.js";
+import { DisplayObject, Texture } from "pixi.js";
 import { DAlignHorizontal } from "./d-align-horizontal";
 import { DAlignVertical } from "./d-align-vertical";
 import { DAlignWith } from "./d-align-with";
-import { DApplicationTarget } from "./d-application-like";
 import { DBaseStateSet } from "./d-base-state-set";
 import { DStateAwareOrValueMightBe } from "./d-state-aware";
-export interface DImagePieceTintOptions {
-    color?: DStateAwareOrValueMightBe<number | null>;
-    alpha?: DStateAwareOrValueMightBe<number>;
-}
-export interface DImagePieceAlignOptions {
-    with?: keyof typeof DAlignWith | DAlignWith;
-    vertical?: keyof typeof DAlignVertical | DAlignVertical;
-    horizontal?: keyof typeof DAlignHorizontal | DAlignHorizontal;
-}
-export interface DImagePieceMarginOptions {
-    vertical?: number;
-    horizontal?: number;
-}
+import { DImagePieceTint, DImagePieceTintOptions } from "./d-image-piece-tint";
+import { DImagePieceMargin, DImagePieceMarginOptions } from "./d-image-piece-margin";
+import { DImagePieceAlign, DImagePieceAlignOptions } from "./d-image-piece-align";
 export interface DImagePieceOptions {
     source?: DStateAwareOrValueMightBe<Texture | DisplayObject | null>;
     tint?: DImagePieceTintOptions;
     align?: DImagePieceAlignOptions;
     margin?: DImagePieceMarginOptions;
-}
-export interface DImagePieceAlign {
-    with: DAlignWith;
-    vertical: DAlignVertical;
-    horizontal: DAlignHorizontal;
-}
-export interface DImagePieceMargin {
-    vertical: number;
-    horizontal: number;
-}
-export interface DImagePieceTextAlign {
-    vertical: DAlignVertical;
-    horizontal: DAlignHorizontal;
-}
-export interface DImagePieceParent extends DApplicationTarget {
-    readonly state: DBaseStateSet;
-    addChild(displayObject: DisplayObject): void;
-    removeChild(displayObject: DisplayObject): void;
-    toDirty(): void;
-    getOverflowMask(): Graphics | null;
+    rotation?: DStateAwareOrValueMightBe<number>;
 }
 export interface DThemeImagePiece {
     getImageAlignHorizontal(): DAlignHorizontal;
@@ -53,47 +23,14 @@ export interface DThemeImagePiece {
     getImageTintColor(state: DBaseStateSet): number | null;
     getImageTintAlpha(state: DBaseStateSet): number;
     getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
-}
-export declare class DImagePiece {
-    protected _parent: DImagePieceParent;
-    protected _theme: DThemeImagePiece;
-    protected _textAlign: DImagePieceTextAlign;
-    protected _image: DisplayObject | null;
-    protected _computed: Texture | DisplayObject | null;
-    protected _source: DStateAwareOrValueMightBe<Texture | DisplayObject | null>;
-    protected _align: DImagePieceAlign;
-    protected _margin: DImagePieceMargin;
-    protected _tint: DImagePieceTintOptions | undefined;
-    protected _bound: Rectangle;
-    protected _onUpdateBound: () => void;
-    constructor(parent: DImagePieceParent, theme: DThemeImagePiece, textAlign: DImagePieceTextAlign, options?: DImagePieceOptions);
-    get image(): DisplayObject | null;
-    get align(): DImagePieceAlign;
-    get margin(): DImagePieceMargin;
-    get bound(): Rectangle;
-    get source(): DStateAwareOrValueMightBe<Texture | DisplayObject | null>;
-    set source(source: DStateAwareOrValueMightBe<Texture | DisplayObject | null>);
-    protected computeSource(): Texture | DisplayObject | null;
-    onStateChange(newState: DBaseStateSet, oldState: DBaseStateSet): void;
-    updateBound(): void;
-    protected isTintAware(target: DisplayObject | null): target is DisplayObject & {
-        tint: number;
-    };
-    protected toTintColor(theme: DThemeImagePiece, state: DBaseStateSet): number | null;
-    protected toTintAlpha(theme: DThemeImagePiece, state: DBaseStateSet): number;
-    /**
-     * Updates the tint.
-     *
-     * @returns True if the tint is changed.
-     */
-    updateTint(): boolean;
-    /**
-     * Updates the computed source.
-     *
-     * @returns True if the computed source is changed
-     */
-    updateSource(): boolean;
-    isRefitable(target: any): boolean;
+    getImageRotation(state: DBaseStateSet): number;
+}
+export interface DImagePiece {
+    readonly object: DisplayObject | null;
+    readonly align: DImagePieceAlign;
+    readonly margin: DImagePieceMargin;
+    readonly tint: DImagePieceTint;
+    source: DStateAwareOrValueMightBe<Texture | DisplayObject | null>;
+    rotation: DStateAwareOrValueMightBe<number>;
     destroy(): void;
-    protected onUpdate(): void;
 }