@wcardinal/wcardinal-ui 0.332.0 → 0.334.0

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

@@ -1,39 +1,17 @@
-import { DThemeBase } from "./d-base";
-import { DPadding } from "./d-padding";
-export interface DBasePaddingAdjuster {
-    left: number;
-    top: number;
-    right: number;
-    bottom: number;
-}
-export declare class DBasePaddingAdjustable implements DPadding {
-    protected _target: DPadding;
-    protected _top: number;
-    protected _right: number;
-    protected _bottom: number;
-    protected _left: number;
-    protected _callback?: () => void;
-    constructor(target: DPadding);
-    getTheme(): DThemeBase;
-    setTheme(theme: DThemeBase): void;
+import { DBaseOptions, DThemeBase } from "./d-base";
+import { DBasePadding } from "./d-base-padding";
+export declare class DBasePaddingAdjustable extends DBasePadding {
+    protected _atop: number;
+    protected _aright: number;
+    protected _abottom: number;
+    protected _aleft: number;
+    constructor(theme: DThemeBase, options?: DBaseOptions<any>, callback?: () => void);
     getLeft(): number;
-    adjLeft(left: number): void;
-    get left(): number | undefined;
-    set left(left: number | undefined);
+    adjLeft(aleft: number): void;
     getTop(): number;
-    adjTop(top: number): void;
-    get top(): number | undefined;
-    set top(top: number | undefined);
+    adjTop(atop: number): void;
     getRight(): number;
-    adjRight(right: number): void;
-    get right(): number | undefined;
-    set right(right: number | undefined);
+    adjRight(aright: number): void;
     getBottom(): number;
-    adjBottom(bottom: number): void;
-    get bottom(): number | undefined;
-    set bottom(bottom: number | undefined);
-    set(padding: number): void;
-    set(topAndBottom: number, leftAndRight: number): void;
-    set(top: number, leftAndRight: number, bottom: number): void;
-    set(top: number, right: number, bottom: number, left: number): void;
+    adjBottom(abottom: number): void;
 }

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

@@ -3,6 +3,7 @@ import InteractionEvent = interaction.InteractionEvent;
 import InteractionManager = interaction.InteractionManager;
 import { DBackgroundStateAware } from "./d-background";
 import { DBaseInteractive } from "./d-base-interactive";
+import { DBasePadding } from "./d-base-padding";
 import { DBasePoint } from "./d-base-point";
 import { DBaseStateSet } from "./d-base-state-set";
 import { DBorderStateAware } from "./d-border";
@@ -617,6 +618,7 @@ export declare class DBase<THEME extends DThemeBase = DThemeBase, OPTIONS extend
     protected _lastDownPoint?: Point;
     protected _cursor?: DStateAwareOrValueMightBe<string>;
     constructor(options?: OPTIONS);
+    protected newPadding(theme: THEME, options?: OPTIONS, callback?: () => void): DBasePadding;
     protected toCursor(cursor: DStateAwareOrValueMightBe<string> | undefined, state: DBaseStateSet): string;
     get snippet(): DBaseSnippetContainer;
     get reflowable(): DBaseReflowableContainer;

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

@@ -40,7 +40,7 @@ export interface DButtonSelectOnOptions<VALUE, EMITTER> extends Partial<DButtonS
 /**
  * {@link DButtonSelect} options.
  */
-export interface DButtonSelectOptions<VALUE = unknown, DIALOG_VALUE = unknown, DIALOG extends DButtonSelectDialog<DIALOG_VALUE> = DButtonSelectDialog<DIALOG_VALUE>, THEME extends DThemeButtonSelect<VALUE> = DThemeButtonSelect<VALUE>, EMITTER = any> extends DButtonOptions<VALUE | null, THEME, EMITTER> {
+export interface DButtonSelectOptions<VALUE = unknown, DIALOG_VALUE = unknown, DIALOG_CATEGORY = unknown, DIALOG_CATEGORY_ID = unknown, DIALOG extends DButtonSelectDialog<DIALOG_VALUE> = DButtonSelectDialog<DIALOG_VALUE>, THEME extends DThemeButtonSelect<VALUE> = DThemeButtonSelect<VALUE>, EMITTER = any> extends DButtonOptions<VALUE | null, THEME, EMITTER> {
     /**
      * A function to retrieve a selected value from a dialog.
      */
@@ -53,7 +53,7 @@ export interface DButtonSelectOptions<VALUE = unknown, DIALOG_VALUE = unknown, D
     /**
      * A dialog to select values.
      */
-    dialog?: DDialogSelectOptions<DIALOG_VALUE> | DIALOG;
+    dialog?: DDialogSelectOptions<DIALOG_VALUE, DIALOG_CATEGORY, DIALOG_CATEGORY_ID> | DIALOG;
     on?: DButtonSelectOnOptions<VALUE, EMITTER>;
 }
 /**
@@ -61,7 +61,7 @@ export interface DButtonSelectOptions<VALUE = unknown, DIALOG_VALUE = unknown, D
  */
 export interface DThemeButtonSelect<VALUE = unknown> extends DThemeButton<VALUE | null> {
 }
-export declare class DButtonSelect<VALUE = unknown, DIALOG_VALUE = unknown, DIALOG extends DButtonSelectDialog<DIALOG_VALUE> = DButtonSelectDialog<DIALOG_VALUE>, THEME extends DThemeButtonSelect<VALUE> = DThemeButtonSelect<VALUE>, OPTIONS extends DButtonSelectOptions<VALUE, DIALOG_VALUE, DIALOG, THEME> = DButtonSelectOptions<VALUE, DIALOG_VALUE, DIALOG, THEME>> extends DButton<VALUE | null, THEME, OPTIONS> {
+export declare class DButtonSelect<VALUE = unknown, DIALOG_VALUE = unknown, DIALOG_CATEGORY = unknown, DIALOG_CATEGORY_ID = unknown, DIALOG extends DButtonSelectDialog<DIALOG_VALUE> = DButtonSelectDialog<DIALOG_VALUE>, THEME extends DThemeButtonSelect<VALUE> = DThemeButtonSelect<VALUE>, OPTIONS extends DButtonSelectOptions<VALUE, DIALOG_VALUE, DIALOG_CATEGORY, DIALOG_CATEGORY_ID, DIALOG, THEME> = DButtonSelectOptions<VALUE, DIALOG_VALUE, DIALOG_CATEGORY, DIALOG_CATEGORY_ID, DIALOG, THEME>> extends DButton<VALUE | null, THEME, OPTIONS> {
     protected _dialog?: DIALOG;
     protected _dialogGetter: DButtonSelectGetter<VALUE, DIALOG>;
     protected _dialogSetter: DButtonSelectSetter<VALUE, DIALOG>;

package/dist/types/wcardinal/ui/d-dialog-select-search-dismissable-impl.d.ts

@@ -1,14 +1,14 @@
 import { utils } from "pixi.js";
 import { DDialogSelectSearch } from "./d-dialog-select-search";
 import { DDialogSelectSearchDismissable, DDialogSelectSearhDismissableFilter, DDialogSelectSearhDismissableOptions } from "./d-dialog-select-search-dismissable";
-export declare class DDialogSelectSearhDismissableImpl<VALUE> extends utils.EventEmitter implements DDialogSelectSearchDismissable<VALUE> {
-    protected _target: DDialogSelectSearch<VALUE>;
-    protected _args?: [string];
+export declare class DDialogSelectSearhDismissableImpl<VALUE, CATEGORY, CATEGORY_ID> extends utils.EventEmitter implements DDialogSelectSearchDismissable<VALUE, CATEGORY, CATEGORY_ID> {
+    protected _target: DDialogSelectSearch<VALUE, CATEGORY, CATEGORY_ID>;
+    protected _args?: [string, CATEGORY_ID | null];
     protected _value?: VALUE;
-    protected _filter?: DDialogSelectSearhDismissableFilter<VALUE>;
-    constructor(target: DDialogSelectSearch<VALUE>, options: DDialogSelectSearhDismissableOptions<VALUE>);
-    protected toDismissValue(args?: [string]): VALUE | undefined;
+    protected _filter?: DDialogSelectSearhDismissableFilter<VALUE, CATEGORY, CATEGORY_ID>;
+    constructor(target: DDialogSelectSearch<VALUE, CATEGORY, CATEGORY_ID>, options: DDialogSelectSearhDismissableOptions<VALUE, CATEGORY, CATEGORY_ID>);
+    protected toDismissValue(args?: [string, CATEGORY_ID | null]): VALUE | undefined;
     protected toDismissable(values: VALUE[]): VALUE[];
-    create(args: [string]): void;
+    create(args: [string, CATEGORY_ID | null]): void;
     isDone(): boolean;
 }

package/dist/types/wcardinal/ui/d-dialog-select-search-dismissable.d.ts

@@ -1,11 +1,11 @@
 import { DDialogSelectSearch } from "./d-dialog-select-search";
-export declare type DDialogSelectSearhDismissableFilter<VALUE> = (value: VALUE, word?: string) => boolean;
-export interface DDialogSelectSearhDismissableOptions<VALUE> {
+export declare type DDialogSelectSearhDismissableFilter<VALUE, CATEGORY, CATEGORY_ID> = (value: VALUE, word?: string, categoryId?: CATEGORY_ID | null) => boolean;
+export interface DDialogSelectSearhDismissableOptions<VALUE, CATEGORY, CATEGORY_ID> {
     value: VALUE;
-    filter?: DDialogSelectSearhDismissableFilter<VALUE>;
+    filter?: DDialogSelectSearhDismissableFilter<VALUE, CATEGORY, CATEGORY_ID>;
 }
 /**
  * {@link DDialogSelect} dismissable search object.
  */
-export interface DDialogSelectSearchDismissable<VALUE> extends DDialogSelectSearch<VALUE> {
+export interface DDialogSelectSearchDismissable<VALUE, CATEGORY, CATEGORY_ID> extends DDialogSelectSearch<VALUE, CATEGORY, CATEGORY_ID> {
 }

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

@@ -1,10 +1,10 @@
 import { utils } from "pixi.js";
 import { DDialogSelectSearch } from "./d-dialog-select-search";
-export declare class DDialogSelectSearhImpl<VALUE> extends utils.EventEmitter implements DDialogSelectSearch<VALUE> {
-    protected _search: (word: string) => Promise<VALUE[]>;
+export declare class DDialogSelectSearhImpl<VALUE, CATEGORY, CATEGORY_ID> extends utils.EventEmitter implements DDialogSelectSearch<VALUE, CATEGORY, CATEGORY_ID> {
+    protected _search: (word: string, categoryId: CATEGORY_ID) => Promise<VALUE[]>;
     protected _id: number;
     protected _idCompleted: number;
-    constructor(search?: (word: string) => Promise<VALUE[]>);
-    create(args: [string]): void;
+    constructor(search?: (word: string, categoryId: CATEGORY_ID) => Promise<VALUE[]>);
+    create(args: [string, CATEGORY_ID]): void;
     isDone(): boolean;
 }

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

@@ -1,8 +1,8 @@
 /**
  * {@link DDialogSelect} search object.
  */
-export interface DDialogSelectSearch<VALUE> {
-    create(args: [string]): void;
+export interface DDialogSelectSearch<VALUE, CATEGORY, CATEGORY_ID> {
+    create(args: [string, CATEGORY_ID | null]): void;
     on(event: "success", handler: (e: unknown, searchResults: VALUE[]) => void): void;
     on(event: "fail", handler: () => void): void;
     on(event: "change", handler: () => void): void;

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

@@ -3,25 +3,28 @@ import { DBase } from "./d-base";
 import { DDialogLayered, DDialogLayeredEvents, DDialogLayeredOptions, DThemeDialogLayered } from "./d-dialog-layered";
 import { DDialogSelectList, DDialogSelectListOptions } from "./d-dialog-select-list";
 import { DInputSearch, DInputSearchOptions } from "./d-input-search";
-import { DLayoutHorizontal, DLayoutHorizontalOptions } from "./d-layout-horizontal";
+import { DLayoutHorizontal } from "./d-layout-horizontal";
+import { DLayoutSpace } from "./d-layout-space";
 import { DListOptions } from "./d-list";
 import { DListDataSelection } from "./d-list-data-selection";
 import { DNote, DNoteOptions } from "./d-note";
 import { DOnOptions } from "./d-on-options";
 import { DDialogSelectSearch } from "./d-dialog-select-search";
 import { DDialogSelectSearhDismissableOptions } from "./d-dialog-select-search-dismissable";
+import { DSelect, DSelectOptions } from "./d-select";
 export interface DDialogSelectInputOpitons extends DInputSearchOptions {
     margin?: number;
 }
 /**
  * {@link DDialogSelect} search function.
  */
-export declare type DDialogSelectSearchFunction<VALUE> = (word: string) => Promise<VALUE[]>;
+export declare type DDialogSelectSearchFunction<VALUE, CATEGORY, CATEGORY_ID> = (word: string, categoryId: CATEGORY_ID) => Promise<VALUE[]>;
 /**
  * {@link DDialogSelect} controller.
  */
-export interface DDialogSelectController<VALUE> {
-    search: DDialogSelectSearch<VALUE> | DDialogSelectSearchFunction<VALUE>;
+export interface DDialogSelectController<VALUE, CATEGORY, CATEGORY_ID> {
+    search: DDialogSelectSearch<VALUE, CATEGORY, CATEGORY_ID> | DDialogSelectSearchFunction<VALUE, CATEGORY, CATEGORY_ID>;
+    getCategories?: () => Promise<CATEGORY[]>;
 }
 /**
  * {@link DDialogSelect} note options.
@@ -39,6 +42,13 @@ export declare type DDialogSelectItemIsEqual<VALUE> = (a: VALUE, b: VALUE, calle
 export interface DDialogSelectEvents<VALUE, EMITTER> extends DDialogLayeredEvents<VALUE, EMITTER> {
     select(value: VALUE, self: EMITTER): void;
 }
+/**
+ * {@link DDialogSelect} category options.
+ */
+export interface DDialogSelectCategoryOptions<VALUE, CATEGORY, CATEGORY_ID> extends DSelectOptions<CATEGORY_ID> {
+    toId?: (category: CATEGORY) => CATEGORY_ID;
+    toLabel?: (category: CATEGORY) => string;
+}
 /**
  * {@link DDialogSelect} "on" options.
  */
@@ -47,9 +57,10 @@ export interface DDialogSelectOnOptions<VALUE, EMITTER> extends Partial<DDialogS
 /**
  * {@link DDialogSelect} options.
  */
-export interface DDialogSelectOptions<VALUE, THEME extends DThemeDialogSelect<VALUE> = DThemeDialogSelect<VALUE>, EMITTER = any> extends DDialogLayeredOptions<VALUE, THEME> {
-    controller?: DDialogSelectController<VALUE>;
-    dismiss?: DDialogSelectSearhDismissableOptions<VALUE>;
+export interface DDialogSelectOptions<VALUE, CATEGORY = unknown, CATEGORY_ID = unknown, THEME extends DThemeDialogSelect<VALUE, CATEGORY, CATEGORY_ID> = DThemeDialogSelect<VALUE, CATEGORY, CATEGORY_ID>, EMITTER = any> extends DDialogLayeredOptions<VALUE, THEME> {
+    controller?: DDialogSelectController<VALUE, CATEGORY, CATEGORY_ID>;
+    category?: DDialogSelectCategoryOptions<VALUE, CATEGORY, CATEGORY_ID>;
+    dismiss?: DDialogSelectSearhDismissableOptions<VALUE, CATEGORY, CATEGORY_ID>;
     input?: DDialogSelectInputOpitons;
     list?: DListOptions<VALUE>;
     note?: DDialogSelectNoteOptions;
@@ -58,27 +69,40 @@ export interface DDialogSelectOptions<VALUE, THEME extends DThemeDialogSelect<VA
 /**
  * {@link DDialogSelect} theme.
  */
-export interface DThemeDialogSelect<VALUE = unknown> extends DThemeDialogLayered {
+export interface DThemeDialogSelect<VALUE = unknown, CATEGORY = unknown, CATEGORY_ID = unknown> extends DThemeDialogLayered {
     getInputMargin(): number;
+    toCategoryId(category: CATEGORY): CATEGORY_ID;
+    toCategoryLabel(category: CATEGORY): string;
 }
-export declare class DDialogSelect<VALUE = unknown, THEME extends DThemeDialogSelect<VALUE> = DThemeDialogSelect<VALUE>, OPTIONS extends DDialogSelectOptions<VALUE, THEME> = DDialogSelectOptions<VALUE, THEME>> extends DDialogLayered<VALUE | null, THEME, OPTIONS> {
+export declare class DDialogSelect<VALUE = unknown, CATEGORY = unknown, CATEGORY_ID = unknown, THEME extends DThemeDialogSelect<VALUE, CATEGORY, CATEGORY_ID> = DThemeDialogSelect<VALUE, CATEGORY, CATEGORY_ID>, OPTIONS extends DDialogSelectOptions<VALUE, CATEGORY, CATEGORY_ID, THEME> = DDialogSelectOptions<VALUE, CATEGORY, CATEGORY_ID, THEME>> extends DDialogLayered<VALUE | null, THEME, OPTIONS> {
     protected _value: VALUE | null;
+    protected _spaceLeft?: DLayoutSpace;
+    protected _spaceRight?: DLayoutSpace;
+    protected _selectCategory?: DSelect<CATEGORY_ID> | null;
+    protected _isCategoryFetched?: boolean;
     protected _input?: DInputSearch;
     protected _inputLayout?: DLayoutHorizontal;
     protected _list?: DDialogSelectList<VALUE>;
-    protected _search?: DDialogSelectSearch<VALUE>;
+    protected _search?: DDialogSelectSearch<VALUE, CATEGORY, CATEGORY_ID>;
     protected _noteError?: DNote | null;
     protected _noteNoItemsFound?: DNote | null;
     protected _noteSearching?: DNote | null;
     constructor(options?: OPTIONS);
     protected newContentChildren(theme: THEME, options?: OPTIONS): Array<DisplayObject | null>;
     protected get inputLayout(): DLayoutHorizontal;
-    protected newInputLayout(input: DInputSearch, theme: THEME, options: OPTIONS | undefined): DLayoutHorizontal;
-    protected toInputLayoutOptions(input: DInputSearch, theme: THEME, options: OPTIONS | undefined): DLayoutHorizontalOptions;
+    protected newInputLayout(): DLayoutHorizontal;
+    protected get spaceLeft(): DLayoutSpace;
+    protected get spaceRight(): DLayoutSpace;
+    protected newSpace(): DLayoutSpace;
+    protected get selectCategory(): DSelect<CATEGORY_ID> | null;
+    protected newSelectCategory(): DSelect<CATEGORY_ID> | null;
+    protected toSelectCategoryOptions(theme: THEME, options?: OPTIONS): DSelectOptions<CATEGORY_ID>;
+    protected onSelectCategoryChange(categoryId: CATEGORY_ID): void;
     get input(): DInputSearch;
     protected newInput(): DInputSearch;
     protected toInputOptions(theme: THEME, options?: OPTIONS): DInputSearchOptions;
     protected toInputMargin(theme: THEME, options?: OPTIONS): number;
+    protected onInputInput(value: string): void;
     get list(): DDialogSelectList<VALUE>;
     protected newList(): DDialogSelectList<VALUE>;
     protected onListSelectionChange(selection: DListDataSelection<VALUE>): void;
@@ -90,13 +114,17 @@ export declare class DDialogSelect<VALUE = unknown, THEME extends DThemeDialogSe
     protected get noteSearching(): DNote | null;
     protected newNoteSearching(): DNote | null;
     protected toNoteOptions(parent: DBase, options?: DNoteOptions): DNoteOptions;
-    protected get search(): DDialogSelectSearch<VALUE>;
-    protected newSearch(): DDialogSelectSearch<VALUE>;
+    protected get search(): DDialogSelectSearch<VALUE, CATEGORY, CATEGORY_ID>;
+    protected newSearch(): DDialogSelectSearch<VALUE, CATEGORY, CATEGORY_ID>;
     get value(): VALUE | null;
     protected onSearched(results: VALUE[]): void;
     protected getResolvedValue(): VALUE | null | PromiseLike<VALUE | null>;
     protected getType(): string;
     protected onOpen(): void;
+    protected onCategoryFetched(selectCategory: DSelect<CATEGORY_ID>, categories: CATEGORY[]): void;
+    protected toCategoryId(target: CATEGORY): CATEGORY_ID;
+    protected toCategoryLabel(target: CATEGORY): string;
+    protected findCategories(): Promise<CATEGORY[]> | CATEGORY[] | null;
     protected onOk(value: VALUE | null | PromiseLike<VALUE | null>): void;
     destroy(): void;
 }

package/dist/types/wcardinal/ui/d-table-body-cell-input-tree-input.d.ts

@@ -6,7 +6,7 @@ export interface DThemeTableBodyCellInputTreeInput extends DThemeInputText {
 }
 export declare class DTableBodyCellInputTreeInput<THEME extends DThemeTableBodyCellInputTreeInput = DThemeTableBodyCellInputTreeInput, OPTIONS extends DTableBodyCellInputTreeInputOptions<THEME> = DTableBodyCellInputTreeInputOptions<THEME>> extends DInputText<THEME, OPTIONS> {
     protected _padding: DBasePaddingAdjustable;
-    constructor(options?: OPTIONS);
+    protected newPadding(theme: THEME, options?: OPTIONS, callback?: () => void): DBasePaddingAdjustable;
     get padding(): DBasePaddingAdjustable;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-table-body-cell-tree.d.ts

@@ -15,6 +15,7 @@ export declare class DTableBodyCellTree<ROW, VALUE = unknown, THEME extends DThe
     protected _padding: DBasePaddingAdjustable;
     protected _link?: DLink | null;
     constructor(columnIndex: number, column: DTableColumn<ROW, VALUE | null>, onChange: DTableBodyCellOnChange<ROW, VALUE | null>, options?: OPTIONS);
+    protected newPadding(theme: THEME, options?: OPTIONS, callback?: () => void): DBasePaddingAdjustable;
     protected onClick(e: interaction.InteractionEvent): void;
     get link(): DLink | null;
     protected newLink(): DLink | null;

package/dist/types/wcardinal/ui/d-tree-item-text.d.ts

@@ -44,6 +44,7 @@ export declare class DTreeItemText<NODE extends DTreeNode = DTreeNode, THEME ext
     protected _node?: NODE;
     protected _index?: number;
     constructor(data: DTreeData<NODE>, options?: OPTIONS);
+    protected newPadding(theme: THEME, options?: OPTIONS, callback?: () => void): DBasePaddingAdjustable;
     get node(): NODE | undefined;
     get value(): NODE | undefined;
     get index(): number | undefined;

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

@@ -6,4 +6,6 @@ export declare class DThemeDarkDialogSelect<VALUE> extends DThemeDarkDialogLayer
     getWidth(): DCoordinateSize;
     getFooter(): DDialogLayeredFooterOptions | undefined | null;
     getInputMargin(): number;
+    toCategoryId(category: unknown): unknown;
+    toCategoryLabel(category: unknown): string;
 }

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

@@ -6,4 +6,6 @@ export declare class DThemeWhiteDialogSelect<VALUE> extends DThemeWhiteDialogLay
     getWidth(): DCoordinateSize;
     getFooter(): DDialogLayeredFooterOptions | undefined | null;
     getInputMargin(): number;
+    toCategoryId(category: unknown): unknown;
+    toCategoryLabel(category: unknown): string;
 }

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

@@ -31,6 +31,7 @@ export * from "./number-formatters";
 export * from "./to-ceiling-index";
 export * from "./to-cloned";
 export * from "./to-enum";
+export * from "./to-id";
 export * from "./to-index-of";
 export * from "./to-label";
 export * from "./to-merged";

package/dist/types/wcardinal/ui/util/to-id.d.ts

@@ -0,0 +1 @@
+export declare const toId: (target: any) => unknown;

package/dist/wcardinal/ui/d-base-padding-adjustable.js

@@ -2,128 +2,67 @@
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
+import { __extends } from "tslib";
 import { DBasePadding } from "./d-base-padding";
-var DBasePaddingAdjustable = /** @class */ (function () {
-    function DBasePaddingAdjustable(target) {
-        this._target = target;
-        this._top = 0;
-        this._right = 0;
-        this._bottom = 0;
-        this._left = 0;
-        if (target instanceof DBasePadding) {
-            this._callback = target.getCallback();
-        }
+var DBasePaddingAdjustable = /** @class */ (function (_super) {
+    __extends(DBasePaddingAdjustable, _super);
+    function DBasePaddingAdjustable(theme, options, callback) {
+        var _this = _super.call(this, theme, options, callback) || this;
+        _this._atop = 0;
+        _this._aright = 0;
+        _this._abottom = 0;
+        _this._aleft = 0;
+        return _this;
     }
-    DBasePaddingAdjustable.prototype.getTheme = function () {
-        return this._target.getTheme();
-    };
-    DBasePaddingAdjustable.prototype.setTheme = function (theme) {
-        this._target.setTheme(theme);
-    };
     DBasePaddingAdjustable.prototype.getLeft = function () {
-        return this._target.getLeft() + this._left;
+        return _super.prototype.getLeft.call(this) + this._aleft;
     };
-    DBasePaddingAdjustable.prototype.adjLeft = function (left) {
-        if (this._left !== left) {
-            this._left = left;
+    DBasePaddingAdjustable.prototype.adjLeft = function (aleft) {
+        if (this._aleft !== aleft) {
+            this._aleft = aleft;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "left", {
-        get: function () {
-            return this._target.left;
-        },
-        set: function (left) {
-            this._target.left = left;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DBasePaddingAdjustable.prototype.getTop = function () {
-        return this._target.getTop() + this._top;
+        return _super.prototype.getTop.call(this) + this._atop;
     };
-    DBasePaddingAdjustable.prototype.adjTop = function (top) {
-        if (this._top !== top) {
-            this._top = top;
+    DBasePaddingAdjustable.prototype.adjTop = function (atop) {
+        if (this._atop !== atop) {
+            this._atop = atop;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "top", {
-        get: function () {
-            return this._target.top;
-        },
-        set: function (top) {
-            this._target.top = top;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DBasePaddingAdjustable.prototype.getRight = function () {
-        return this._target.getRight() + this._right;
+        return _super.prototype.getRight.call(this) + this._aright;
     };
-    DBasePaddingAdjustable.prototype.adjRight = function (right) {
-        if (this._right !== right) {
-            this._right = right;
+    DBasePaddingAdjustable.prototype.adjRight = function (aright) {
+        if (this._aright !== aright) {
+            this._aright = aright;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "right", {
-        get: function () {
-            return this._target.right;
-        },
-        set: function (right) {
-            this._target.right = right;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DBasePaddingAdjustable.prototype.getBottom = function () {
-        return this._target.getBottom() + this._bottom;
+        return _super.prototype.getBottom.call(this) + this._abottom;
     };
-    DBasePaddingAdjustable.prototype.adjBottom = function (bottom) {
-        if (this._bottom !== bottom) {
-            this._bottom = bottom;
+    DBasePaddingAdjustable.prototype.adjBottom = function (abottom) {
+        if (this._abottom !== abottom) {
+            this._abottom = abottom;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "bottom", {
-        get: function () {
-            return this._target.bottom;
-        },
-        set: function (bottom) {
-            this._target.bottom = bottom;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DBasePaddingAdjustable.prototype.set = function (top, right, bottom, left) {
-        var target = this._target;
-        if (right == null) {
-            target.set(top);
-        }
-        else if (bottom == null) {
-            target.set(top, right);
-        }
-        else if (left == null) {
-            target.set(top, right, bottom);
-        }
-        else {
-            target.set(top, right, bottom, left);
-        }
-    };
     return DBasePaddingAdjustable;
-}());
+}(DBasePadding));
 export { DBasePaddingAdjustable };
 //# sourceMappingURL=d-base-padding-adjustable.js.map

package/dist/wcardinal/ui/d-base-padding-adjustable.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-base-padding-adjustable.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-base-padding-adjustable.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DThemeBase } from \"./d-base\";\nimport { DBasePadding } from \"./d-base-padding\";\nimport { DPadding } from \"./d-padding\";\n\nexport interface DBasePaddingAdjuster {\n\tleft: number;\n\ttop: number;\n\tright: number;\n\tbottom: number;\n}\n\nexport class DBasePaddingAdjustable implements DPadding {\n\tprotected _target: DPadding;\n\tprotected _top: number;\n\tprotected _right: number;\n\tprotected _bottom: number;\n\tprotected _left: number;\n\tprotected _callback?: () => void;\n\n\tconstructor(target: DPadding) {\n\t\tthis._target = target;\n\t\tthis._top = 0;\n\t\tthis._right = 0;\n\t\tthis._bottom = 0;\n\t\tthis._left = 0;\n\t\tif (target instanceof DBasePadding) {\n\t\t\tthis._callback = target.getCallback();\n\t\t}\n\t}\n\n\tgetTheme(): DThemeBase {\n\t\treturn this._target.getTheme();\n\t}\n\n\tsetTheme(theme: DThemeBase): void {\n\t\tthis._target.setTheme(theme);\n\t}\n\n\tgetLeft(): number {\n\t\treturn this._target.getLeft() + this._left;\n\t}\n\n\tadjLeft(left: number): void {\n\t\tif (this._left !== left) {\n\t\t\tthis._left = left;\n\t\t\tconst callback = this._callback;\n\t\t\tif (callback) {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t}\n\t}\n\n\tget left(): number | undefined {\n\t\treturn this._target.left;\n\t}\n\n\tset left(left: number | undefined) {\n\t\tthis._target.left = left;\n\t}\n\n\tgetTop(): number {\n\t\treturn this._target.getTop() + this._top;\n\t}\n\n\tadjTop(top: number): void {\n\t\tif (this._top !== top) {\n\t\t\tthis._top = top;\n\t\t\tconst callback = this._callback;\n\t\t\tif (callback) {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t}\n\t}\n\n\tget top(): number | undefined {\n\t\treturn this._target.top;\n\t}\n\n\tset top(top: number | undefined) {\n\t\tthis._target.top = top;\n\t}\n\n\tgetRight(): number {\n\t\treturn this._target.getRight() + this._right;\n\t}\n\n\tadjRight(right: number): void {\n\t\tif (this._right !== right) {\n\t\t\tthis._right = right;\n\t\t\tconst callback = this._callback;\n\t\t\tif (callback) {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t}\n\t}\n\n\tget right(): number | undefined {\n\t\treturn this._target.right;\n\t}\n\n\tset right(right: number | undefined) {\n\t\tthis._target.right = right;\n\t}\n\n\tgetBottom(): number {\n\t\treturn this._target.getBottom() + this._bottom;\n\t}\n\n\tadjBottom(bottom: number): void {\n\t\tif (this._bottom !== bottom) {\n\t\t\tthis._bottom = bottom;\n\t\t\tconst callback = this._callback;\n\t\t\tif (callback) {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t}\n\t}\n\n\tget bottom(): number | undefined {\n\t\treturn this._target.bottom;\n\t}\n\n\tset bottom(bottom: number | undefined) {\n\t\tthis._target.bottom = bottom;\n\t}\n\n\tset(padding: number): void;\n\tset(topAndBottom: number, leftAndRight: number): void;\n\tset(top: number, leftAndRight: number, bottom: number): void;\n\tset(top: number, right: number, bottom: number, left: number): void;\n\tset(top: number, right?: number, bottom?: number, left?: number): void {\n\t\tconst target = this._target;\n\t\tif (right == null) {\n\t\t\ttarget.set(top);\n\t\t} else if (bottom == null) {\n\t\t\ttarget.set(top, right);\n\t\t} else if (left == null) {\n\t\t\ttarget.set(top, right, bottom);\n\t\t} else {\n\t\t\ttarget.set(top, right, bottom, left);\n\t\t}\n\t}\n}\n"]}
+{"version":3,"file":"d-base-padding-adjustable.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-base-padding-adjustable.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;IAA4C,0CAAY;IAMvD,gCAAY,KAAiB,EAAE,OAA2B,EAAE,QAAqB;QAAjF,YACC,kBAAM,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,SAK/B;QAJA,KAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,KAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QACjB,KAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,KAAI,CAAC,MAAM,GAAG,CAAC,CAAC;;IACjB,CAAC;IAEQ,wCAAO,GAAhB;QACC,OAAO,iBAAM,OAAO,WAAE,GAAG,IAAI,CAAC,MAAM,CAAC;IACtC,CAAC;IAED,wCAAO,GAAP,UAAQ,KAAa;QACpB,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;YAC1B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;YAChC,IAAI,QAAQ,EAAE;gBACb,QAAQ,EAAE,CAAC;aACX;SACD;IACF,CAAC;IAEQ,uCAAM,GAAf;QACC,OAAO,iBAAM,MAAM,WAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IACpC,CAAC;IAED,uCAAM,GAAN,UAAO,IAAY;QAClB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;YACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;YAChC,IAAI,QAAQ,EAAE;gBACb,QAAQ,EAAE,CAAC;aACX;SACD;IACF,CAAC;IAEQ,yCAAQ,GAAjB;QACC,OAAO,iBAAM,QAAQ,WAAE,GAAG,IAAI,CAAC,OAAO,CAAC;IACxC,CAAC;IAED,yCAAQ,GAAR,UAAS,MAAc;QACtB,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAC5B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;YACtB,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;YAChC,IAAI,QAAQ,EAAE;gBACb,QAAQ,EAAE,CAAC;aACX;SACD;IACF,CAAC;IAEQ,0CAAS,GAAlB;QACC,OAAO,iBAAM,SAAS,WAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC1C,CAAC;IAED,0CAAS,GAAT,UAAU,OAAe;QACxB,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;YAC9B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;YACxB,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;YAChC,IAAI,QAAQ,EAAE;gBACb,QAAQ,EAAE,CAAC;aACX;SACD;IACF,CAAC;IACF,6BAAC;AAAD,CAAC,AArED,CAA4C,YAAY,GAqEvD","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBaseOptions, DThemeBase } from \"./d-base\";\nimport { DBasePadding } from \"./d-base-padding\";\n\nexport class DBasePaddingAdjustable extends DBasePadding {\n\tprotected _atop: number;\n\tprotected _aright: number;\n\tprotected _abottom: number;\n\tprotected _aleft: number;\n\n\tconstructor(theme: DThemeBase, options?: DBaseOptions<any>, callback?: () => void) {\n\t\tsuper(theme, options, callback);\n\t\tthis._atop = 0;\n\t\tthis._aright = 0;\n\t\tthis._abottom = 0;\n\t\tthis._aleft = 0;\n\t}\n\n\toverride getLeft(): number {\n\t\treturn super.getLeft() + this._aleft;\n\t}\n\n\tadjLeft(aleft: number): void {\n\t\tif (this._aleft !== aleft) {\n\t\t\tthis._aleft = aleft;\n\t\t\tconst callback = this._callback;\n\t\t\tif (callback) {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t}\n\t}\n\n\toverride getTop(): number {\n\t\treturn super.getTop() + this._atop;\n\t}\n\n\tadjTop(atop: number): void {\n\t\tif (this._atop !== atop) {\n\t\t\tthis._atop = atop;\n\t\t\tconst callback = this._callback;\n\t\t\tif (callback) {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t}\n\t}\n\n\toverride getRight(): number {\n\t\treturn super.getRight() + this._aright;\n\t}\n\n\tadjRight(aright: number): void {\n\t\tif (this._aright !== aright) {\n\t\t\tthis._aright = aright;\n\t\t\tconst callback = this._callback;\n\t\t\tif (callback) {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t}\n\t}\n\n\toverride getBottom(): number {\n\t\treturn super.getBottom() + this._abottom;\n\t}\n\n\tadjBottom(abottom: number): void {\n\t\tif (this._abottom !== abottom) {\n\t\t\tthis._abottom = abottom;\n\t\t\tconst callback = this._callback;\n\t\t\tif (callback) {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t}\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-base.js

@@ -90,7 +90,8 @@ var DBase = /** @class */ (function (_super) {
         _this._snippet = new DBaseSnippetContainer(_this);
         _this._reflowable = new DBaseReflowableContainer();
         _this._clearType = toEnum((_b = options === null || options === void 0 ? void 0 : options.clear) !== null && _b !== void 0 ? _b : theme.getClearType(), DLayoutClearType);
-        _this._padding = new DBasePadding(theme, options, function () {
+        _this._padding = _this.newPadding(theme, options, function () {
+            _this.toDirty();
             _this.toParentResized();
             _this.toHierarchyDirty();
             DApplications.update(_this);
@@ -336,6 +337,9 @@ var DBase = /** @class */ (function (_super) {
         _this.emit("init", _this);
         return _this;
     }
+    DBase.prototype.newPadding = function (theme, options, callback) {
+        return new DBasePadding(theme, options, callback);
+    };
     DBase.prototype.toCursor = function (cursor, state) {
         if (cursor) {
             if (isFunction(cursor)) {