@wcardinal/wcardinal-ui 0.398.0 → 0.400.0

package/dist/wcardinal/ui/d-button-color.js

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { __extends } from "tslib";
-import { DApplications } from "./d-applications";
 import { DButton } from "./d-button";
 import { DDialogColor } from "./d-dialog-color";
 import { DPickerColorAndAlpha } from "./d-picker-color-and-alpha";
@@ -44,35 +43,13 @@ var DButtonColor = /** @class */ (function (_super) {
         this.onColorChange();
         this.emit("change", newValue, oldValue, this);
     };
-    DButtonColor.prototype.toImageTintOptions = function (tint) {
-        var _this = this;
-        var color = function () { return _this._textValueComputed.color; };
-        if (tint) {
-            return {
-                color: tint.color || color,
-                alpha: tint.alpha
-            };
-        }
-        return {
-            color: color
-        };
-    };
-    DButtonColor.prototype.toImageOptions = function (theme, options) {
-        if (options) {
-            return {
-                source: options.source,
-                tint: this.toImageTintOptions(options.tint),
-                align: options.align,
-                margin: options.margin
-            };
-        }
-        return {
-            tint: this.toImageTintOptions()
-        };
-    };
     DButtonColor.prototype.onColorChange = function () {
-        if (this._images[0].updateTint()) {
-            DApplications.update(this);
+        var image = this.image.get(0);
+        if (image != null) {
+            var value = this._textValueComputed;
+            if (value != null) {
+                image.tint.color = value.color;
+            }
         }
         this.updateTextForcibly();
     };

package/dist/wcardinal/ui/d-button-color.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-button-color.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-button-color.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { InteractionEvent } from \"pixi.js\";\nimport { DApplications } from \"./d-applications\";\nimport { DButton, DButtonEvents, DButtonOptions, DThemeButton } from \"./d-button\";\nimport { DColorAndAlpha } from \"./d-color-and-alpha\";\nimport { DDialogColor, DDialogColorOptions } from \"./d-dialog-color\";\nimport { DImagePieceOptions, DImagePieceTintOptions } from \"./d-image-piece\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { DPickerColorAndAlpha } from \"./d-picker-color-and-alpha\";\n\n/**\n * {@link DButtonColor} events.\n */\nexport interface DButtonColorEvents<EMITTER> extends DButtonEvents<DColorAndAlpha, EMITTER> {\n\t/**\n\t * Triggered when a selection is changed.\n\t *\n\t * @param newValue a newly selected value\n\t * @param oldValue a previously selected value\n\t * @param emitter an emitter\n\t */\n\tchange(newValue: DColorAndAlpha, oldValue: DColorAndAlpha, emitter: EMITTER): void;\n}\n\n/**\n * {@link DButtonColor} \"on\" options.\n */\nexport interface DButtonColorOnOptions<EMITTER>\n\textends Partial<DButtonColorEvents<EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DButtonColor} options.\n */\nexport interface DButtonColorOptions<\n\tTHEME extends DThemeButtonColor = DThemeButtonColor,\n\tEMITTER = any\n> extends DButtonOptions<DColorAndAlpha, THEME, EMITTER> {\n\t/**\n\t * A dialog to pick a color.\n\t */\n\tdialog?: DDialogColorOptions;\n\n\ton?: DButtonColorOnOptions<EMITTER>;\n}\n\n/**\n * {@link DButtonColor} theme.\n */\nexport interface DThemeButtonColor extends DThemeButton<DColorAndAlpha> {}\n\nexport class DButtonColor<\n\tTHEME extends DThemeButtonColor = DThemeButtonColor,\n\tOPTIONS extends DButtonColorOptions<THEME> = DButtonColorOptions<THEME>\n> extends DButton<DColorAndAlpha, THEME, OPTIONS> {\n\tprotected static DIALOG?: DDialogColor;\n\tprotected _dialog?: DDialogColor;\n\tprotected _value?: DPickerColorAndAlpha;\n\n\tprotected onActivate(e?: InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void {\n\t\tsuper.onActivate(e);\n\t\tconst dialog = this.dialog;\n\t\tconst value = this._textValueComputed;\n\t\tif (value != null) {\n\t\t\tconst dialogCurrent = dialog.current;\n\t\t\tdialogCurrent.color = value.color;\n\t\t\tdialogCurrent.alpha = value.alpha;\n\t\t\tconst dialogNew = dialog.new;\n\t\t\tdialogNew.color = value.color;\n\t\t\tdialogNew.alpha = value.alpha;\n\t\t}\n\t\tdialog.open(this).then((): void => {\n\t\t\tthis.onValueChange(this.toClone(dialog.new), this.toClone(dialog.current));\n\t\t});\n\t}\n\n\tprotected toClone(value: DColorAndAlpha): DColorAndAlpha {\n\t\treturn {\n\t\t\tcolor: value.color,\n\t\t\talpha: value.alpha\n\t\t};\n\t}\n\n\tprotected onValueChange(newValue: DColorAndAlpha, oldValue: DColorAndAlpha): void {\n\t\tconst value = this._textValueComputed;\n\t\tif (value != null) {\n\t\t\tvalue.color = newValue.color;\n\t\t\tvalue.alpha = newValue.alpha;\n\t\t}\n\t\tthis.onColorChange();\n\t\tthis.emit(\"change\", newValue, oldValue, this);\n\t}\n\n\tprotected toImageTintOptions(tint?: DImagePieceTintOptions): DImagePieceTintOptions {\n\t\tconst color = () => this._textValueComputed!.color;\n\t\tif (tint) {\n\t\t\treturn {\n\t\t\t\tcolor: tint.color || color,\n\t\t\t\talpha: tint.alpha\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\tcolor\n\t\t};\n\t}\n\n\tprotected toImageOptions(\n\t\ttheme: THEME,\n\t\toptions?: DImagePieceOptions\n\t): DImagePieceOptions | undefined {\n\t\tif (options) {\n\t\t\treturn {\n\t\t\t\tsource: options.source,\n\t\t\t\ttint: this.toImageTintOptions(options.tint),\n\t\t\t\talign: options.align,\n\t\t\t\tmargin: options.margin\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\ttint: this.toImageTintOptions()\n\t\t};\n\t}\n\n\tprotected onColorChange(): void {\n\t\tif (this._images[0].updateTint()) {\n\t\t\tDApplications.update(this);\n\t\t}\n\t\tthis.updateTextForcibly();\n\t}\n\n\tprotected updateTextForcibly(): void {\n\t\tthis.onTextChange();\n\t\tthis.createOrUpdateText();\n\t}\n\n\tget dialog(): DDialogColor {\n\t\tlet dialog = this._dialog;\n\t\tif (dialog == null) {\n\t\t\tconst options = this._options?.dialog;\n\t\t\tif (options) {\n\t\t\t\tdialog = this.newDialog(options);\n\t\t\t} else {\n\t\t\t\tif (DButtonColor.DIALOG == null) {\n\t\t\t\t\tDButtonColor.DIALOG = this.newDialog({\n\t\t\t\t\t\tmode: \"MENU\",\n\t\t\t\t\t\tsticky: true\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tdialog = DButtonColor.DIALOG;\n\t\t\t}\n\t\t\tthis._dialog = dialog;\n\t\t}\n\t\treturn dialog;\n\t}\n\n\tprotected newDialog(options?: DDialogColorOptions): DDialogColor {\n\t\treturn new DDialogColor(options);\n\t}\n\n\tget value(): DColorAndAlpha {\n\t\tlet result = this._value;\n\t\tif (result == null) {\n\t\t\tresult = this.newValue();\n\t\t\tthis._value = result;\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected newValue(): DPickerColorAndAlpha {\n\t\tconst value = this._textValueComputed!;\n\t\treturn new DPickerColorAndAlpha(\n\t\t\tvalue,\n\t\t\t(color: number): void => {\n\t\t\t\tvalue.color = color;\n\t\t\t\tthis.onColorChange();\n\t\t\t},\n\t\t\t(alpha: number): void => {\n\t\t\t\tvalue.alpha = alpha;\n\t\t\t\tthis.updateTextForcibly();\n\t\t\t}\n\t\t);\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DButtonColor\";\n\t}\n}\n"]}
+{"version":3,"file":"d-button-color.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-button-color.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { InteractionEvent } from \"pixi.js\";\nimport { DButton, DButtonEvents, DButtonOptions, DThemeButton } from \"./d-button\";\nimport { DColorAndAlpha } from \"./d-color-and-alpha\";\nimport { DDialogColor, DDialogColorOptions } from \"./d-dialog-color\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { DPickerColorAndAlpha } from \"./d-picker-color-and-alpha\";\n\n/**\n * {@link DButtonColor} events.\n */\nexport interface DButtonColorEvents<EMITTER> extends DButtonEvents<DColorAndAlpha, EMITTER> {\n\t/**\n\t * Triggered when a selection is changed.\n\t *\n\t * @param newValue a newly selected value\n\t * @param oldValue a previously selected value\n\t * @param emitter an emitter\n\t */\n\tchange(newValue: DColorAndAlpha, oldValue: DColorAndAlpha, emitter: EMITTER): void;\n}\n\n/**\n * {@link DButtonColor} \"on\" options.\n */\nexport interface DButtonColorOnOptions<EMITTER>\n\textends Partial<DButtonColorEvents<EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DButtonColor} options.\n */\nexport interface DButtonColorOptions<\n\tTHEME extends DThemeButtonColor = DThemeButtonColor,\n\tEMITTER = any\n> extends DButtonOptions<DColorAndAlpha, THEME, EMITTER> {\n\t/**\n\t * A dialog to pick a color.\n\t */\n\tdialog?: DDialogColorOptions;\n\n\ton?: DButtonColorOnOptions<EMITTER>;\n}\n\n/**\n * {@link DButtonColor} theme.\n */\nexport interface DThemeButtonColor extends DThemeButton<DColorAndAlpha> {}\n\nexport class DButtonColor<\n\tTHEME extends DThemeButtonColor = DThemeButtonColor,\n\tOPTIONS extends DButtonColorOptions<THEME> = DButtonColorOptions<THEME>\n> extends DButton<DColorAndAlpha, THEME, OPTIONS> {\n\tprotected static DIALOG?: DDialogColor;\n\tprotected _dialog?: DDialogColor;\n\tprotected _value?: DPickerColorAndAlpha;\n\n\tprotected onActivate(e?: InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void {\n\t\tsuper.onActivate(e);\n\t\tconst dialog = this.dialog;\n\t\tconst value = this._textValueComputed;\n\t\tif (value != null) {\n\t\t\tconst dialogCurrent = dialog.current;\n\t\t\tdialogCurrent.color = value.color;\n\t\t\tdialogCurrent.alpha = value.alpha;\n\t\t\tconst dialogNew = dialog.new;\n\t\t\tdialogNew.color = value.color;\n\t\t\tdialogNew.alpha = value.alpha;\n\t\t}\n\t\tdialog.open(this).then((): void => {\n\t\t\tthis.onValueChange(this.toClone(dialog.new), this.toClone(dialog.current));\n\t\t});\n\t}\n\n\tprotected toClone(value: DColorAndAlpha): DColorAndAlpha {\n\t\treturn {\n\t\t\tcolor: value.color,\n\t\t\talpha: value.alpha\n\t\t};\n\t}\n\n\tprotected onValueChange(newValue: DColorAndAlpha, oldValue: DColorAndAlpha): void {\n\t\tconst value = this._textValueComputed;\n\t\tif (value != null) {\n\t\t\tvalue.color = newValue.color;\n\t\t\tvalue.alpha = newValue.alpha;\n\t\t}\n\t\tthis.onColorChange();\n\t\tthis.emit(\"change\", newValue, oldValue, this);\n\t}\n\n\tprotected onColorChange(): void {\n\t\tconst image = this.image.get(0);\n\t\tif (image != null) {\n\t\t\tconst value = this._textValueComputed;\n\t\t\tif (value != null) {\n\t\t\t\timage.tint.color = value.color;\n\t\t\t}\n\t\t}\n\t\tthis.updateTextForcibly();\n\t}\n\n\tprotected updateTextForcibly(): void {\n\t\tthis.onTextChange();\n\t\tthis.createOrUpdateText();\n\t}\n\n\tget dialog(): DDialogColor {\n\t\tlet dialog = this._dialog;\n\t\tif (dialog == null) {\n\t\t\tconst options = this._options?.dialog;\n\t\t\tif (options) {\n\t\t\t\tdialog = this.newDialog(options);\n\t\t\t} else {\n\t\t\t\tif (DButtonColor.DIALOG == null) {\n\t\t\t\t\tDButtonColor.DIALOG = this.newDialog({\n\t\t\t\t\t\tmode: \"MENU\",\n\t\t\t\t\t\tsticky: true\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tdialog = DButtonColor.DIALOG;\n\t\t\t}\n\t\t\tthis._dialog = dialog;\n\t\t}\n\t\treturn dialog;\n\t}\n\n\tprotected newDialog(options?: DDialogColorOptions): DDialogColor {\n\t\treturn new DDialogColor(options);\n\t}\n\n\tget value(): DColorAndAlpha {\n\t\tlet result = this._value;\n\t\tif (result == null) {\n\t\t\tresult = this.newValue();\n\t\t\tthis._value = result;\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected newValue(): DPickerColorAndAlpha {\n\t\tconst value = this._textValueComputed!;\n\t\treturn new DPickerColorAndAlpha(\n\t\t\tvalue,\n\t\t\t(color: number): void => {\n\t\t\t\tvalue.color = color;\n\t\t\t\tthis.onColorChange();\n\t\t\t},\n\t\t\t(alpha: number): void => {\n\t\t\t\tvalue.alpha = alpha;\n\t\t\t\tthis.updateTextForcibly();\n\t\t\t}\n\t\t);\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DButtonColor\";\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-dialog-processing.js

@@ -13,10 +13,11 @@ var DDialogProcessing = /** @class */ (function (_super) {
         var _this = _super.call(this, options) || this;
         _this._isDone = true;
         _this._startTime = 0;
+        var theme = _this.theme;
         var delay = options === null || options === void 0 ? void 0 : options.delay;
-        _this._delayDone = (_a = delay === null || delay === void 0 ? void 0 : delay.done) !== null && _a !== void 0 ? _a : _this.theme.getDoneDelay();
+        _this._delayDone = (_a = delay === null || delay === void 0 ? void 0 : delay.done) !== null && _a !== void 0 ? _a : theme.getDoneDelay();
         var delayClose = delay === null || delay === void 0 ? void 0 : delay.close;
-        _this._delayClose = delayClose !== undefined ? delayClose : _this.theme.getCloseDelay();
+        _this._delayClose = delayClose !== undefined ? delayClose : theme.getCloseDelay();
         _this._messageText = _this.message.text;
         return _this;
     }

package/dist/wcardinal/ui/d-dialog-processing.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-dialog-processing.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-dialog-processing.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBaseState } from \"./d-base-state\";\nimport { DDialogConfirm, DDialogConfirmOptions, DThemeDialogConfirm } from \"./d-dialog-confirm\";\nimport { DDialogConfirmMessage, DDialogConfirmMessageOptions } from \"./d-dialog-confirm-message\";\nimport { DDialogProcessingMessage } from \"./d-dialog-processing-message\";\nimport { DStateAwareOrValueMightBe } from \"./d-state-aware\";\n\nexport interface DDialogProcessingDelayOptions {\n\tdone?: number;\n\tclose?: number | null;\n}\n\nexport interface DDialogProcessingOptions<THEME extends DThemeDialogProcessing>\n\textends DDialogConfirmOptions<THEME> {\n\tdelay?: DDialogProcessingDelayOptions;\n}\n\nexport interface DThemeDialogProcessing extends DThemeDialogConfirm {\n\tgetDoneDelay(): number;\n\tgetCloseDelay(): number | null;\n}\n\nexport class DDialogProcessing<\n\tTHEME extends DThemeDialogProcessing = DThemeDialogProcessing,\n\tOPTIONS extends DDialogProcessingOptions<THEME> = DDialogProcessingOptions<THEME>\n> extends DDialogConfirm<THEME, OPTIONS> {\n\tprotected _isDone: boolean;\n\tprotected _startTime: number;\n\tprotected _delayDone: number;\n\tprotected _delayClose: number | null;\n\tprotected _timeoutId?: number;\n\tprotected _messageText: DStateAwareOrValueMightBe<string>;\n\tprotected _closeTimeoutId?: number;\n\n\tconstructor(options?: OPTIONS) {\n\t\tsuper(options);\n\t\tthis._isDone = true;\n\t\tthis._startTime = 0;\n\t\tconst delay = options?.delay;\n\t\tthis._delayDone = delay?.done ?? this.theme.getDoneDelay();\n\t\tconst delayClose = delay?.close;\n\t\tthis._delayClose = delayClose !== undefined ? delayClose : this.theme.getCloseDelay();\n\t\tthis._messageText = this.message.text;\n\t}\n\n\tprotected newMessage(options: DDialogConfirmMessageOptions): DDialogConfirmMessage {\n\t\treturn new DDialogProcessingMessage(options);\n\t}\n\n\tprotected onOpen(): void {\n\t\tthis._isDone = false;\n\t\tthis._startTime = Date.now();\n\t\tconst timeoutId = this._timeoutId;\n\t\tif (timeoutId != null) {\n\t\t\tclearTimeout(timeoutId);\n\t\t}\n\t\tconst closeTimeoutId = this._closeTimeoutId;\n\t\tif (closeTimeoutId != null) {\n\t\t\tclearTimeout(closeTimeoutId);\n\t\t}\n\t\tconst message = this.message;\n\t\tmessage.text = this._messageText;\n\t\tmessage.state.removeAll(DBaseState.SUCCEEDED, DBaseState.FAILED);\n\t\tconst footer = this._footer;\n\t\tif (footer != null) {\n\t\t\tfooter.hide();\n\t\t}\n\t\tsuper.onOpen();\n\t}\n\n\tprotected onDone(delay: number | null): void {\n\t\tif (delay != null) {\n\t\t\tthis._closeTimeoutId = window.setTimeout(() => {\n\t\t\t\tthis.close();\n\t\t\t}, delay);\n\t\t} else {\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\tprotected onResolved(message?: string): void {\n\t\tif (message != null) {\n\t\t\tthis.message.text = message;\n\t\t}\n\t\tthis.message.state.set(DBaseState.SUCCEEDED, DBaseState.FAILED);\n\t\tconst delayClose = this._delayClose;\n\t\tif (delayClose != null) {\n\t\t\tthis.onDone(delayClose);\n\t\t} else {\n\t\t\tconst footer = this._footer;\n\t\t\tif (footer != null) {\n\t\t\t\tfooter.show();\n\t\t\t} else {\n\t\t\t\tthis.close();\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onRejected(message?: string): void {\n\t\tif (message != null) {\n\t\t\tthis.message.text = message;\n\t\t}\n\t\tthis.message.state.set(DBaseState.FAILED, DBaseState.SUCCEEDED);\n\t\tconst footer = this._footer;\n\t\tif (footer != null) {\n\t\t\tfooter.show();\n\t\t} else {\n\t\t\tthis.onDone(this._delayClose);\n\t\t}\n\t}\n\n\tresolve(message?: string): void {\n\t\tif (!this._isDone) {\n\t\t\tthis._isDone = true;\n\t\t\tconst elapsedTime = Date.now() - this._startTime;\n\t\t\tconst delay = this._delayDone - elapsedTime;\n\t\t\tif (0 < delay) {\n\t\t\t\tthis._timeoutId = window.setTimeout((): void => {\n\t\t\t\t\tthis._timeoutId = undefined;\n\t\t\t\t\tthis.onResolved(message);\n\t\t\t\t}, delay);\n\t\t\t} else {\n\t\t\t\tthis.onResolved(message);\n\t\t\t}\n\t\t}\n\t}\n\n\treject(message?: string): void {\n\t\tif (!this._isDone) {\n\t\t\tthis._isDone = true;\n\t\t\tconst elapsedTime = Date.now() - this._startTime;\n\t\t\tconst delay = this._delayDone - elapsedTime;\n\t\t\tif (0 < delay) {\n\t\t\t\tthis._timeoutId = window.setTimeout((): void => {\n\t\t\t\t\tthis._timeoutId = undefined;\n\t\t\t\t\tthis.onRejected(message);\n\t\t\t\t}, delay);\n\t\t\t} else {\n\t\t\t\tthis.onRejected(message);\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onCloseOn(): void {\n\t\tif (this._isDone) {\n\t\t\tsuper.onCloseOn();\n\t\t}\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DDialogProcessing\";\n\t}\n}\n"]}
+{"version":3,"file":"d-dialog-processing.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-dialog-processing.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAA8C,MAAM,oBAAoB,CAAC;AAEhG,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAkBzE;IAGU,qCAA8B;IASvC,2BAAY,OAAiB;;QAA7B,YACC,kBAAM,OAAO,CAAC,SASd;QARA,KAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,KAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAM,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC;QACzB,IAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;QAC7B,KAAI,CAAC,UAAU,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,KAAK,CAAC,YAAY,EAAE,CAAC;QACtD,IAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC;QAChC,KAAI,CAAC,WAAW,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;QACjF,KAAI,CAAC,YAAY,GAAG,KAAI,CAAC,OAAO,CAAC,IAAI,CAAC;;IACvC,CAAC;IAES,sCAAU,GAApB,UAAqB,OAAqC;QACzD,OAAO,IAAI,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IAES,kCAAM,GAAhB;QACC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7B,IAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,IAAI,SAAS,IAAI,IAAI,EAAE;YACtB,YAAY,CAAC,SAAS,CAAC,CAAC;SACxB;QACD,IAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC;QAC5C,IAAI,cAAc,IAAI,IAAI,EAAE;YAC3B,YAAY,CAAC,cAAc,CAAC,CAAC;SAC7B;QACD,IAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;QACjC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;QACjE,IAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAI,MAAM,IAAI,IAAI,EAAE;YACnB,MAAM,CAAC,IAAI,EAAE,CAAC;SACd;QACD,iBAAM,MAAM,WAAE,CAAC;IAChB,CAAC;IAES,kCAAM,GAAhB,UAAiB,KAAoB;QAArC,iBAQC;QAPA,IAAI,KAAK,IAAI,IAAI,EAAE;YAClB,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC;gBACxC,KAAI,CAAC,KAAK,EAAE,CAAC;YACd,CAAC,EAAE,KAAK,CAAC,CAAC;SACV;aAAM;YACN,IAAI,CAAC,KAAK,EAAE,CAAC;SACb;IACF,CAAC;IAES,sCAAU,GAApB,UAAqB,OAAgB;QACpC,IAAI,OAAO,IAAI,IAAI,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC;SAC5B;QACD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;QAChE,IAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;QACpC,IAAI,UAAU,IAAI,IAAI,EAAE;YACvB,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;SACxB;aAAM;YACN,IAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;YAC5B,IAAI,MAAM,IAAI,IAAI,EAAE;gBACnB,MAAM,CAAC,IAAI,EAAE,CAAC;aACd;iBAAM;gBACN,IAAI,CAAC,KAAK,EAAE,CAAC;aACb;SACD;IACF,CAAC;IAES,sCAAU,GAApB,UAAqB,OAAgB;QACpC,IAAI,OAAO,IAAI,IAAI,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC;SAC5B;QACD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAChE,IAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAI,MAAM,IAAI,IAAI,EAAE;YACnB,MAAM,CAAC,IAAI,EAAE,CAAC;SACd;aAAM;YACN,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC9B;IACF,CAAC;IAED,mCAAO,GAAP,UAAQ,OAAgB;QAAxB,iBAcC;QAbA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;YACjD,IAAM,KAAK,GAAG,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC;YAC5C,IAAI,CAAC,GAAG,KAAK,EAAE;gBACd,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;oBACnC,KAAI,CAAC,UAAU,GAAG,SAAS,CAAC;oBAC5B,KAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBAC1B,CAAC,EAAE,KAAK,CAAC,CAAC;aACV;iBAAM;gBACN,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;aACzB;SACD;IACF,CAAC;IAED,kCAAM,GAAN,UAAO,OAAgB;QAAvB,iBAcC;QAbA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;YACjD,IAAM,KAAK,GAAG,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC;YAC5C,IAAI,CAAC,GAAG,KAAK,EAAE;gBACd,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;oBACnC,KAAI,CAAC,UAAU,GAAG,SAAS,CAAC;oBAC5B,KAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBAC1B,CAAC,EAAE,KAAK,CAAC,CAAC;aACV;iBAAM;gBACN,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;aACzB;SACD;IACF,CAAC;IAES,qCAAS,GAAnB;QACC,IAAI,IAAI,CAAC,OAAO,EAAE;YACjB,iBAAM,SAAS,WAAE,CAAC;SAClB;IACF,CAAC;IAES,mCAAO,GAAjB;QACC,OAAO,mBAAmB,CAAC;IAC5B,CAAC;IACF,wBAAC;AAAD,CAAC,AAnID,CAGU,cAAc,GAgIvB","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBaseState } from \"./d-base-state\";\nimport { DDialogConfirm, DDialogConfirmOptions, DThemeDialogConfirm } from \"./d-dialog-confirm\";\nimport { DDialogConfirmMessage, DDialogConfirmMessageOptions } from \"./d-dialog-confirm-message\";\nimport { DDialogProcessingMessage } from \"./d-dialog-processing-message\";\nimport { DStateAwareOrValueMightBe } from \"./d-state-aware\";\n\nexport interface DDialogProcessingDelayOptions {\n\tdone?: number;\n\tclose?: number | null;\n}\n\nexport interface DDialogProcessingOptions<THEME extends DThemeDialogProcessing>\n\textends DDialogConfirmOptions<THEME> {\n\tdelay?: DDialogProcessingDelayOptions;\n}\n\nexport interface DThemeDialogProcessing extends DThemeDialogConfirm {\n\tgetDoneDelay(): number;\n\tgetCloseDelay(): number | null;\n}\n\nexport class DDialogProcessing<\n\tTHEME extends DThemeDialogProcessing = DThemeDialogProcessing,\n\tOPTIONS extends DDialogProcessingOptions<THEME> = DDialogProcessingOptions<THEME>\n> extends DDialogConfirm<THEME, OPTIONS> {\n\tprotected _isDone: boolean;\n\tprotected _startTime: number;\n\tprotected _delayDone: number;\n\tprotected _delayClose: number | null;\n\tprotected _timeoutId?: number;\n\tprotected _messageText: DStateAwareOrValueMightBe<string>;\n\tprotected _closeTimeoutId?: number;\n\n\tconstructor(options?: OPTIONS) {\n\t\tsuper(options);\n\t\tthis._isDone = true;\n\t\tthis._startTime = 0;\n\t\tconst theme = this.theme;\n\t\tconst delay = options?.delay;\n\t\tthis._delayDone = delay?.done ?? theme.getDoneDelay();\n\t\tconst delayClose = delay?.close;\n\t\tthis._delayClose = delayClose !== undefined ? delayClose : theme.getCloseDelay();\n\t\tthis._messageText = this.message.text;\n\t}\n\n\tprotected newMessage(options: DDialogConfirmMessageOptions): DDialogConfirmMessage {\n\t\treturn new DDialogProcessingMessage(options);\n\t}\n\n\tprotected onOpen(): void {\n\t\tthis._isDone = false;\n\t\tthis._startTime = Date.now();\n\t\tconst timeoutId = this._timeoutId;\n\t\tif (timeoutId != null) {\n\t\t\tclearTimeout(timeoutId);\n\t\t}\n\t\tconst closeTimeoutId = this._closeTimeoutId;\n\t\tif (closeTimeoutId != null) {\n\t\t\tclearTimeout(closeTimeoutId);\n\t\t}\n\t\tconst message = this.message;\n\t\tmessage.text = this._messageText;\n\t\tmessage.state.removeAll(DBaseState.SUCCEEDED, DBaseState.FAILED);\n\t\tconst footer = this._footer;\n\t\tif (footer != null) {\n\t\t\tfooter.hide();\n\t\t}\n\t\tsuper.onOpen();\n\t}\n\n\tprotected onDone(delay: number | null): void {\n\t\tif (delay != null) {\n\t\t\tthis._closeTimeoutId = window.setTimeout(() => {\n\t\t\t\tthis.close();\n\t\t\t}, delay);\n\t\t} else {\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\tprotected onResolved(message?: string): void {\n\t\tif (message != null) {\n\t\t\tthis.message.text = message;\n\t\t}\n\t\tthis.message.state.set(DBaseState.SUCCEEDED, DBaseState.FAILED);\n\t\tconst delayClose = this._delayClose;\n\t\tif (delayClose != null) {\n\t\t\tthis.onDone(delayClose);\n\t\t} else {\n\t\t\tconst footer = this._footer;\n\t\t\tif (footer != null) {\n\t\t\t\tfooter.show();\n\t\t\t} else {\n\t\t\t\tthis.close();\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onRejected(message?: string): void {\n\t\tif (message != null) {\n\t\t\tthis.message.text = message;\n\t\t}\n\t\tthis.message.state.set(DBaseState.FAILED, DBaseState.SUCCEEDED);\n\t\tconst footer = this._footer;\n\t\tif (footer != null) {\n\t\t\tfooter.show();\n\t\t} else {\n\t\t\tthis.onDone(this._delayClose);\n\t\t}\n\t}\n\n\tresolve(message?: string): void {\n\t\tif (!this._isDone) {\n\t\t\tthis._isDone = true;\n\t\t\tconst elapsedTime = Date.now() - this._startTime;\n\t\t\tconst delay = this._delayDone - elapsedTime;\n\t\t\tif (0 < delay) {\n\t\t\t\tthis._timeoutId = window.setTimeout((): void => {\n\t\t\t\t\tthis._timeoutId = undefined;\n\t\t\t\t\tthis.onResolved(message);\n\t\t\t\t}, delay);\n\t\t\t} else {\n\t\t\t\tthis.onResolved(message);\n\t\t\t}\n\t\t}\n\t}\n\n\treject(message?: string): void {\n\t\tif (!this._isDone) {\n\t\t\tthis._isDone = true;\n\t\t\tconst elapsedTime = Date.now() - this._startTime;\n\t\t\tconst delay = this._delayDone - elapsedTime;\n\t\t\tif (0 < delay) {\n\t\t\t\tthis._timeoutId = window.setTimeout((): void => {\n\t\t\t\t\tthis._timeoutId = undefined;\n\t\t\t\t\tthis.onRejected(message);\n\t\t\t\t}, delay);\n\t\t\t} else {\n\t\t\t\tthis.onRejected(message);\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onCloseOn(): void {\n\t\tif (this._isDone) {\n\t\t\tsuper.onCloseOn();\n\t\t}\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DDialogProcessing\";\n\t}\n}\n"]}

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

@@ -0,0 +1,35 @@
+var DImageBaseThemeWrapperOther = /** @class */ (function () {
+    function DImageBaseThemeWrapperOther(theme) {
+        this._theme = theme;
+    }
+    DImageBaseThemeWrapperOther.prototype.getImageAlignHorizontal = function () {
+        return this._theme.getImageAlignHorizontal();
+    };
+    DImageBaseThemeWrapperOther.prototype.getImageAlignVertical = function () {
+        return this._theme.getImageAlignVertical();
+    };
+    DImageBaseThemeWrapperOther.prototype.getImageAlignWith = function () {
+        return this._theme.getImageAlignWith();
+    };
+    DImageBaseThemeWrapperOther.prototype.getImageMarginHorizontal = function () {
+        return this._theme.getImageMarginHorizontal();
+    };
+    DImageBaseThemeWrapperOther.prototype.getImageMarginVertial = function () {
+        return this._theme.getImageMarginVertial();
+    };
+    DImageBaseThemeWrapperOther.prototype.getImageTintColor = function (state) {
+        return this._theme.getImageTintColor(state);
+    };
+    DImageBaseThemeWrapperOther.prototype.getImageTintAlpha = function (state) {
+        return this._theme.getImageTintAlpha(state);
+    };
+    DImageBaseThemeWrapperOther.prototype.getImageRotation = function (state) {
+        return this._theme.getImageRotation(state);
+    };
+    DImageBaseThemeWrapperOther.prototype.getImageSource = function (state) {
+        return null;
+    };
+    return DImageBaseThemeWrapperOther;
+}());
+export { DImageBaseThemeWrapperOther };
+//# sourceMappingURL=d-image-base-theme-wrapper-other.js.map

package/dist/wcardinal/ui/d-image-base-theme-wrapper-other.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d-image-base-theme-wrapper-other.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-base-theme-wrapper-other.ts"],"names":[],"mappings":"AAOA;IAGC,qCAAY,KAAuB;QAClC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,6DAAuB,GAAvB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC;IAC9C,CAAC;IAED,2DAAqB,GAArB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAC5C,CAAC;IAED,uDAAiB,GAAjB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;IACxC,CAAC;IAED,8DAAwB,GAAxB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,wBAAwB,EAAE,CAAC;IAC/C,CAAC;IAED,2DAAqB,GAArB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAC5C,CAAC;IAED,uDAAiB,GAAjB,UAAkB,KAAoB;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IAED,uDAAiB,GAAjB,UAAkB,KAAoB;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IAED,sDAAgB,GAAhB,UAAiB,KAAoB;QACpC,OAAO,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,oDAAc,GAAd,UAAe,KAAoB;QAClC,OAAO,IAAI,CAAC;IACb,CAAC;IACF,kCAAC;AAAD,CAAC,AA1CD,IA0CC","sourcesContent":["import { DisplayObject, Texture } from \"pixi.js\";\nimport { DAlignHorizontal } from \"./d-align-horizontal\";\nimport { DAlignVertical } from \"./d-align-vertical\";\nimport { DAlignWith } from \"./d-align-with\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DThemeImagePiece } from \"./d-image-piece\";\n\nexport class DImageBaseThemeWrapperOther implements DThemeImagePiece {\n\tprotected _theme: DThemeImagePiece;\n\n\tconstructor(theme: DThemeImagePiece) {\n\t\tthis._theme = theme;\n\t}\n\n\tgetImageAlignHorizontal(): DAlignHorizontal {\n\t\treturn this._theme.getImageAlignHorizontal();\n\t}\n\n\tgetImageAlignVertical(): DAlignVertical {\n\t\treturn this._theme.getImageAlignVertical();\n\t}\n\n\tgetImageAlignWith(): DAlignWith {\n\t\treturn this._theme.getImageAlignWith();\n\t}\n\n\tgetImageMarginHorizontal(): number {\n\t\treturn this._theme.getImageMarginHorizontal();\n\t}\n\n\tgetImageMarginVertial(): number {\n\t\treturn this._theme.getImageMarginVertial();\n\t}\n\n\tgetImageTintColor(state: DBaseStateSet): number | null {\n\t\treturn this._theme.getImageTintColor(state);\n\t}\n\n\tgetImageTintAlpha(state: DBaseStateSet): number {\n\t\treturn this._theme.getImageTintAlpha(state);\n\t}\n\n\tgetImageRotation(state: DBaseStateSet): number {\n\t\treturn this._theme.getImageRotation(state);\n\t}\n\n\tgetImageSource(state: DBaseStateSet): Texture | DisplayObject | null {\n\t\treturn null;\n\t}\n}\n"]}

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

@@ -23,8 +23,12 @@ var DImageBaseThemeWrapperSecondary = /** @class */ (function () {
     DImageBaseThemeWrapperSecondary.prototype.getImageTintAlpha = function (state) {
         return this._theme.getSecondaryImageTintAlpha(state);
     };
+    DImageBaseThemeWrapperSecondary.prototype.getImageRotation = function (state) {
+        return this._theme.getSecondaryImageRotation(state);
+    };
     DImageBaseThemeWrapperSecondary.prototype.getImageSource = function (state) {
-        return this._theme.getSecondaryImageSource(state);
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this._theme).getSecondaryImageSource) === null || _b === void 0 ? void 0 : _b.call(_a, state)) !== null && _c !== void 0 ? _c : null;
     };
     return DImageBaseThemeWrapperSecondary;
 }());

package/dist/wcardinal/ui/d-image-base-theme-wrapper-secondary.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-image-base-theme-wrapper-secondary.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-base-theme-wrapper-secondary.ts"],"names":[],"mappings":"AAkBA;IAGC,yCAAY,KAA+B;QAC1C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,iEAAuB,GAAvB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,gCAAgC,EAAE,CAAC;IACvD,CAAC;IAED,+DAAqB,GAArB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,8BAA8B,EAAE,CAAC;IACrD,CAAC;IAED,2DAAiB,GAAjB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,0BAA0B,EAAE,CAAC;IACjD,CAAC;IAED,kEAAwB,GAAxB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,iCAAiC,EAAE,CAAC;IACxD,CAAC;IAED,+DAAqB,GAArB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,8BAA8B,EAAE,CAAC;IACrD,CAAC;IAED,2DAAiB,GAAjB,UAAkB,KAAoB;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,2DAAiB,GAAjB,UAAkB,KAAoB;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,wDAAc,GAAd,UAAe,KAAoB;QAClC,OAAO,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IACF,sCAAC;AAAD,CAAC,AAtCD,IAsCC","sourcesContent":["import { DisplayObject, Texture } from \"pixi.js\";\nimport { DAlignHorizontal } from \"./d-align-horizontal\";\nimport { DAlignVertical } from \"./d-align-vertical\";\nimport { DAlignWith } from \"./d-align-with\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DThemeImagePiece } from \"./d-image-piece\";\n\nexport interface DThemeImageBaseSecondary {\n\tgetSecondaryImageAlignHorizontal(): DAlignHorizontal;\n\tgetSecondaryImageAlignVertical(): DAlignVertical;\n\tgetSecondaryImageAlignWith(): DAlignWith;\n\tgetSecondaryImageMarginHorizontal(): number;\n\tgetSecondaryImageMarginVertial(): number;\n\tgetSecondaryImageTintColor(state: DBaseStateSet): number | null;\n\tgetSecondaryImageTintAlpha(state: DBaseStateSet): number;\n\tgetSecondaryImageSource(state: DBaseStateSet): Texture | DisplayObject | null;\n}\n\nexport class DImageBaseThemeWrapperSecondary implements DThemeImagePiece {\n\tprotected _theme: DThemeImageBaseSecondary;\n\n\tconstructor(theme: DThemeImageBaseSecondary) {\n\t\tthis._theme = theme;\n\t}\n\n\tgetImageAlignHorizontal(): DAlignHorizontal {\n\t\treturn this._theme.getSecondaryImageAlignHorizontal();\n\t}\n\n\tgetImageAlignVertical(): DAlignVertical {\n\t\treturn this._theme.getSecondaryImageAlignVertical();\n\t}\n\n\tgetImageAlignWith(): DAlignWith {\n\t\treturn this._theme.getSecondaryImageAlignWith();\n\t}\n\n\tgetImageMarginHorizontal(): number {\n\t\treturn this._theme.getSecondaryImageMarginHorizontal();\n\t}\n\n\tgetImageMarginVertial(): number {\n\t\treturn this._theme.getSecondaryImageMarginVertial();\n\t}\n\n\tgetImageTintColor(state: DBaseStateSet): number | null {\n\t\treturn this._theme.getSecondaryImageTintColor(state);\n\t}\n\n\tgetImageTintAlpha(state: DBaseStateSet): number {\n\t\treturn this._theme.getSecondaryImageTintAlpha(state);\n\t}\n\n\tgetImageSource(state: DBaseStateSet): Texture | DisplayObject | null {\n\t\treturn this._theme.getSecondaryImageSource(state);\n\t}\n}\n"]}
+{"version":3,"file":"d-image-base-theme-wrapper-secondary.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-base-theme-wrapper-secondary.ts"],"names":[],"mappings":"AAmBA;IAGC,yCAAY,KAA+B;QAC1C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,iEAAuB,GAAvB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,gCAAgC,EAAE,CAAC;IACvD,CAAC;IAED,+DAAqB,GAArB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,8BAA8B,EAAE,CAAC;IACrD,CAAC;IAED,2DAAiB,GAAjB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,0BAA0B,EAAE,CAAC;IACjD,CAAC;IAED,kEAAwB,GAAxB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,iCAAiC,EAAE,CAAC;IACxD,CAAC;IAED,+DAAqB,GAArB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,8BAA8B,EAAE,CAAC;IACrD,CAAC;IAED,2DAAiB,GAAjB,UAAkB,KAAoB;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,2DAAiB,GAAjB,UAAkB,KAAoB;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,0DAAgB,GAAhB,UAAiB,KAAoB;QACpC,OAAO,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IAED,wDAAc,GAAd,UAAe,KAAoB;;QAClC,OAAO,MAAA,MAAA,MAAA,IAAI,CAAC,MAAM,EAAC,uBAAuB,mDAAG,KAAK,CAAC,mCAAI,IAAI,CAAC;IAC7D,CAAC;IACF,sCAAC;AAAD,CAAC,AA1CD,IA0CC","sourcesContent":["import { DisplayObject, Texture } from \"pixi.js\";\nimport { DAlignHorizontal } from \"./d-align-horizontal\";\nimport { DAlignVertical } from \"./d-align-vertical\";\nimport { DAlignWith } from \"./d-align-with\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DThemeImagePiece } from \"./d-image-piece\";\n\nexport interface DThemeImageBaseSecondary {\n\tgetSecondaryImageAlignHorizontal(): DAlignHorizontal;\n\tgetSecondaryImageAlignVertical(): DAlignVertical;\n\tgetSecondaryImageAlignWith(): DAlignWith;\n\tgetSecondaryImageMarginHorizontal(): number;\n\tgetSecondaryImageMarginVertial(): number;\n\tgetSecondaryImageTintColor(state: DBaseStateSet): number | null;\n\tgetSecondaryImageTintAlpha(state: DBaseStateSet): number;\n\tgetSecondaryImageRotation(state: DBaseStateSet): number;\n\tgetSecondaryImageSource?(state: DBaseStateSet): Texture | DisplayObject | null;\n}\n\nexport class DImageBaseThemeWrapperSecondary implements DThemeImagePiece {\n\tprotected _theme: DThemeImageBaseSecondary;\n\n\tconstructor(theme: DThemeImageBaseSecondary) {\n\t\tthis._theme = theme;\n\t}\n\n\tgetImageAlignHorizontal(): DAlignHorizontal {\n\t\treturn this._theme.getSecondaryImageAlignHorizontal();\n\t}\n\n\tgetImageAlignVertical(): DAlignVertical {\n\t\treturn this._theme.getSecondaryImageAlignVertical();\n\t}\n\n\tgetImageAlignWith(): DAlignWith {\n\t\treturn this._theme.getSecondaryImageAlignWith();\n\t}\n\n\tgetImageMarginHorizontal(): number {\n\t\treturn this._theme.getSecondaryImageMarginHorizontal();\n\t}\n\n\tgetImageMarginVertial(): number {\n\t\treturn this._theme.getSecondaryImageMarginVertial();\n\t}\n\n\tgetImageTintColor(state: DBaseStateSet): number | null {\n\t\treturn this._theme.getSecondaryImageTintColor(state);\n\t}\n\n\tgetImageTintAlpha(state: DBaseStateSet): number {\n\t\treturn this._theme.getSecondaryImageTintAlpha(state);\n\t}\n\n\tgetImageRotation(state: DBaseStateSet): number {\n\t\treturn this._theme.getSecondaryImageRotation(state);\n\t}\n\n\tgetImageSource(state: DBaseStateSet): Texture | DisplayObject | null {\n\t\treturn this._theme.getSecondaryImageSource?.(state) ?? null;\n\t}\n}\n"]}

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

@@ -23,8 +23,12 @@ var DImageBaseThemeWrapperTertiary = /** @class */ (function () {
     DImageBaseThemeWrapperTertiary.prototype.getImageTintAlpha = function (state) {
         return this._theme.getTertiaryImageTintAlpha(state);
     };
+    DImageBaseThemeWrapperTertiary.prototype.getImageRotation = function (state) {
+        return this._theme.getTertiaryImageRotation(state);
+    };
     DImageBaseThemeWrapperTertiary.prototype.getImageSource = function (state) {
-        return this._theme.getTertiaryImageSource(state);
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this._theme).getTertiaryImageSource) === null || _b === void 0 ? void 0 : _b.call(_a, state)) !== null && _c !== void 0 ? _c : null;
     };
     return DImageBaseThemeWrapperTertiary;
 }());

package/dist/wcardinal/ui/d-image-base-theme-wrapper-tertiary.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-image-base-theme-wrapper-tertiary.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-base-theme-wrapper-tertiary.ts"],"names":[],"mappings":"AAkBA;IAGC,wCAAY,KAA8B;QACzC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,gEAAuB,GAAvB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,+BAA+B,EAAE,CAAC;IACtD,CAAC;IAED,8DAAqB,GAArB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,6BAA6B,EAAE,CAAC;IACpD,CAAC;IAED,0DAAiB,GAAjB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,yBAAyB,EAAE,CAAC;IAChD,CAAC;IAED,iEAAwB,GAAxB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,gCAAgC,EAAE,CAAC;IACvD,CAAC;IAED,8DAAqB,GAArB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,6BAA6B,EAAE,CAAC;IACpD,CAAC;IAED,0DAAiB,GAAjB,UAAkB,KAAoB;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IAED,0DAAiB,GAAjB,UAAkB,KAAoB;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IAED,uDAAc,GAAd,UAAe,KAAoB;QAClC,OAAO,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC;IACF,qCAAC;AAAD,CAAC,AAtCD,IAsCC","sourcesContent":["import { DisplayObject, Texture } from \"pixi.js\";\nimport { DAlignHorizontal } from \"./d-align-horizontal\";\nimport { DAlignVertical } from \"./d-align-vertical\";\nimport { DAlignWith } from \"./d-align-with\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DThemeImagePiece } from \"./d-image-piece\";\n\nexport interface DThemeImageBaseTertiary {\n\tgetTertiaryImageAlignHorizontal(): DAlignHorizontal;\n\tgetTertiaryImageAlignVertical(): DAlignVertical;\n\tgetTertiaryImageAlignWith(): DAlignWith;\n\tgetTertiaryImageMarginHorizontal(): number;\n\tgetTertiaryImageMarginVertial(): number;\n\tgetTertiaryImageTintColor(state: DBaseStateSet): number | null;\n\tgetTertiaryImageTintAlpha(state: DBaseStateSet): number;\n\tgetTertiaryImageSource(state: DBaseStateSet): Texture | DisplayObject | null;\n}\n\nexport class DImageBaseThemeWrapperTertiary implements DThemeImagePiece {\n\tprotected _theme: DThemeImageBaseTertiary;\n\n\tconstructor(theme: DThemeImageBaseTertiary) {\n\t\tthis._theme = theme;\n\t}\n\n\tgetImageAlignHorizontal(): DAlignHorizontal {\n\t\treturn this._theme.getTertiaryImageAlignHorizontal();\n\t}\n\n\tgetImageAlignVertical(): DAlignVertical {\n\t\treturn this._theme.getTertiaryImageAlignVertical();\n\t}\n\n\tgetImageAlignWith(): DAlignWith {\n\t\treturn this._theme.getTertiaryImageAlignWith();\n\t}\n\n\tgetImageMarginHorizontal(): number {\n\t\treturn this._theme.getTertiaryImageMarginHorizontal();\n\t}\n\n\tgetImageMarginVertial(): number {\n\t\treturn this._theme.getTertiaryImageMarginVertial();\n\t}\n\n\tgetImageTintColor(state: DBaseStateSet): number | null {\n\t\treturn this._theme.getTertiaryImageTintColor(state);\n\t}\n\n\tgetImageTintAlpha(state: DBaseStateSet): number {\n\t\treturn this._theme.getTertiaryImageTintAlpha(state);\n\t}\n\n\tgetImageSource(state: DBaseStateSet): Texture | DisplayObject | null {\n\t\treturn this._theme.getTertiaryImageSource(state);\n\t}\n}\n"]}
+{"version":3,"file":"d-image-base-theme-wrapper-tertiary.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-base-theme-wrapper-tertiary.ts"],"names":[],"mappings":"AAmBA;IAGC,wCAAY,KAA8B;QACzC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,gEAAuB,GAAvB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,+BAA+B,EAAE,CAAC;IACtD,CAAC;IAED,8DAAqB,GAArB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,6BAA6B,EAAE,CAAC;IACpD,CAAC;IAED,0DAAiB,GAAjB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,yBAAyB,EAAE,CAAC;IAChD,CAAC;IAED,iEAAwB,GAAxB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,gCAAgC,EAAE,CAAC;IACvD,CAAC;IAED,8DAAqB,GAArB;QACC,OAAO,IAAI,CAAC,MAAM,CAAC,6BAA6B,EAAE,CAAC;IACpD,CAAC;IAED,0DAAiB,GAAjB,UAAkB,KAAoB;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IAED,0DAAiB,GAAjB,UAAkB,KAAoB;QACrC,OAAO,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IAED,yDAAgB,GAAhB,UAAiB,KAAoB;QACpC,OAAO,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC;IAED,uDAAc,GAAd,UAAe,KAAoB;;QAClC,OAAO,MAAA,MAAA,MAAA,IAAI,CAAC,MAAM,EAAC,sBAAsB,mDAAG,KAAK,CAAC,mCAAI,IAAI,CAAC;IAC5D,CAAC;IACF,qCAAC;AAAD,CAAC,AA1CD,IA0CC","sourcesContent":["import { DisplayObject, Texture } from \"pixi.js\";\nimport { DAlignHorizontal } from \"./d-align-horizontal\";\nimport { DAlignVertical } from \"./d-align-vertical\";\nimport { DAlignWith } from \"./d-align-with\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DThemeImagePiece } from \"./d-image-piece\";\n\nexport interface DThemeImageBaseTertiary {\n\tgetTertiaryImageAlignHorizontal(): DAlignHorizontal;\n\tgetTertiaryImageAlignVertical(): DAlignVertical;\n\tgetTertiaryImageAlignWith(): DAlignWith;\n\tgetTertiaryImageMarginHorizontal(): number;\n\tgetTertiaryImageMarginVertial(): number;\n\tgetTertiaryImageTintColor(state: DBaseStateSet): number | null;\n\tgetTertiaryImageTintAlpha(state: DBaseStateSet): number;\n\tgetTertiaryImageRotation(state: DBaseStateSet): number;\n\tgetTertiaryImageSource?(state: DBaseStateSet): Texture | DisplayObject | null;\n}\n\nexport class DImageBaseThemeWrapperTertiary implements DThemeImagePiece {\n\tprotected _theme: DThemeImageBaseTertiary;\n\n\tconstructor(theme: DThemeImageBaseTertiary) {\n\t\tthis._theme = theme;\n\t}\n\n\tgetImageAlignHorizontal(): DAlignHorizontal {\n\t\treturn this._theme.getTertiaryImageAlignHorizontal();\n\t}\n\n\tgetImageAlignVertical(): DAlignVertical {\n\t\treturn this._theme.getTertiaryImageAlignVertical();\n\t}\n\n\tgetImageAlignWith(): DAlignWith {\n\t\treturn this._theme.getTertiaryImageAlignWith();\n\t}\n\n\tgetImageMarginHorizontal(): number {\n\t\treturn this._theme.getTertiaryImageMarginHorizontal();\n\t}\n\n\tgetImageMarginVertial(): number {\n\t\treturn this._theme.getTertiaryImageMarginVertial();\n\t}\n\n\tgetImageTintColor(state: DBaseStateSet): number | null {\n\t\treturn this._theme.getTertiaryImageTintColor(state);\n\t}\n\n\tgetImageTintAlpha(state: DBaseStateSet): number {\n\t\treturn this._theme.getTertiaryImageTintAlpha(state);\n\t}\n\n\tgetImageRotation(state: DBaseStateSet): number {\n\t\treturn this._theme.getTertiaryImageRotation(state);\n\t}\n\n\tgetImageSource(state: DBaseStateSet): Texture | DisplayObject | null {\n\t\treturn this._theme.getTertiaryImageSource?.(state) ?? null;\n\t}\n}\n"]}

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

@@ -3,17 +3,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { __extends } from "tslib";
-import { DImageBaseThemeWrapperSecondary } from "./d-image-base-theme-wrapper-secondary";
-import { DImageBaseThemeWrapperTertiary } from "./d-image-base-theme-wrapper-tertiary";
-import { DImagePiece } from "./d-image-piece";
 import { DImagePieceLayouter } from "./d-image-piece-layouter";
 import { DTextBase } from "./d-text-base";
-var hasSecondaryImageSource = function (theme) {
-    return !!theme.getSecondaryImageSource;
-};
-var hasTertiaryImageSource = function (theme) {
-    return !!theme.getTertiaryImageSource;
-};
+import { DImagePieceContainerImpl } from "./d-image-piece-container-impl";
 /**
  * A base class for UI classes with an image support.
  * See {@link DImageBaseEvents} for event details.
@@ -24,44 +16,33 @@ var DImageBase = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     DImageBase.prototype.init = function (options) {
-        this._images = this.newImages(this.theme, options);
+        this.getImage();
         _super.prototype.init.call(this, options);
     };
-    DImageBase.prototype.newImages = function (theme, options) {
-        var images = [];
-        images.push(this.newImage(theme, this.toImageOptions(theme, options === null || options === void 0 ? void 0 : options.image)));
-        if (hasSecondaryImageSource(theme)) {
-            images.push(this.newImage(new DImageBaseThemeWrapperSecondary(theme)));
-        }
-        if (hasTertiaryImageSource(theme)) {
-            images.push(this.newImage(new DImageBaseThemeWrapperTertiary(theme)));
-        }
-        return images;
-    };
-    DImageBase.prototype.toImageOptions = function (theme, options) {
-        return options;
-    };
-    DImageBase.prototype.newImage = function (theme, options) {
-        return new DImagePiece(this, theme, this._textAlign, options);
-    };
     Object.defineProperty(DImageBase.prototype, "image", {
         get: function () {
-            return this._images[0].source;
+            var _a;
+            return ((_a = this._image) !== null && _a !== void 0 ? _a : (this._image = this.newImage()));
         },
         set: function (imageSource) {
-            var image = this._images[0];
-            image.source = imageSource;
-            image.updateSource();
+            var image = this.image.get(0);
+            if (image != null) {
+                image.source = imageSource;
+            }
         },
         enumerable: false,
         configurable: true
     });
+    DImageBase.prototype.getImage = function () {
+        var _a;
+        return ((_a = this._image) !== null && _a !== void 0 ? _a : (this._image = this.newImage()));
+    };
+    DImageBase.prototype.newImage = function () {
+        return new DImagePieceContainerImpl(this, this.theme, this.options);
+    };
     DImageBase.prototype.onStateChange = function (newState, oldState) {
         _super.prototype.onStateChange.call(this, newState, oldState);
-        var images = this._images;
-        for (var i = 0, imax = images.length; i < imax; ++i) {
-            images[i].onStateChange(newState, oldState);
-        }
+        this.getImage().onStateChange(newState, oldState);
     };
     DImageBase.prototype.updateText = function () {
         this.updateTextValue();
@@ -69,15 +50,8 @@ var DImageBase = /** @class */ (function (_super) {
     };
     DImageBase.prototype.updateTextAndImage = function () {
         var _a;
-        var images = this._images;
         var layouter = ((_a = DImageBase.LAYOUTER) !== null && _a !== void 0 ? _a : (DImageBase.LAYOUTER = new DImagePieceLayouter()));
-        for (var i = 0, imax = images.length; i < imax; ++i) {
-            var image = images[i];
-            image.updateSource();
-            image.updateTint();
-            image.updateBound();
-            layouter.add(image);
-        }
+        this.getImage().updateTextAndImage(layouter);
         var text = this._text;
         if (text != null) {
             this.updateTextColor(text);
@@ -94,11 +68,8 @@ var DImageBase = /** @class */ (function (_super) {
         if (_super.prototype.isRefitable.call(this, target)) {
             return true;
         }
-        var images = this._images;
-        for (var i = 0, imax = images.length; i < imax; ++i) {
-            if (images[i].isRefitable(target)) {
-                return true;
-            }
+        if (this.getImage().isRefitable(target)) {
+            return true;
         }
         return false;
     };
@@ -106,9 +77,9 @@ var DImageBase = /** @class */ (function (_super) {
         return "DImageBase";
     };
     DImageBase.prototype.destroy = function () {
-        var images = this._images;
-        for (var i = 0, imax = images.length; i < imax; ++i) {
-            images[i].destroy();
+        var image = this._image;
+        if (image != null) {
+            image.destroy();
         }
         _super.prototype.destroy.call(this);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"d-image-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DisplayObject, Texture } from \"pixi.js\";\nimport { DAlignHorizontal } from \"./d-align-horizontal\";\nimport { DAlignVertical } from \"./d-align-vertical\";\nimport { DAlignWith } from \"./d-align-with\";\nimport { DRefitable } from \"./d-base\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport {\n\tDImageBaseThemeWrapperSecondary,\n\tDThemeImageBaseSecondary\n} from \"./d-image-base-theme-wrapper-secondary\";\nimport {\n\tDImageBaseThemeWrapperTertiary,\n\tDThemeImageBaseTertiary\n} from \"./d-image-base-theme-wrapper-tertiary\";\nimport { DImagePiece, DImagePieceOptions, DThemeImagePiece } from \"./d-image-piece\";\nimport { DImagePieceLayouter } from \"./d-image-piece-layouter\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { DStateAwareOrValueMightBe } from \"./d-state-aware\";\nimport { DTextBase, DTextBaseEvents, DTextBaseOptions, DThemeTextBase } from \"./d-text-base\";\n\n/**\n * {@link DImageBase} events.\n */\nexport interface DImageBaseEvents<VALUE, EMITTER> extends DTextBaseEvents<VALUE, EMITTER> {}\n\n/**\n * {@link DImageBase} \"on\" options.\n */\nexport interface DImageBaseOnOptions<VALUE, EMITTER>\n\textends Partial<DImageBaseEvents<VALUE, EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DImageBase} options.\n */\nexport interface DImageBaseOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeImageBase<VALUE> = DThemeImageBase<VALUE>,\n\tEMITTER = any\n> extends DTextBaseOptions<VALUE, THEME, EMITTER> {\n\timage?: DImagePieceOptions;\n\ton?: DImageBaseOnOptions<VALUE, EMITTER>;\n}\n\n/**\n * {@link DImageBase} theme.\n */\nexport interface DThemeImageBase<VALUE = unknown> extends DThemeTextBase<VALUE>, DThemeImagePiece {\n\tgetSecondaryImageAlignHorizontal(): DAlignHorizontal;\n\tgetSecondaryImageAlignVertical(): DAlignVertical;\n\tgetSecondaryImageAlignWith(): DAlignWith;\n\tgetSecondaryImageMarginHorizontal(): number;\n\tgetSecondaryImageMarginVertial(): number;\n\tgetSecondaryImageTintColor(state: DBaseStateSet): number | null;\n\tgetSecondaryImageTintAlpha(state: DBaseStateSet): number;\n\tgetSecondaryImageSource?(state: DBaseStateSet): Texture | DisplayObject | null;\n\n\tgetTertiaryImageAlignHorizontal(): DAlignHorizontal;\n\tgetTertiaryImageAlignVertical(): DAlignVertical;\n\tgetTertiaryImageAlignWith(): DAlignWith;\n\tgetTertiaryImageMarginHorizontal(): number;\n\tgetTertiaryImageMarginVertial(): number;\n\tgetTertiaryImageTintColor(state: DBaseStateSet): number | null;\n\tgetTertiaryImageTintAlpha(state: DBaseStateSet): number;\n\tgetTertiaryImageSource?(state: DBaseStateSet): Texture | DisplayObject | null;\n}\n\nconst hasSecondaryImageSource = <VALUE>(\n\ttheme: DThemeImageBase<VALUE>\n): theme is DThemeImageBase<VALUE> & DThemeImageBaseSecondary => {\n\treturn !!theme.getSecondaryImageSource;\n};\n\nconst hasTertiaryImageSource = <VALUE>(\n\ttheme: DThemeImageBase<VALUE>\n): theme is DThemeImageBase<VALUE> & DThemeImageBaseTertiary => {\n\treturn !!theme.getTertiaryImageSource;\n};\n\n/**\n * A base class for UI classes with an image support.\n * See {@link DImageBaseEvents} for event details.\n */\nexport class DImageBase<\n\tVALUE = unknown,\n\tTHEME extends DThemeImageBase<VALUE> = DThemeImageBase<VALUE>,\n\tOPTIONS extends DImageBaseOptions<VALUE, THEME> = DImageBaseOptions<VALUE, THEME>\n> extends DTextBase<VALUE, THEME, OPTIONS> {\n\tprotected static LAYOUTER?: DImagePieceLayouter;\n\tprotected _images!: DImagePiece[];\n\n\tprotected init(options?: OPTIONS): void {\n\t\tthis._images = this.newImages(this.theme, options);\n\t\tsuper.init(options);\n\t}\n\n\tprotected newImages(theme: THEME, options?: OPTIONS): DImagePiece[] {\n\t\tconst images: DImagePiece[] = [];\n\t\timages.push(this.newImage(theme, this.toImageOptions(theme, options?.image)));\n\t\tif (hasSecondaryImageSource(theme)) {\n\t\t\timages.push(this.newImage(new DImageBaseThemeWrapperSecondary(theme)));\n\t\t}\n\t\tif (hasTertiaryImageSource(theme)) {\n\t\t\timages.push(this.newImage(new DImageBaseThemeWrapperTertiary(theme)));\n\t\t}\n\t\treturn images;\n\t}\n\n\tprotected toImageOptions(\n\t\ttheme: THEME,\n\t\toptions?: DImagePieceOptions\n\t): DImagePieceOptions | undefined {\n\t\treturn options;\n\t}\n\n\tprotected newImage(theme: DThemeImagePiece, options?: DImagePieceOptions): DImagePiece {\n\t\treturn new DImagePiece(this, theme, this._textAlign, options);\n\t}\n\n\tget image(): DStateAwareOrValueMightBe<Texture | DisplayObject | null> {\n\t\treturn this._images[0].source;\n\t}\n\n\tset image(imageSource: DStateAwareOrValueMightBe<Texture | DisplayObject | null>) {\n\t\tconst image = this._images[0];\n\t\timage.source = imageSource;\n\t\timage.updateSource();\n\t}\n\n\tprotected onStateChange(newState: DBaseStateSet, oldState: DBaseStateSet): void {\n\t\tsuper.onStateChange(newState, oldState);\n\n\t\tconst images = this._images;\n\t\tfor (let i = 0, imax = images.length; i < imax; ++i) {\n\t\t\timages[i].onStateChange(newState, oldState);\n\t\t}\n\t}\n\n\tprotected updateText(): void {\n\t\tthis.updateTextValue();\n\t\tthis.updateTextAndImage();\n\t}\n\n\tprotected updateTextAndImage(): void {\n\t\tconst images = this._images;\n\t\tconst layouter = (DImageBase.LAYOUTER ??= new DImagePieceLayouter());\n\t\tfor (let i = 0, imax = images.length; i < imax; ++i) {\n\t\t\tconst image = images[i];\n\t\t\timage.updateSource();\n\t\t\timage.updateTint();\n\t\t\timage.updateBound();\n\t\t\tlayouter.add(image);\n\t\t}\n\t\tconst text = this._text;\n\t\tif (text != null) {\n\t\t\tthis.updateTextColor(text);\n\t\t\tlayouter.set(text);\n\t\t} else {\n\t\t\tlayouter.set(null);\n\t\t}\n\t\tconst auto = this._auto;\n\t\tlayouter.execute(\n\t\t\tthis._padding,\n\t\t\tthis._textAlign,\n\t\t\tauto.width.isOn ? null : this.width,\n\t\t\tauto.height.isOn ? null : this.height\n\t\t);\n\t\tlayouter.clear();\n\t}\n\n\tprotected isRefitable(target: any): target is DRefitable {\n\t\tif (super.isRefitable(target)) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst images = this._images;\n\t\tfor (let i = 0, imax = images.length; i < imax; ++i) {\n\t\t\tif (images[i].isRefitable(target)) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DImageBase\";\n\t}\n\n\tdestroy(): void {\n\t\tconst images = this._images;\n\t\tfor (let i = 0, imax = images.length; i < imax; ++i) {\n\t\t\timages[i].destroy();\n\t\t}\n\t\tsuper.destroy();\n\t}\n}\n"]}
+{"version":3,"file":"d-image-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DisplayObject, Texture } from \"pixi.js\";\nimport { DRefitable } from \"./d-base\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DThemeImageBaseSecondary } from \"./d-image-base-theme-wrapper-secondary\";\nimport { DThemeImageBaseTertiary } from \"./d-image-base-theme-wrapper-tertiary\";\nimport { DImagePieceOptions, DThemeImagePiece } from \"./d-image-piece\";\nimport { DImagePieceLayouter } from \"./d-image-piece-layouter\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { DStateAwareOrValueMightBe } from \"./d-state-aware\";\nimport { DTextBase, DTextBaseEvents, DTextBaseOptions, DThemeTextBase } from \"./d-text-base\";\nimport { DImagePieceContainer } from \"./d-image-piece-container\";\nimport { DImagePieceContainerImpl } from \"./d-image-piece-container-impl\";\n\n/**\n * {@link DImageBase} events.\n */\nexport interface DImageBaseEvents<VALUE, EMITTER> extends DTextBaseEvents<VALUE, EMITTER> {}\n\n/**\n * {@link DImageBase} \"on\" options.\n */\nexport interface DImageBaseOnOptions<VALUE, EMITTER>\n\textends Partial<DImageBaseEvents<VALUE, EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DImageBase} options.\n */\nexport interface DImageBaseOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeImageBase<VALUE> = DThemeImageBase<VALUE>,\n\tEMITTER = any\n> extends DTextBaseOptions<VALUE, THEME, EMITTER> {\n\timage?: DImagePieceOptions;\n\timages?: DImagePieceOptions[];\n\ton?: DImageBaseOnOptions<VALUE, EMITTER>;\n}\n\n/**\n * {@link DImageBase} theme.\n */\nexport interface DThemeImageBase<VALUE = unknown>\n\textends DThemeTextBase<VALUE>,\n\t\tDThemeImagePiece,\n\t\tDThemeImageBaseSecondary,\n\t\tDThemeImageBaseTertiary {}\n\n/**\n * A base class for UI classes with an image support.\n * See {@link DImageBaseEvents} for event details.\n */\nexport class DImageBase<\n\tVALUE = unknown,\n\tTHEME extends DThemeImageBase<VALUE> = DThemeImageBase<VALUE>,\n\tOPTIONS extends DImageBaseOptions<VALUE, THEME> = DImageBaseOptions<VALUE, THEME>\n> extends DTextBase<VALUE, THEME, OPTIONS> {\n\tprotected static LAYOUTER?: DImagePieceLayouter;\n\tprotected _image?: DImagePieceContainerImpl;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tthis.getImage();\n\t\tsuper.init(options);\n\t}\n\n\tget image(): DImagePieceContainer {\n\t\treturn (this._image ??= this.newImage());\n\t}\n\n\tprotected getImage(): DImagePieceContainerImpl {\n\t\treturn (this._image ??= this.newImage());\n\t}\n\n\tprotected newImage(): DImagePieceContainerImpl {\n\t\treturn new DImagePieceContainerImpl(this, this.theme, this.options);\n\t}\n\n\tset image(imageSource: DStateAwareOrValueMightBe<Texture | DisplayObject | null>) {\n\t\tconst image = this.image.get(0);\n\t\tif (image != null) {\n\t\t\timage.source = imageSource;\n\t\t}\n\t}\n\n\tprotected onStateChange(newState: DBaseStateSet, oldState: DBaseStateSet): void {\n\t\tsuper.onStateChange(newState, oldState);\n\t\tthis.getImage().onStateChange(newState, oldState);\n\t}\n\n\tprotected updateText(): void {\n\t\tthis.updateTextValue();\n\t\tthis.updateTextAndImage();\n\t}\n\n\tprotected updateTextAndImage(): void {\n\t\tconst layouter = (DImageBase.LAYOUTER ??= new DImagePieceLayouter());\n\t\tthis.getImage().updateTextAndImage(layouter);\n\t\tconst text = this._text;\n\t\tif (text != null) {\n\t\t\tthis.updateTextColor(text);\n\t\t\tlayouter.set(text);\n\t\t} else {\n\t\t\tlayouter.set(null);\n\t\t}\n\t\tconst auto = this._auto;\n\t\tlayouter.execute(\n\t\t\tthis._padding,\n\t\t\tthis._textAlign,\n\t\t\tauto.width.isOn ? null : this.width,\n\t\t\tauto.height.isOn ? null : this.height\n\t\t);\n\t\tlayouter.clear();\n\t}\n\n\tprotected isRefitable(target: any): target is DRefitable {\n\t\tif (super.isRefitable(target)) {\n\t\t\treturn true;\n\t\t}\n\t\tif (this.getImage().isRefitable(target)) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DImageBase\";\n\t}\n\n\tdestroy(): void {\n\t\tconst image = this._image;\n\t\tif (image != null) {\n\t\t\timage.destroy();\n\t\t}\n\t\tsuper.destroy();\n\t}\n}\n"]}

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

@@ -0,0 +1,89 @@
+import { DAlignHorizontal } from "./d-align-horizontal";
+import { DAlignVertical } from "./d-align-vertical";
+import { DAlignWith } from "./d-align-with";
+import { toEnum } from "./util/to-enum";
+var DImagePieceAlignImpl = /** @class */ (function () {
+    function DImagePieceAlignImpl(parent, theme, options) {
+        var _a, _b, _c;
+        this._parent = parent;
+        this._with = toEnum((_a = options === null || options === void 0 ? void 0 : options.with) !== null && _a !== void 0 ? _a : theme.getImageAlignWith(), DAlignWith);
+        this._vertical = toEnum((_b = options === null || options === void 0 ? void 0 : options.vertical) !== null && _b !== void 0 ? _b : theme.getImageAlignVertical(), DAlignVertical);
+        this._horizontal = toEnum((_c = options === null || options === void 0 ? void 0 : options.horizontal) !== null && _c !== void 0 ? _c : theme.getImageAlignHorizontal(), DAlignHorizontal);
+    }
+    Object.defineProperty(DImagePieceAlignImpl.prototype, "with", {
+        get: function () {
+            return this._with;
+        },
+        set: function (w) {
+            w = toEnum(w, DAlignWith);
+            if (this._with !== w) {
+                this._with = w;
+                this.onChange();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DImagePieceAlignImpl.prototype, "vertical", {
+        get: function () {
+            return this._vertical;
+        },
+        set: function (vertical) {
+            vertical = toEnum(vertical, DAlignVertical);
+            if (this._vertical !== vertical) {
+                this._vertical = vertical;
+                this.onChange();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DImagePieceAlignImpl.prototype, "horizontal", {
+        get: function () {
+            return this._horizontal;
+        },
+        set: function (horizontal) {
+            horizontal = toEnum(horizontal, DAlignHorizontal);
+            if (this._horizontal !== horizontal) {
+                this._horizontal = horizontal;
+                this.onChange();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DImagePieceAlignImpl.prototype.set = function (w, vertical, horizontal) {
+        var isChanged = false;
+        if (w != null) {
+            w = toEnum(w, DAlignWith);
+            if (this._with !== w) {
+                this._with = w;
+                isChanged = true;
+            }
+        }
+        if (vertical != null) {
+            vertical = toEnum(vertical, DAlignVertical);
+            if (this._vertical !== vertical) {
+                this._vertical = vertical;
+                isChanged = true;
+            }
+        }
+        if (horizontal != null) {
+            horizontal = toEnum(horizontal, DAlignHorizontal);
+            if (this._horizontal !== horizontal) {
+                this._horizontal = horizontal;
+                isChanged = true;
+            }
+        }
+        if (isChanged) {
+            this.onChange();
+        }
+        return this;
+    };
+    DImagePieceAlignImpl.prototype.onChange = function () {
+        this._parent.onUpdate();
+    };
+    return DImagePieceAlignImpl;
+}());
+export { DImagePieceAlignImpl };
+//# sourceMappingURL=d-image-piece-align-impl.js.map

package/dist/wcardinal/ui/d-image-piece-align-impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d-image-piece-align-impl.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-align-impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;IAMC,8BACC,MAAkC,EAClC,KAAuB,EACvB,OAAiC;;QAEjC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,KAAK,CAAC,iBAAiB,EAAE,EAAE,UAAU,CAAC,CAAC;QAC5E,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,KAAK,CAAC,qBAAqB,EAAE,EAAE,cAAc,CAAC,CAAC;QAC5F,IAAI,CAAC,WAAW,GAAG,MAAM,CACxB,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,mCAAI,KAAK,CAAC,uBAAuB,EAAE,EACtD,gBAAgB,CAChB,CAAC;IACH,CAAC;IAED,sBAAI,sCAAI;aAAR;YACC,OAAO,IAAI,CAAC,KAAK,CAAC;QACnB,CAAC;aAED,UAAS,CAAuC;YAC/C,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;YAC1B,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;gBACrB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;gBACf,IAAI,CAAC,QAAQ,EAAE,CAAC;aAChB;QACF,CAAC;;;OARA;IAUD,sBAAI,0CAAQ;aAAZ;YACC,OAAO,IAAI,CAAC,SAAS,CAAC;QACvB,CAAC;aAED,UAAa,QAAsD;YAClE,QAAQ,GAAG,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;YAC5C,IAAI,IAAI,CAAC,SAAS,KAAK,QAAQ,EAAE;gBAChC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;gBAC1B,IAAI,CAAC,QAAQ,EAAE,CAAC;aAChB;QACF,CAAC;;;OARA;IAUD,sBAAI,4CAAU;aAAd;YACC,OAAO,IAAI,CAAC,WAAW,CAAC;QACzB,CAAC;aAED,UAAe,UAA4D;YAC1E,UAAU,GAAG,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;YAClD,IAAI,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;gBACpC,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;gBAC9B,IAAI,CAAC,QAAQ,EAAE,CAAC;aAChB;QACF,CAAC;;;OARA;IAUD,kCAAG,GAAH,UACC,CAAwC,EACxC,QAAuD,EACvD,UAA6D;QAE7D,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,IAAI,EAAE;YACd,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;YAC1B,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;gBACrB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;gBACf,SAAS,GAAG,IAAI,CAAC;aACjB;SACD;QACD,IAAI,QAAQ,IAAI,IAAI,EAAE;YACrB,QAAQ,GAAG,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;YAC5C,IAAI,IAAI,CAAC,SAAS,KAAK,QAAQ,EAAE;gBAChC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;gBAC1B,SAAS,GAAG,IAAI,CAAC;aACjB;SACD;QACD,IAAI,UAAU,IAAI,IAAI,EAAE;YACvB,UAAU,GAAG,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;YAClD,IAAI,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;gBACpC,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;gBAC9B,SAAS,GAAG,IAAI,CAAC;aACjB;SACD;QACD,IAAI,SAAS,EAAE;YACd,IAAI,CAAC,QAAQ,EAAE,CAAC;SAChB;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAES,uCAAQ,GAAlB;QACC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IACF,2BAAC;AAAD,CAAC,AA5FD,IA4FC","sourcesContent":["import { DAlignHorizontal } from \"./d-align-horizontal\";\nimport { DAlignVertical } from \"./d-align-vertical\";\nimport { DAlignWith } from \"./d-align-with\";\nimport { toEnum } from \"./util/to-enum\";\nimport { DThemeImagePiece } from \"./d-image-piece\";\nimport { DImagePieceAlign, DImagePieceAlignOptions } from \"./d-image-piece-align\";\n\nexport interface DImagePieceAlignImplParent {\n\tonUpdate(): void;\n}\n\nexport class DImagePieceAlignImpl implements DImagePieceAlign {\n\tprotected _parent: DImagePieceAlignImplParent;\n\tprotected _with: DAlignWith;\n\tprotected _vertical: DAlignVertical;\n\tprotected _horizontal: DAlignHorizontal;\n\n\tconstructor(\n\t\tparent: DImagePieceAlignImplParent,\n\t\ttheme: DThemeImagePiece,\n\t\toptions?: DImagePieceAlignOptions\n\t) {\n\t\tthis._parent = parent;\n\t\tthis._with = toEnum(options?.with ?? theme.getImageAlignWith(), DAlignWith);\n\t\tthis._vertical = toEnum(options?.vertical ?? theme.getImageAlignVertical(), DAlignVertical);\n\t\tthis._horizontal = toEnum(\n\t\t\toptions?.horizontal ?? theme.getImageAlignHorizontal(),\n\t\t\tDAlignHorizontal\n\t\t);\n\t}\n\n\tget with(): DAlignWith {\n\t\treturn this._with;\n\t}\n\n\tset with(w: keyof typeof DAlignWith | DAlignWith) {\n\t\tw = toEnum(w, DAlignWith);\n\t\tif (this._with !== w) {\n\t\t\tthis._with = w;\n\t\t\tthis.onChange();\n\t\t}\n\t}\n\n\tget vertical(): DAlignVertical {\n\t\treturn this._vertical;\n\t}\n\n\tset vertical(vertical: keyof typeof DAlignVertical | DAlignVertical) {\n\t\tvertical = toEnum(vertical, DAlignVertical);\n\t\tif (this._vertical !== vertical) {\n\t\t\tthis._vertical = vertical;\n\t\t\tthis.onChange();\n\t\t}\n\t}\n\n\tget horizontal(): DAlignHorizontal {\n\t\treturn this._horizontal;\n\t}\n\n\tset horizontal(horizontal: keyof typeof DAlignHorizontal | DAlignHorizontal) {\n\t\thorizontal = toEnum(horizontal, DAlignHorizontal);\n\t\tif (this._horizontal !== horizontal) {\n\t\t\tthis._horizontal = horizontal;\n\t\t\tthis.onChange();\n\t\t}\n\t}\n\n\tset(\n\t\tw?: keyof typeof DAlignWith | DAlignWith,\n\t\tvertical?: keyof typeof DAlignVertical | DAlignVertical,\n\t\thorizontal?: keyof typeof DAlignHorizontal | DAlignHorizontal\n\t): this {\n\t\tlet isChanged = false;\n\t\tif (w != null) {\n\t\t\tw = toEnum(w, DAlignWith);\n\t\t\tif (this._with !== w) {\n\t\t\t\tthis._with = w;\n\t\t\t\tisChanged = true;\n\t\t\t}\n\t\t}\n\t\tif (vertical != null) {\n\t\t\tvertical = toEnum(vertical, DAlignVertical);\n\t\t\tif (this._vertical !== vertical) {\n\t\t\t\tthis._vertical = vertical;\n\t\t\t\tisChanged = true;\n\t\t\t}\n\t\t}\n\t\tif (horizontal != null) {\n\t\t\thorizontal = toEnum(horizontal, DAlignHorizontal);\n\t\t\tif (this._horizontal !== horizontal) {\n\t\t\t\tthis._horizontal = horizontal;\n\t\t\t\tisChanged = true;\n\t\t\t}\n\t\t}\n\t\tif (isChanged) {\n\t\t\tthis.onChange();\n\t\t}\n\t\treturn this;\n\t}\n\n\tprotected onChange(): void {\n\t\tthis._parent.onUpdate();\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-image-piece-align.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=d-image-piece-align.js.map

package/dist/wcardinal/ui/d-image-piece-align.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d-image-piece-align.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-align.ts"],"names":[],"mappings":"","sourcesContent":["import { DAlignHorizontal } from \"./d-align-horizontal\";\nimport { DAlignVertical } from \"./d-align-vertical\";\nimport { DAlignWith } from \"./d-align-with\";\n\nexport interface DImagePieceAlignOptions {\n\twith?: keyof typeof DAlignWith | DAlignWith;\n\tvertical?: keyof typeof DAlignVertical | DAlignVertical;\n\thorizontal?: keyof typeof DAlignHorizontal | DAlignHorizontal;\n}\n\nexport interface DImagePieceAlign {\n\twith: DAlignWith;\n\tvertical: DAlignVertical;\n\thorizontal: DAlignHorizontal;\n\tset(w?: DAlignWith, vertical?: DAlignVertical, horizontal?: DAlignHorizontal): this;\n}\n"]}