@wcardinal/wcardinal-ui 0.164.0 → 0.167.0

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

@@ -0,0 +1,28 @@
+import { Rectangle } from "pixi.js";
+import { DApplicationLayerLike } from "./d-application-layer-like";
+import { DBase } from "./d-base";
+import { DDialogGesture, DDialogGestureConstraint, DDialogGestureOptions, DDialogGestureParent } from "./d-dialog-gesture";
+import { DDialogGestureMode } from "./d-dialog-gesture-mode";
+import { UtilGesture } from "./util/util-gesture";
+export declare class DDialogGestureImpl<PARENT extends DDialogGestureParent> implements DDialogGesture<PARENT> {
+    protected static WORK_BOUNDS?: Rectangle;
+    protected _parent: PARENT;
+    protected _mode: DDialogGestureMode;
+    protected _options?: DDialogGestureOptions;
+    protected _isEnabled: boolean;
+    protected _isDirty: boolean;
+    protected _constraint?: DDialogGestureConstraint;
+    protected _util?: UtilGesture<any>;
+    constructor(parent: PARENT, options: DDialogGestureOptions);
+    get parent(): PARENT;
+    get mode(): DDialogGestureMode;
+    set mode(mode: DDialogGestureMode);
+    get constraint(): DDialogGestureConstraint;
+    set constraint(constraint: DDialogGestureConstraint);
+    protected newConstraint(): DDialogGestureConstraint;
+    isDirty(): boolean;
+    isClean(): boolean;
+    toClean(): void;
+    protected newUtil(): UtilGesture<any>;
+    protected toConstrained(target: DBase, layer: DApplicationLayerLike, x: number, y: number): void;
+}

package/dist/types/wcardinal/ui/d-dialog-gesture-mode.d.ts

@@ -0,0 +1,5 @@
+export declare const DDialogGestureMode: {
+    readonly DIRTY: 0;
+    readonly CLEAN: 1;
+};
+export declare type DDialogGestureMode = typeof DDialogGestureMode[keyof typeof DDialogGestureMode];

package/dist/types/wcardinal/ui/d-dialog-gesture.d.ts

@@ -0,0 +1,29 @@
+import { DApplicationLayerLike } from "./d-application-layer-like";
+import { DBase } from "./d-base";
+import { DDialogGestureMode } from "./d-dialog-gesture-mode";
+export declare type DDialogGestureConstraint = (target: DBase, layer: DApplicationLayerLike, x: number, y: number) => void;
+export interface DDialogGestureOptions {
+    enable?: boolean;
+    mode?: DDialogGestureMode | keyof typeof DDialogGestureMode;
+    constraint?: DDialogGestureConstraint;
+}
+export interface DDialogGestureParent extends DBase {
+    readonly layer: DApplicationLayerLike | null;
+}
+export interface DDialogGesture<PARENT extends DDialogGestureParent> {
+    parent: PARENT;
+    mode: DDialogGestureMode;
+    constraint: DDialogGestureConstraint;
+    /**
+     * Returns true if thhe dialog position is changed by gestures.
+     */
+    isDirty(): boolean;
+    /**
+     * Returns true if the dialog position is not changed by gestures.
+     */
+    isClean(): boolean;
+    /**
+     * Marks the dialog position is not changed by gestures.
+     */
+    toClean(): void;
+}

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

@@ -1,11 +1,15 @@
-import { Point } from "pixi.js";
+import { Point, Rectangle } from "pixi.js";
 import { DAnimation } from "./d-animation";
+import { DApplicationLayerLike } from "./d-application-layer-like";
 import { DBase, DBaseEvents, DBaseOptions, DThemeBase } from "./d-base";
 import { DFocusable } from "./d-controller-focus";
 import { DDialogAlign } from "./d-dialog-align";
 import { DDialogCloseOn } from "./d-dialog-close-on";
+import { DDialogGesture, DDialogGestureOptions } from "./d-dialog-gesture";
+import { DDialogGestureMode } from "./d-dialog-gesture-mode";
 import { DDialogMode } from "./d-dialog-mode";
 import { DOnOptions } from "./d-on-options";
+import { DPadding } from "./d-padding";
 import { UtilOverlay } from "./util/util-overlay";
 /**
  * {@link DDialog} events.
@@ -33,14 +37,15 @@ export interface DDialogOnOptions<EMITTER> extends Partial<DDialogEvents<EMITTER
  * {@link DDialog} options.
  */
 export interface DDialogOptions<THEME extends DThemeDialog = DThemeDialog, EMITTER = any> extends DBaseOptions<THEME> {
-    closeOn?: DDialogCloseOn;
+    closeOn?: DDialogCloseOn | Array<keyof typeof DDialogCloseOn> | keyof typeof DDialogCloseOn;
     animation?: DAnimation<DBase>;
     /**
      * A dialog mode.
      */
     mode?: DDialogMode | keyof typeof DDialogMode;
     sticky?: boolean;
-    align?: DDialogAlign;
+    gesture?: boolean | DDialogGestureOptions;
+    align?: DDialogAlign | null | keyof typeof DDialogAlign;
     /**
      * Mappings of event names and handlers.
      */
@@ -51,10 +56,17 @@ export interface DDialogOptions<THEME extends DThemeDialog = DThemeDialog, EMITT
  */
 export interface DThemeDialog extends DThemeBase {
     getMode(): DDialogMode;
-    closeOn(): DDialogCloseOn;
-    isSticky(): boolean;
-    getOffsetX(): number;
-    getOffsetY(): number;
+    closeOn(mode: DDialogMode): DDialogCloseOn;
+    isSticky(mode: DDialogMode): boolean;
+    isGestureEnabled(mode: DDialogMode): boolean;
+    getGestureMode(mode: DDialogMode): DDialogGestureMode;
+    getOffsetX(mode: DDialogMode): number;
+    getOffsetY(mode: DDialogMode): number;
+    getAlign(mode: DDialogMode): DDialogAlign | null;
+    newAnimation(mode: DDialogMode): DAnimation<DBase> | null;
+}
+export interface DDialogOpener {
+    getBounds(skipUpdate: boolean, result: Rectangle): Rectangle;
 }
 /**
  * A dialog class.
@@ -65,6 +77,7 @@ export interface DThemeDialog extends DThemeBase {
  * the one it belongs to at the time when it is created.
  */
 export declare class DDialog<VALUE = void, THEME extends DThemeDialog = DThemeDialog, OPTIONS extends DDialogOptions<THEME> = DDialogOptions<THEME>> extends DBase<THEME, OPTIONS> {
+    protected static WORK_BOUNDS?: Rectangle;
     protected _promise?: Promise<VALUE>;
     protected _resolve?: (value: VALUE | PromiseLike<VALUE>) => void;
     protected _reject?: (reason?: any) => void;
@@ -75,12 +88,32 @@ export declare class DDialog<VALUE = void, THEME extends DThemeDialog = DThemeDi
     protected _mode: DDialogMode;
     protected _sticky: boolean;
     protected _onPrerenderBound: () => void;
-    protected _align: DDialogAlign;
-    protected _owner?: DBase<any, any> | null;
+    protected _align: DDialogAlign | null;
+    protected _opener?: DDialogOpener | null;
+    protected _gesture: DDialogGesture<this>;
+    protected _layer: DApplicationLayerLike | null;
     protected init(options?: OPTIONS): void;
+    protected toCloseOn(mode: DDialogMode, theme: THEME, options?: OPTIONS): DDialogCloseOn;
+    protected toAlign(mode: DDialogMode, theme: THEME, options?: OPTIONS): DDialogAlign | null;
+    get mode(): DDialogMode;
+    get align(): DDialogAlign | null;
+    set algin(align: DDialogAlign | null);
+    get gesture(): DDialogGesture<this>;
+    get layer(): DApplicationLayerLike | null;
+    protected toGestureOptions(mode: DDialogMode, theme: THEME, options?: OPTIONS): DDialogGestureOptions;
+    onParentResize(parentWidth: number, parentHeight: number, parentPadding: DPadding): void;
     protected getAnimation(): DAnimation | null;
     protected onAnimationEnd(isReverse: boolean): void;
-    open(owner?: DBase<any, any>): Promise<VALUE>;
+    /**
+     * Opens a dialog.
+     *
+     * @param opener An opener of a dialog.
+     * The dialog position is determined based on a position and a size of the opener.
+     * If the opener is undefined, the dialog is placed at the center of the screen.
+     *
+     * @returns a value of this dialog
+     */
+    open(opener?: DDialogOpener): Promise<VALUE>;
     protected onPrerender(): void;
     protected onOpen(): void;
     isOpened(): boolean;

package/dist/types/wcardinal/ui/d-table-column.d.ts

@@ -1,4 +1,5 @@
 import { DAlignHorizontal } from "./d-align-horizontal";
+import { DDialogOpener } from "./d-dialog";
 import { DDialogSelectOptions } from "./d-dialog-select";
 import { DMenu, DMenuOptions } from "./d-menu";
 import { DTableBodyCellButtonOptions } from "./d-table-body-cell-button";
@@ -71,7 +72,7 @@ export interface DTableColumnSorting<ROW_VALUE> {
 }
 export interface DTableColumnSelectingDialog<DIALOG_VALUE> {
     readonly value: DIALOG_VALUE;
-    open(): Promise<DIALOG_VALUE>;
+    open(owner?: DDialogOpener): Promise<DIALOG_VALUE>;
 }
 export interface DTableColumnSelectingOptions<CELL_VALUE, DIALOG_VALUE, DIALOG extends DTableColumnSelectingDialog<DIALOG_VALUE>> {
     getter?: DTableSelectingGetter<CELL_VALUE, DIALOG>;

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

@@ -221,6 +221,9 @@ export * from "./d-dialog-confirm-message";
 export * from "./d-dialog-confirm";
 export * from "./d-dialog-date";
 export * from "./d-dialog-datetime";
+export * from "./d-dialog-gesture-impl";
+export * from "./d-dialog-gesture-mode";
+export * from "./d-dialog-gesture";
 export * from "./d-dialog-input-boolean";
 export * from "./d-dialog-input-integer";
 export * from "./d-dialog-input-real";

package/dist/types/wcardinal/ui/shape/action/e-shape-action-runtime-open-dialog-boolean.d.ts

@@ -1,4 +1,5 @@
 import { DDialogInputBoolean } from "../../d-dialog-input-boolean";
+import { EShape } from "../e-shape";
 import { EShapeActionExpression } from "./e-shape-action-expression";
 import { EShapeActionRuntimeOpenDialog } from "./e-shape-action-runtime-open-dialog";
 import { EShapeActionValueOpen } from "./e-shape-action-value-open";
@@ -6,5 +7,5 @@ export declare class EShapeActionRuntimeOpenDialogBoolean extends EShapeActionRu
     protected static DIALOG?: DDialogInputBoolean;
     protected initial: EShapeActionExpression<boolean>;
     constructor(value: EShapeActionValueOpen);
-    protected open(target: string, initial: boolean): Promise<boolean>;
+    protected open(shape: EShape, target: string, initial: boolean): Promise<boolean>;
 }

package/dist/types/wcardinal/ui/shape/action/e-shape-action-runtime-open-dialog-date.d.ts

@@ -1,5 +1,6 @@
 import { DDialogDate } from "../../d-dialog-date";
 import { NumberFormatter } from "../../util/number-formatter";
+import { EShape } from "../e-shape";
 import { EShapeActionExpression } from "./e-shape-action-expression";
 import { EShapeActionRuntimeOpenDialog } from "./e-shape-action-runtime-open-dialog";
 import { EShapeActionValueOpen } from "./e-shape-action-value-open";
@@ -8,7 +9,7 @@ export declare class EShapeActionRuntimeOpenDialogDate extends EShapeActionRunti
     protected static FORMATTER?: NumberFormatter;
     protected initial: EShapeActionExpression<unknown>;
     constructor(value: EShapeActionValueOpen);
-    protected open(target: string, initial: unknown): Promise<string>;
+    protected open(shape: EShape, target: string, initial: unknown): Promise<string>;
     protected toDate(value: unknown): Date;
     protected getFormatter(): NumberFormatter;
     protected newFormatter(): NumberFormatter;

package/dist/types/wcardinal/ui/shape/action/e-shape-action-runtime-open-dialog-datetime.d.ts

@@ -1,4 +1,5 @@
 import { DDialogDatetime } from "../../d-dialog-datetime";
+import { EShape } from "../e-shape";
 import { EShapeActionExpression } from "./e-shape-action-expression";
 import { EShapeActionRuntimeOpenDialog } from "./e-shape-action-runtime-open-dialog";
 import { EShapeActionValueOpen } from "./e-shape-action-value-open";
@@ -6,6 +7,6 @@ export declare class EShapeActionRuntimeOpenDialogDatetime extends EShapeActionR
     protected static DIALOG?: DDialogDatetime;
     protected initial: EShapeActionExpression<unknown>;
     constructor(value: EShapeActionValueOpen);
-    protected open(target: string, initial: unknown): Promise<string>;
+    protected open(shape: EShape, target: string, initial: unknown): Promise<string>;
     protected toDate(value: unknown): Date;
 }

package/dist/types/wcardinal/ui/shape/action/e-shape-action-runtime-open-dialog-integer.d.ts

@@ -1,4 +1,5 @@
 import { DDialogInputInteger } from "../../d-dialog-input-integer";
+import { EShape } from "../e-shape";
 import { EShapeActionExpression } from "./e-shape-action-expression";
 import { EShapeActionRuntimeOpenDialog } from "./e-shape-action-runtime-open-dialog";
 import { EShapeActionValueOpen } from "./e-shape-action-value-open";
@@ -6,5 +7,5 @@ export declare class EShapeActionRuntimeOpenDialogInteger extends EShapeActionRu
     protected static DIALOG?: DDialogInputInteger;
     protected initial: EShapeActionExpression<number>;
     constructor(value: EShapeActionValueOpen);
-    protected open(target: string, initial: number): Promise<number>;
+    protected open(shape: EShape, target: string, initial: number): Promise<number>;
 }

package/dist/types/wcardinal/ui/shape/action/e-shape-action-runtime-open-dialog-real.d.ts

@@ -1,4 +1,5 @@
 import { DDialogInputReal } from "../../d-dialog-input-real";
+import { EShape } from "../e-shape";
 import { EShapeActionExpression } from "./e-shape-action-expression";
 import { EShapeActionRuntimeOpenDialog } from "./e-shape-action-runtime-open-dialog";
 import { EShapeActionValueOpen } from "./e-shape-action-value-open";
@@ -6,5 +7,5 @@ export declare class EShapeActionRuntimeOpenDialogReal extends EShapeActionRunti
     protected static DIALOG?: DDialogInputReal;
     protected initial: EShapeActionExpression<number>;
     constructor(value: EShapeActionValueOpen);
-    protected open(target: string, initial: number): Promise<number>;
+    protected open(shape: EShape, target: string, initial: number): Promise<number>;
 }

package/dist/types/wcardinal/ui/shape/action/e-shape-action-runtime-open-dialog-text.d.ts

@@ -1,4 +1,5 @@
 import { DDialogInputText } from "../../d-dialog-input-text";
+import { EShape } from "../e-shape";
 import { EShapeActionExpression } from "./e-shape-action-expression";
 import { EShapeActionRuntimeOpenDialog } from "./e-shape-action-runtime-open-dialog";
 import { EShapeActionValueOpen } from "./e-shape-action-value-open";
@@ -6,5 +7,5 @@ export declare class EShapeActionRuntimeOpenDialogText extends EShapeActionRunti
     protected static DIALOG?: DDialogInputText;
     protected initial: EShapeActionExpression<string>;
     constructor(value: EShapeActionValueOpen);
-    protected open(target: string, initial: string): Promise<string>;
+    protected open(shape: EShape, target: string, initial: string): Promise<string>;
 }

package/dist/types/wcardinal/ui/shape/action/e-shape-action-runtime-open-dialog-time.d.ts

@@ -1,5 +1,6 @@
 import { DDialogTime } from "../../d-dialog-time";
 import { NumberFormatter } from "../../util/number-formatter";
+import { EShape } from "../e-shape";
 import { EShapeActionExpression } from "./e-shape-action-expression";
 import { EShapeActionRuntimeOpenDialog } from "./e-shape-action-runtime-open-dialog";
 import { EShapeActionValueOpen } from "./e-shape-action-value-open";
@@ -9,7 +10,7 @@ export declare class EShapeActionRuntimeOpenDialogTime extends EShapeActionRunti
     protected static FORMATTER?: NumberFormatter;
     protected initial: EShapeActionExpression<unknown>;
     constructor(value: EShapeActionValueOpen);
-    protected open(target: string, initial: unknown): Promise<string>;
+    protected open(shape: EShape, target: string, initial: unknown): Promise<string>;
     protected toDate(value: unknown): Date;
     protected toHours(value: string): number | null;
     protected toMinutes(value: string): number | null;

package/dist/types/wcardinal/ui/shape/action/e-shape-action-runtime-open-dialog.d.ts

@@ -10,5 +10,5 @@ export declare abstract class EShapeActionRuntimeOpenDialog<VALUE = unknown, INI
     protected abstract initial: EShapeActionExpression<INITIAL>;
     constructor(value: EShapeActionValueOpen);
     execute(shape: EShape, runtime: EShapeRuntime, time: number): void;
-    protected abstract open(target: string, initial: INITIAL): Promise<VALUE>;
+    protected abstract open(shape: EShape, target: string, initial: INITIAL): Promise<VALUE>;
 }

package/dist/types/wcardinal/ui/shape/e-shape.d.ts

@@ -90,7 +90,7 @@ export interface EShape extends utils.EventEmitter {
     containsAbsBBox(x: number, y: number, ax: number, ay: number): boolean;
     toGlobal(position: IPoint, result: Point, skipUpdate?: boolean): Point;
     toLocal(position: IPoint, from?: DisplayObject, result?: Point, skipUpdate?: boolean): Point;
-    getBounds(work: Point, skipUpdate: boolean, result: Rectangle): Rectangle;
-    getBoundsInternal(work: Point, skipUpdate: boolean, result: Rectangle): Rectangle;
-    getBoundsLocal(work: Point, skipUpdate: boolean, result: Rectangle): Rectangle;
+    getBounds(skipUpdate: boolean, result: Rectangle): Rectangle;
+    getBoundsInternal(skipUpdate: boolean, result: Rectangle): Rectangle;
+    getBoundsLocal(skipUpdate: boolean, result: Rectangle): Rectangle;
 }

package/dist/types/wcardinal/ui/shape/variant/e-shape-base.d.ts

@@ -119,11 +119,11 @@ export declare abstract class EShapeBase extends utils.EventEmitter implements E
     select(point: Point): boolean;
     toGlobal(position: IPoint, result: Point, skipUpdate?: boolean): Point;
     toLocal(position: IPoint, from?: DisplayObject, result?: Point, skipUpdate?: boolean): Point;
-    getBounds(work: Point, skipUpdate: boolean, result: Rectangle): Rectangle;
-    getBoundsInternal(work: Point, skipUpdate: boolean, result: Rectangle): Rectangle;
-    getBoundsLocal(work: Point, skipUpdate: boolean, result: Rectangle): Rectangle;
+    getBounds(skipUpdate: boolean, result: Rectangle): Rectangle;
+    getBoundsInternal(skipUpdate: boolean, result: Rectangle): Rectangle;
+    getBoundsLocal(skipUpdate: boolean, result: Rectangle): Rectangle;
     protected getBoundsSize(): IPoint;
-    protected getBounds_(transform: Matrix, work: Point, result: Rectangle): Rectangle;
+    protected getBounds_(transform: Matrix, result: Rectangle): Rectangle;
     destroy(): void;
     protected onStateChange(newState: DBaseStateSet, oldState: DBaseStateSet): void;
     get state(): EShapeStateSet;

package/dist/types/wcardinal/ui/shape/variant/e-shape-group-size-editor.d.ts

@@ -7,7 +7,6 @@ export declare class EShapeGroupSizeEditor implements EShapeGroupSize {
     protected _parent: EShapeGroupSizeParent;
     protected _size: Point;
     protected _layouts: EShapeLayout[];
-    protected _workPoint: Point;
     protected _workRectForCalcRect: Rectangle;
     protected _workRectForFit: Rectangle;
     protected _isFittable: boolean;

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

@@ -1,17 +1,25 @@
+import { DAnimation } from "../../d-animation";
+import { DBase } from "../../d-base";
 import { DBaseInteractive } from "../../d-base-interactive";
 import { DBaseStateSet } from "../../d-base-state-set";
 import { DCoordinatePosition, DCoordinateSize } from "../../d-coordinate";
 import { DThemeDialog } from "../../d-dialog";
+import { DDialogAlign } from "../../d-dialog-align";
 import { DDialogCloseOn } from "../../d-dialog-close-on";
+import { DDialogGestureMode } from "../../d-dialog-gesture-mode";
 import { DDialogMode } from "../../d-dialog-mode";
 import { DShadow } from "../../d-shadow";
 import { DThemeDarkBase } from "./d-theme-dark-base";
 export declare class DThemeDarkDialog extends DThemeDarkBase implements DThemeDialog {
     getMode(): DDialogMode;
-    closeOn(): DDialogCloseOn;
-    isSticky(): boolean;
-    getOffsetX(): number;
-    getOffsetY(): number;
+    closeOn(mode: DDialogMode): DDialogCloseOn;
+    isSticky(mode: DDialogMode): boolean;
+    isGestureEnabled(mode: DDialogMode): boolean;
+    getGestureMode(mode: DDialogMode): DDialogGestureMode;
+    getOffsetX(mode: DDialogMode): number;
+    getOffsetY(mode: DDialogMode): number;
+    getAlign(mode: DDialogMode): DDialogAlign;
+    newAnimation(mode: DDialogMode): DAnimation<DBase> | null;
     getBackgroundColor(state: DBaseStateSet): number;
     getBorderColor(state: DBaseStateSet): number | null;
     getOutlineColor(state: DBaseStateSet): number | null;

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-picker-datetime-label.d.ts

@@ -1,4 +1,5 @@
 import { DAlignHorizontal } from "../../d-align-horizontal";
+import { DBaseInteractive } from "../../d-base-interactive";
 import { DBaseStateSet } from "../../d-base-state-set";
 import { DCoordinateSize } from "../../d-coordinate";
 import { DFontWeight } from "../../d-font";
@@ -14,4 +15,5 @@ export declare class DThemeDarkPickerDatetimeLabel extends DThemeDarkText<Date>
     getFontWeight(): DFontWeight;
     getFontSize(): number;
     newTextValue(): DStateAwareOrValueMightBe<Date>;
+    getInteractive(): DBaseInteractive;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-picker-datetime-space.d.ts

@@ -1,3 +1,4 @@
+import { DBaseInteractive } from "../../d-base-interactive";
 import { DBaseStateSet } from "../../d-base-state-set";
 import { DCoordinateSize } from "../../d-coordinate";
 import { DThemePickerDatetimeSpace } from "../../d-picker-datetime-space";
@@ -8,4 +9,5 @@ export declare class DThemeDarkPickerDatetimeSpace extends DThemeDarkBase implem
     getWidth(): DCoordinateSize;
     getHeight(): DCoordinateSize;
     newState(state: DBaseStateSet): void;
+    getInteractive(): DBaseInteractive;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-picker-time.d.ts

@@ -6,6 +6,7 @@ import { DPickerDatetimeMask } from "../../d-picker-datetime-mask";
 import { DThemePickerTime } from "../../d-picker-time";
 import { DThemeDarkBase } from "./d-theme-dark-base";
 export declare class DThemeDarkPickerTime extends DThemeDarkBase implements DThemePickerTime {
+    getBackgroundColor(state: DBaseStateSet): number | null;
     getInteractive(): DBaseInteractive;
     newState(state: DBaseStateSet): void;
     getMargin(): number;

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

@@ -1,17 +1,25 @@
+import { DAnimation } from "../../d-animation";
+import { DBase } from "../../d-base";
 import { DBaseInteractive } from "../../d-base-interactive";
 import { DBaseStateSet } from "../../d-base-state-set";
 import { DCoordinatePosition, DCoordinateSize } from "../../d-coordinate";
 import { DThemeDialog } from "../../d-dialog";
+import { DDialogAlign } from "../../d-dialog-align";
 import { DDialogCloseOn } from "../../d-dialog-close-on";
+import { DDialogGestureMode } from "../../d-dialog-gesture-mode";
 import { DDialogMode } from "../../d-dialog-mode";
 import { DShadow } from "../../d-shadow";
 import { DThemeWhiteBase } from "./d-theme-white-base";
 export declare class DThemeWhiteDialog extends DThemeWhiteBase implements DThemeDialog {
     getMode(): DDialogMode;
-    closeOn(): DDialogCloseOn;
-    isSticky(): boolean;
-    getOffsetX(): number;
-    getOffsetY(): number;
+    closeOn(mode: DDialogMode): DDialogCloseOn;
+    isSticky(mode: DDialogMode): boolean;
+    isGestureEnabled(mode: DDialogMode): boolean;
+    getGestureMode(mode: DDialogMode): DDialogGestureMode;
+    getOffsetX(mode: DDialogMode): number;
+    getOffsetY(mode: DDialogMode): number;
+    getAlign(mode: DDialogMode): DDialogAlign;
+    newAnimation(mode: DDialogMode): DAnimation<DBase> | null;
     getBackgroundColor(state: DBaseStateSet): number;
     getBorderColor(state: DBaseStateSet): number | null;
     getOutlineColor(state: DBaseStateSet): number | null;

package/dist/types/wcardinal/ui/theme/white/d-theme-white-picker-datetime-label.d.ts

@@ -1,4 +1,5 @@
 import { DAlignHorizontal } from "../../d-align-horizontal";
+import { DBaseInteractive } from "../../d-base-interactive";
 import { DBaseStateSet } from "../../d-base-state-set";
 import { DCoordinateSize } from "../../d-coordinate";
 import { DFontWeight } from "../../d-font";
@@ -14,4 +15,5 @@ export declare class DThemeWhitePickerDatetimeLabel extends DThemeWhiteText<Date
     getFontWeight(): DFontWeight;
     getFontSize(): number;
     newTextValue(): DStateAwareOrValueMightBe<Date>;
+    getInteractive(): DBaseInteractive;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-picker-datetime-space.d.ts

@@ -1,3 +1,4 @@
+import { DBaseInteractive } from "../../d-base-interactive";
 import { DBaseStateSet } from "../../d-base-state-set";
 import { DCoordinateSize } from "../../d-coordinate";
 import { DThemePickerDatetimeSpace } from "../../d-picker-datetime-space";
@@ -8,4 +9,5 @@ export declare class DThemeWhitePickerDatetimeSpace extends DThemeWhiteBase impl
     getWidth(): DCoordinateSize;
     getHeight(): DCoordinateSize;
     newState(state: DBaseStateSet): void;
+    getInteractive(): DBaseInteractive;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-picker-time.d.ts

@@ -6,6 +6,7 @@ import { DPickerDatetimeMask } from "../../d-picker-datetime-mask";
 import { DThemePickerTime } from "../../d-picker-time";
 import { DThemeWhiteBase } from "./d-theme-white-base";
 export declare class DThemeWhitePickerTime extends DThemeWhiteBase implements DThemePickerTime {
+    getBackgroundColor(state: DBaseStateSet): number | null;
     getInteractive(): DBaseInteractive;
     newState(state: DBaseStateSet): void;
     getMargin(): number;

package/dist/wcardinal/ui/d-chart-plot-area-container.js

@@ -51,7 +51,7 @@ var DChartPlotAreaContainer = /** @class */ (function (_super) {
             for (var i = 0, imax = children.length; i < imax; ++i) {
                 var child = children[i];
                 if (child.visible) {
-                    child.getBoundsInternal(work, false, rect);
+                    child.getBoundsInternal(false, rect);
                     if (isFirst) {
                         isFirst = false;
                         xmin = rect.x;

package/dist/wcardinal/ui/d-chart-plot-area-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-chart-plot-area-container.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-chart-plot-area-container.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Rectangle, Transform } from \"pixi.js\";\nimport { DBasePoint } from \"./d-base-point\";\nimport { DViewTarget } from \"./d-view-to-target\";\nimport { EShapeContainer } from \"./shape/e-shape-container\";\n\nexport class DChartPlotAreaContainer extends EShapeContainer implements DViewTarget {\n\tprotected _position: DBasePoint;\n\tprotected _scale: DBasePoint;\n\tprotected _workRect: Rectangle;\n\n\tconstructor(onChange: () => void) {\n\t\tsuper();\n\t\tconst transform: Transform = this.transform;\n\t\tthis._position = new DBasePoint(transform.position, onChange);\n\t\tthis._scale = new DBasePoint(transform.scale, onChange);\n\t\tthis._workRect = new Rectangle();\n\t}\n\n\t// @ts-ignore\n\tget position(): DBasePoint {\n\t\treturn this._position;\n\t}\n\n\t// @ts-ignore\n\tget scale(): DBasePoint {\n\t\treturn this._scale;\n\t}\n\n\tgetBounds(skipUpdate?: boolean, rect?: Rectangle): Rectangle {\n\t\t(this as any)._lastBoundsID = -1;\n\t\treturn super.getBounds(skipUpdate, rect);\n\t}\n\n\tcalculateBounds(): void {\n\t\tconst bounds = this._bounds;\n\t\tconst work = this._work;\n\t\tconst rect = this._workRect;\n\t\tconst worldTransform = this.transform.worldTransform;\n\n\t\tlet xmin = 0;\n\t\tlet xmax = 0;\n\t\tlet ymin = 0;\n\t\tlet ymax = 0;\n\t\tconst children = this.children;\n\t\tif (0 < children.length) {\n\t\t\tlet isFirst = true;\n\t\t\tfor (let i = 0, imax = children.length; i < imax; ++i) {\n\t\t\t\tconst child = children[i];\n\t\t\t\tif (child.visible) {\n\t\t\t\t\tchild.getBoundsInternal(work, false, rect);\n\t\t\t\t\tif (isFirst) {\n\t\t\t\t\t\tisFirst = false;\n\t\t\t\t\t\txmin = rect.x;\n\t\t\t\t\t\tymin = rect.y;\n\t\t\t\t\t\txmax = rect.x + rect.width;\n\t\t\t\t\t\tymax = rect.y + rect.height;\n\t\t\t\t\t} else {\n\t\t\t\t\t\txmin = Math.min(xmin, rect.x);\n\t\t\t\t\t\tymin = Math.min(ymin, rect.y);\n\t\t\t\t\t\txmax = Math.max(xmax, rect.x + rect.width);\n\t\t\t\t\t\tymax = Math.max(ymax, rect.y + rect.height);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tbounds.clear();\n\n\t\twork.set(xmin, ymin);\n\t\tworldTransform.apply(work, work);\n\t\tbounds.addPoint(work);\n\n\t\twork.set(xmax, ymax);\n\t\tworldTransform.apply(work, work);\n\t\tbounds.addPoint(work);\n\t}\n}\n"]}
+{"version":3,"file":"d-chart-plot-area-container.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-chart-plot-area-container.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Rectangle, Transform } from \"pixi.js\";\nimport { DBasePoint } from \"./d-base-point\";\nimport { DViewTarget } from \"./d-view-to-target\";\nimport { EShapeContainer } from \"./shape/e-shape-container\";\n\nexport class DChartPlotAreaContainer extends EShapeContainer implements DViewTarget {\n\tprotected _position: DBasePoint;\n\tprotected _scale: DBasePoint;\n\tprotected _workRect: Rectangle;\n\n\tconstructor(onChange: () => void) {\n\t\tsuper();\n\t\tconst transform: Transform = this.transform;\n\t\tthis._position = new DBasePoint(transform.position, onChange);\n\t\tthis._scale = new DBasePoint(transform.scale, onChange);\n\t\tthis._workRect = new Rectangle();\n\t}\n\n\t// @ts-ignore\n\tget position(): DBasePoint {\n\t\treturn this._position;\n\t}\n\n\t// @ts-ignore\n\tget scale(): DBasePoint {\n\t\treturn this._scale;\n\t}\n\n\tgetBounds(skipUpdate?: boolean, rect?: Rectangle): Rectangle {\n\t\t(this as any)._lastBoundsID = -1;\n\t\treturn super.getBounds(skipUpdate, rect);\n\t}\n\n\tcalculateBounds(): void {\n\t\tconst bounds = this._bounds;\n\t\tconst work = this._work;\n\t\tconst rect = this._workRect;\n\t\tconst worldTransform = this.transform.worldTransform;\n\n\t\tlet xmin = 0;\n\t\tlet xmax = 0;\n\t\tlet ymin = 0;\n\t\tlet ymax = 0;\n\t\tconst children = this.children;\n\t\tif (0 < children.length) {\n\t\t\tlet isFirst = true;\n\t\t\tfor (let i = 0, imax = children.length; i < imax; ++i) {\n\t\t\t\tconst child = children[i];\n\t\t\t\tif (child.visible) {\n\t\t\t\t\tchild.getBoundsInternal(false, rect);\n\t\t\t\t\tif (isFirst) {\n\t\t\t\t\t\tisFirst = false;\n\t\t\t\t\t\txmin = rect.x;\n\t\t\t\t\t\tymin = rect.y;\n\t\t\t\t\t\txmax = rect.x + rect.width;\n\t\t\t\t\t\tymax = rect.y + rect.height;\n\t\t\t\t\t} else {\n\t\t\t\t\t\txmin = Math.min(xmin, rect.x);\n\t\t\t\t\t\tymin = Math.min(ymin, rect.y);\n\t\t\t\t\t\txmax = Math.max(xmax, rect.x + rect.width);\n\t\t\t\t\t\tymax = Math.max(ymax, rect.y + rect.height);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tbounds.clear();\n\n\t\twork.set(xmin, ymin);\n\t\tworldTransform.apply(work, work);\n\t\tbounds.addPoint(work);\n\n\t\twork.set(xmax, ymax);\n\t\tworldTransform.apply(work, work);\n\t\tbounds.addPoint(work);\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-dialog-gesture-impl.js

@@ -0,0 +1,133 @@
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Point, Rectangle } from "pixi.js";
+import { DDialogGestureMode } from "./d-dialog-gesture-mode";
+import { toEnum } from "./util/to-enum";
+import { UtilGesture } from "./util/util-gesture";
+var DDialogGestureImpl = /** @class */ (function () {
+    function DDialogGestureImpl(parent, options) {
+        var _a;
+        this._parent = parent;
+        this._options = options;
+        if (options.enable) {
+            this._util = this.newUtil();
+        }
+        this._mode = toEnum((_a = options.mode) !== null && _a !== void 0 ? _a : DDialogGestureMode.DIRTY, DDialogGestureMode);
+        this._isEnabled = true;
+        this._isDirty = false;
+    }
+    Object.defineProperty(DDialogGestureImpl.prototype, "parent", {
+        get: function () {
+            return this._parent;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DDialogGestureImpl.prototype, "mode", {
+        get: function () {
+            return this._mode;
+        },
+        set: function (mode) {
+            this._mode = mode;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DDialogGestureImpl.prototype, "constraint", {
+        get: function () {
+            var _a, _b;
+            var result = this._constraint;
+            if (result == null) {
+                result = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.constraint) !== null && _b !== void 0 ? _b : this.newConstraint();
+                this._constraint = result;
+            }
+            return result;
+        },
+        set: function (constraint) {
+            this._constraint = constraint;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DDialogGestureImpl.prototype.newConstraint = function () {
+        var _this = this;
+        return function (target, layer, x, y) {
+            _this.toConstrained(target, layer, x, y);
+        };
+    };
+    DDialogGestureImpl.prototype.isDirty = function () {
+        return this._isDirty;
+    };
+    DDialogGestureImpl.prototype.isClean = function () {
+        return !this._isDirty;
+    };
+    DDialogGestureImpl.prototype.toClean = function () {
+        if (this._isDirty) {
+            this._isDirty = false;
+        }
+    };
+    DDialogGestureImpl.prototype.newUtil = function () {
+        var _this = this;
+        var p = new Point();
+        var parent = this._parent;
+        var position = parent.position;
+        return new UtilGesture({
+            bind: parent,
+            checker: {
+                start: function (e) {
+                    // Are children clicked?
+                    if (e.target !== parent) {
+                        return false;
+                    }
+                    // Is clicked outside?
+                    p.copyFrom(e.data.global);
+                    parent.toLocal(p, undefined, p, true);
+                    var x = p.x;
+                    var y = p.y;
+                    if (x < 0 || y < 0 || parent.width < x || parent.height < y) {
+                        return false;
+                    }
+                    // Ok
+                    return true;
+                }
+            },
+            on: {
+                start: function () {
+                    p.copyFrom(position);
+                },
+                move: function (target, dx, dy) {
+                    p.set(p.x + dx, p.y + dy);
+                    if (!_this._isDirty) {
+                        _this._isDirty = true;
+                        parent.setX(position.x);
+                        parent.setY(position.y);
+                    }
+                    var layer = parent.layer;
+                    if (layer != null) {
+                        _this.constraint(parent, layer, p.x, p.y);
+                    }
+                }
+            }
+        });
+    };
+    DDialogGestureImpl.prototype.toConstrained = function (target, layer, x, y) {
+        var _a;
+        var position = target.position;
+        if (layer) {
+            var bounds = target.getBounds(false, ((_a = DDialogGestureImpl.WORK_BOUNDS) !== null && _a !== void 0 ? _a : (DDialogGestureImpl.WORK_BOUNDS = new Rectangle())));
+            var obx = bounds.x + x - position.x;
+            var oby = bounds.y + y - position.y;
+            var nbx = Math.min(Math.max(0, obx), layer.width - bounds.width);
+            var nby = Math.min(Math.max(0, oby), layer.height - bounds.height);
+            position.set(x + nbx - obx, y + nby - oby);
+        }
+        else {
+            position.set(x, y);
+        }
+    };
+    return DDialogGestureImpl;
+}());
+export { DDialogGestureImpl };
+//# sourceMappingURL=d-dialog-gesture-impl.js.map