@wcardinal/wcardinal-ui 0.158.0 → 0.161.0

package/dist/wcardinal/ui/util/util-input.js

@@ -10,8 +10,9 @@ import { UtilKeyboardEvent } from "./util-keyboard-event";
 var UtilInput = /** @class */ (function (_super) {
     __extends(UtilInput, _super);
     function UtilInput(target, operation, theme, options) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        var _this = _super.call(this, target, operation, theme, options) || this;
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f;
+        _this = _super.call(this, target, operation, theme, options) || this;
         _this._operation = operation;
         _this._onInputKeyDownBound = function (e) {
             _this.onInputKeyDown(e);
@@ -25,9 +26,9 @@ var UtilInput = /** @class */ (function (_super) {
         _this._description = (_a = options === null || options === void 0 ? void 0 : options.description) !== null && _a !== void 0 ? _a : "";
         var editing = options === null || options === void 0 ? void 0 : options.editing;
         _this._editingFormatter =
-            (_e = (_b = editing === null || editing === void 0 ? void 0 : editing.formatter) !== null && _b !== void 0 ? _b : (_d = (_c = options) === null || _c === void 0 ? void 0 : _c.text) === null || _d === void 0 ? void 0 : _d.formatter) !== null && _e !== void 0 ? _e : theme.getEditingFormatter();
-        _this._editingUnformatter = (_f = editing === null || editing === void 0 ? void 0 : editing.unformatter) !== null && _f !== void 0 ? _f : theme.getEditingUnformatter();
-        _this._editingValidator = (_g = editing === null || editing === void 0 ? void 0 : editing.validator) !== null && _g !== void 0 ? _g : theme.getEditingValidator();
+            (_d = (_b = editing === null || editing === void 0 ? void 0 : editing.formatter) !== null && _b !== void 0 ? _b : (_c = options === null || options === void 0 ? void 0 : options.text) === null || _c === void 0 ? void 0 : _c.formatter) !== null && _d !== void 0 ? _d : theme.getEditingFormatter();
+        _this._editingUnformatter = (_e = editing === null || editing === void 0 ? void 0 : editing.unformatter) !== null && _e !== void 0 ? _e : theme.getEditingUnformatter();
+        _this._editingValidator = (_f = editing === null || editing === void 0 ? void 0 : editing.validator) !== null && _f !== void 0 ? _f : theme.getEditingValidator();
         return _this;
     }
     UtilInput.prototype.onEnd = function () {

package/dist/wcardinal/ui/util/util-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"util-input.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-input.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2021 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DApplications } from \"../d-applications\";\nimport { isString } from \"./is-string\";\nimport {\n\tUtilHtmlElement,\n\tUtilHtmlElementOperation,\n\tUtilHtmlElementOptions,\n\tUtilHtmlElementTarget,\n\tUtilThemeHtmlElement\n} from \"./util-html-element\";\nimport { UtilKeyboardEvent } from \"./util-keyboard-event\";\n\nexport interface UtilInputTarget extends UtilHtmlElementTarget {}\n\nexport interface UtilInputOperation<VALUE, ELEMENT extends HTMLInputElement | HTMLTextAreaElement>\n\textends UtilHtmlElementOperation<ELEMENT> {\n\tgetValue(): VALUE | undefined;\n\tapplyTitle(): void;\n\n\tonValueInput(newValue: VALUE): void;\n\tonValueChange(newValue: VALUE, oldValue: VALUE): void;\n\tonEnter(): void;\n}\n\nexport interface UtilInputEditingOptions<VALUE = unknown> {\n\tformatter?: (value: VALUE) => string;\n\tunformatter?: (text: string) => VALUE;\n\tvalidator?: (value: VALUE) => string | null;\n}\n\nexport interface UtilInputOptions<VALUE, ELEMENT extends HTMLInputElement | HTMLTextAreaElement>\n\textends UtilHtmlElementOptions<ELEMENT> {\n\tdescription?: string;\n\tediting?: UtilInputEditingOptions<VALUE>;\n}\n\nexport interface UtilThemeInput<VALUE, ELEMENT extends HTMLInputElement | HTMLTextAreaElement>\n\textends UtilThemeHtmlElement<ELEMENT> {\n\tgetEditingFormatter(): (value: VALUE, caller: any) => string;\n\tgetEditingUnformatter(): (text: string, caller: any) => VALUE;\n\tgetEditingValidator(): (value: VALUE, caller: any) => string | null;\n}\n\nexport abstract class UtilInput<\n\tVALUE = unknown,\n\tELEMENT extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement | HTMLTextAreaElement,\n\tTARGET extends UtilInputTarget = UtilInputTarget,\n\tOPERATION extends UtilInputOperation<VALUE, ELEMENT> = UtilInputOperation<VALUE, ELEMENT>,\n\tTHEME extends UtilThemeInput<VALUE, ELEMENT> = UtilThemeInput<VALUE, ELEMENT>,\n\tOPTIONS extends UtilInputOptions<VALUE, ELEMENT> = UtilInputOptions<VALUE, ELEMENT>\n> extends UtilHtmlElement<ELEMENT, TARGET, OPERATION, THEME, OPTIONS> {\n\tprotected _onInputKeyDownBound: (e: KeyboardEvent) => void;\n\tprotected _onInputChangeBound: (e: Event) => void;\n\tprotected _onInputInputBound: (e: Event) => void;\n\n\tprotected _description: string;\n\n\tprotected _editingFormatter: (value: VALUE, caller: any) => string;\n\tprotected _editingUnformatter: (text: string, caller: any) => VALUE;\n\tprotected _editingValidator: (value: VALUE, caller: any) => string | null;\n\tprotected _editingValidationResult?: string | null;\n\n\tconstructor(target: TARGET, operation: OPERATION, theme: THEME, options?: OPTIONS) {\n\t\tsuper(target, operation, theme, options);\n\n\t\tthis._operation = operation;\n\n\t\tthis._onInputKeyDownBound = (e: KeyboardEvent): void => {\n\t\t\tthis.onInputKeyDown(e);\n\t\t};\n\t\tthis._onInputChangeBound = (): void => {\n\t\t\tthis.onInputChange();\n\t\t};\n\t\tthis._onInputInputBound = (e: Event): void => {\n\t\t\tthis.onInputInput(e);\n\t\t};\n\n\t\tthis._description = options?.description ?? \"\";\n\n\t\tconst editing = options?.editing;\n\t\tthis._editingFormatter =\n\t\t\tediting?.formatter ?? (options as any)?.text?.formatter ?? theme.getEditingFormatter();\n\t\tthis._editingUnformatter = editing?.unformatter ?? theme.getEditingUnformatter();\n\t\tthis._editingValidator = editing?.validator ?? theme.getEditingValidator();\n\t}\n\n\tprotected onEnd(): void {\n\t\tsuper.onEnd();\n\t\tthis.onInputChange();\n\t}\n\n\tprotected onElementAttached(\n\t\telement: ELEMENT,\n\t\tbefore?: HTMLDivElement | null,\n\t\tafter?: HTMLDivElement | null\n\t): void {\n\t\telement.value = this.fromValue(this._operation.getValue());\n\t\telement.addEventListener(\"change\", this._onInputChangeBound);\n\t\telement.addEventListener(\"input\", this._onInputInputBound);\n\t\tsuper.onElementAttached(element, before, after);\n\t}\n\n\tprotected onElementDetached(\n\t\telement: ELEMENT,\n\t\tbefore?: HTMLDivElement | null,\n\t\tafter?: HTMLDivElement | null\n\t): void {\n\t\tsuper.onElementDetached(element, before, after);\n\t\telement.removeEventListener(\"change\", this._onInputChangeBound);\n\t\telement.removeEventListener(\"input\", this._onInputInputBound);\n\t}\n\n\tprotected onInputKeyDown(e: KeyboardEvent): void {\n\t\tif (UtilKeyboardEvent.isOkKey(e)) {\n\t\t\tthis.end();\n\t\t\tthis._operation.onEnter();\n\t\t} else if (UtilKeyboardEvent.isCancelKey(e)) {\n\t\t\tthis.cancel();\n\t\t}\n\t}\n\n\tprotected toElementFocused(element: ELEMENT): void {\n\t\tsuper.toElementFocused(element);\n\t\telement.scrollTop = 0;\n\t\telement.scrollLeft = 0;\n\t}\n\n\tprotected onInputChange(): void {\n\t\tif (this.isShown()) {\n\t\t\tconst element = this.element;\n\t\t\tif (element != null) {\n\t\t\t\tconst operation = this._operation;\n\t\t\t\tconst newValue = this.toValue(element.value);\n\t\t\t\tconst oldValue = operation.getValue()!;\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\toperation.onValueChange(newValue, oldValue);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\ttoValue(valueAsString: string): VALUE {\n\t\treturn this._editingUnformatter(valueAsString, this);\n\t}\n\n\tfromValue(value: VALUE | undefined): string {\n\t\tif (value !== undefined) {\n\t\t\treturn this._editingFormatter(value, this);\n\t\t}\n\t\treturn \"\";\n\t}\n\n\tprotected onInputInput(e: Event): void {\n\t\tconst target = e.target;\n\t\tif (target instanceof HTMLInputElement) {\n\t\t\tthis._operation.onValueInput(this.toValue(target.value));\n\t\t}\n\t}\n\n\tvalidate(): string | null {\n\t\tconst value = this._operation.getValue();\n\t\tif (value !== undefined) {\n\t\t\tconst result = this._editingValidator(value, this);\n\t\t\tif (this._editingValidationResult !== result) {\n\t\t\t\tthis._editingValidationResult = result;\n\t\t\t\tconst state = this._target.state;\n\t\t\t\tstate.isInvalid = result != null;\n\t\t\t\tif (state.isHovered) {\n\t\t\t\t\tthis._operation.applyTitle();\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn result;\n\t\t}\n\t\treturn null;\n\t}\n\n\tapplyTitle(): boolean {\n\t\tconst editingValidationResult = this._editingValidationResult;\n\t\tif (isString(editingValidationResult)) {\n\t\t\tconst layer = DApplications.getLayer(this._target);\n\t\t\tif (layer) {\n\t\t\t\tlayer.view.title = editingValidationResult;\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n}\n"]}
+{"version":3,"file":"util-input.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-input.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2021 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DApplications } from \"../d-applications\";\nimport { isString } from \"./is-string\";\nimport {\n\tUtilHtmlElement,\n\tUtilHtmlElementOperation,\n\tUtilHtmlElementOptions,\n\tUtilHtmlElementTarget,\n\tUtilThemeHtmlElement\n} from \"./util-html-element\";\nimport { UtilKeyboardEvent } from \"./util-keyboard-event\";\n\nexport interface UtilInputTarget extends UtilHtmlElementTarget {}\n\nexport interface UtilInputOperation<VALUE, ELEMENT extends HTMLInputElement | HTMLTextAreaElement>\n\textends UtilHtmlElementOperation<ELEMENT> {\n\tgetValue(): VALUE | undefined;\n\tapplyTitle(): void;\n\n\tonValueInput(newValue: VALUE): void;\n\tonValueChange(newValue: VALUE, oldValue: VALUE): void;\n\tonEnter(): void;\n}\n\nexport interface UtilInputEditingOptions<VALUE = unknown> {\n\tformatter?: (value: VALUE) => string;\n\tunformatter?: (text: string) => VALUE;\n\tvalidator?: (value: VALUE) => string | null;\n}\n\nexport interface UtilInputOptions<VALUE, ELEMENT extends HTMLInputElement | HTMLTextAreaElement>\n\textends UtilHtmlElementOptions<ELEMENT> {\n\tdescription?: string;\n\tediting?: UtilInputEditingOptions<VALUE>;\n}\n\nexport interface UtilThemeInput<VALUE, ELEMENT extends HTMLInputElement | HTMLTextAreaElement>\n\textends UtilThemeHtmlElement<ELEMENT> {\n\tgetEditingFormatter(): (value: VALUE, caller: any) => string;\n\tgetEditingUnformatter(): (text: string, caller: any) => VALUE;\n\tgetEditingValidator(): (value: VALUE, caller: any) => string | null;\n}\n\nexport abstract class UtilInput<\n\tVALUE = unknown,\n\tELEMENT extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement | HTMLTextAreaElement,\n\tTARGET extends UtilInputTarget = UtilInputTarget,\n\tOPERATION extends UtilInputOperation<VALUE, ELEMENT> = UtilInputOperation<VALUE, ELEMENT>,\n\tTHEME extends UtilThemeInput<VALUE, ELEMENT> = UtilThemeInput<VALUE, ELEMENT>,\n\tOPTIONS extends UtilInputOptions<VALUE, ELEMENT> = UtilInputOptions<VALUE, ELEMENT>\n> extends UtilHtmlElement<ELEMENT, TARGET, OPERATION, THEME, OPTIONS> {\n\tprotected _onInputKeyDownBound: (e: KeyboardEvent) => void;\n\tprotected _onInputChangeBound: (e: Event) => void;\n\tprotected _onInputInputBound: (e: Event) => void;\n\n\tprotected _description: string;\n\n\tprotected _editingFormatter: (value: VALUE, caller: any) => string;\n\tprotected _editingUnformatter: (text: string, caller: any) => VALUE;\n\tprotected _editingValidator: (value: VALUE, caller: any) => string | null;\n\tprotected _editingValidationResult?: string | null;\n\n\tconstructor(target: TARGET, operation: OPERATION, theme: THEME, options?: OPTIONS) {\n\t\tsuper(target, operation, theme, options);\n\n\t\tthis._operation = operation;\n\n\t\tthis._onInputKeyDownBound = (e: KeyboardEvent): void => {\n\t\t\tthis.onInputKeyDown(e);\n\t\t};\n\t\tthis._onInputChangeBound = (): void => {\n\t\t\tthis.onInputChange();\n\t\t};\n\t\tthis._onInputInputBound = (e: Event): void => {\n\t\t\tthis.onInputInput(e);\n\t\t};\n\n\t\tthis._description = options?.description ?? \"\";\n\n\t\tconst editing = options?.editing;\n\t\tthis._editingFormatter =\n\t\t\tediting?.formatter ?? (options as any)?.text?.formatter ?? theme.getEditingFormatter();\n\t\tthis._editingUnformatter = editing?.unformatter ?? theme.getEditingUnformatter();\n\t\tthis._editingValidator = editing?.validator ?? theme.getEditingValidator();\n\t}\n\n\tprotected onEnd(): void {\n\t\tsuper.onEnd();\n\t\tthis.onInputChange();\n\t}\n\n\tprotected onElementAttached(\n\t\telement: ELEMENT,\n\t\tbefore?: HTMLDivElement | null,\n\t\tafter?: HTMLDivElement | null\n\t): void {\n\t\telement.value = this.fromValue(this._operation.getValue());\n\t\telement.addEventListener(\"change\", this._onInputChangeBound);\n\t\telement.addEventListener(\"input\", this._onInputInputBound);\n\t\tsuper.onElementAttached(element, before, after);\n\t}\n\n\tprotected onElementDetached(\n\t\telement: ELEMENT,\n\t\tbefore?: HTMLDivElement | null,\n\t\tafter?: HTMLDivElement | null\n\t): void {\n\t\tsuper.onElementDetached(element, before, after);\n\t\telement.removeEventListener(\"change\", this._onInputChangeBound);\n\t\telement.removeEventListener(\"input\", this._onInputInputBound);\n\t}\n\n\tprotected onInputKeyDown(e: KeyboardEvent): void {\n\t\tif (UtilKeyboardEvent.isOkKey(e)) {\n\t\t\tthis.end();\n\t\t\tthis._operation.onEnter();\n\t\t} else if (UtilKeyboardEvent.isCancelKey(e)) {\n\t\t\tthis.cancel();\n\t\t}\n\t}\n\n\tprotected toElementFocused(element: ELEMENT): void {\n\t\tsuper.toElementFocused(element);\n\t\telement.scrollTop = 0;\n\t\telement.scrollLeft = 0;\n\t}\n\n\tprotected onInputChange(): void {\n\t\tif (this.isShown()) {\n\t\t\tconst element = this.element;\n\t\t\tif (element != null) {\n\t\t\t\tconst operation = this._operation;\n\t\t\t\tconst newValue = this.toValue(element.value);\n\t\t\t\tconst oldValue = operation.getValue()!;\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\toperation.onValueChange(newValue, oldValue);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\ttoValue(valueAsString: string): VALUE {\n\t\treturn this._editingUnformatter(valueAsString, this);\n\t}\n\n\tfromValue(value: VALUE | undefined): string {\n\t\tif (value !== undefined) {\n\t\t\treturn this._editingFormatter(value, this);\n\t\t}\n\t\treturn \"\";\n\t}\n\n\tprotected onInputInput(e: Event): void {\n\t\tconst target = e.target;\n\t\tif (target instanceof HTMLInputElement) {\n\t\t\tthis._operation.onValueInput(this.toValue(target.value));\n\t\t}\n\t}\n\n\tvalidate(): string | null {\n\t\tconst value = this._operation.getValue();\n\t\tif (value !== undefined) {\n\t\t\tconst result = this._editingValidator(value, this);\n\t\t\tif (this._editingValidationResult !== result) {\n\t\t\t\tthis._editingValidationResult = result;\n\t\t\t\tconst state = this._target.state;\n\t\t\t\tstate.isInvalid = result != null;\n\t\t\t\tif (state.isHovered) {\n\t\t\t\t\tthis._operation.applyTitle();\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn result;\n\t\t}\n\t\treturn null;\n\t}\n\n\tapplyTitle(): boolean {\n\t\tconst editingValidationResult = this._editingValidationResult;\n\t\tif (isString(editingValidationResult)) {\n\t\t\tconst layer = DApplications.getLayer(this._target);\n\t\t\tif (layer) {\n\t\t\t\tlayer.view.title = editingValidationResult;\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n}\n"]}

package/dist/wcardinal/ui/util/util-name.js

@@ -8,11 +8,11 @@ var UtilName = /** @class */ (function () {
     UtilName.create = function (type) {
         var mapping = this._mapping;
         if (type in mapping) {
-            return type + " " + ++mapping[type];
+            return "".concat(type, " ").concat(++mapping[type]);
         }
         else {
             mapping[type] = 1;
-            return type + " 1";
+            return "".concat(type, " 1");
         }
     };
     UtilName._mapping = {};

package/dist/wcardinal/ui/util/util-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"util-name.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-name.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;IAAA;IAYA,CAAC;IATO,eAAM,GAAb,UAAc,IAAY;QACzB,IAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC9B,IAAI,IAAI,IAAI,OAAO,EAAE;YACpB,OAAU,IAAI,SAAI,EAAE,OAAO,CAAC,IAAI,CAAG,CAAC;SACpC;aAAM;YACN,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAClB,OAAU,IAAI,OAAI,CAAC;SACnB;IACF,CAAC;IAVgB,iBAAQ,GAA2B,EAAE,CAAC;IAWxD,eAAC;CAAA,AAZD,IAYC;SAZY,QAAQ","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport class UtilName {\n\tprotected static _mapping: Record<string, number> = {};\n\n\tstatic create(type: string): string {\n\t\tconst mapping = this._mapping;\n\t\tif (type in mapping) {\n\t\t\treturn `${type} ${++mapping[type]}`;\n\t\t} else {\n\t\t\tmapping[type] = 1;\n\t\t\treturn `${type} 1`;\n\t\t}\n\t}\n}\n"]}
+{"version":3,"file":"util-name.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-name.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;IAAA;IAYA,CAAC;IATO,eAAM,GAAb,UAAc,IAAY;QACzB,IAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC9B,IAAI,IAAI,IAAI,OAAO,EAAE;YACpB,OAAO,UAAG,IAAI,cAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAE,CAAC;SACpC;aAAM;YACN,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAClB,OAAO,UAAG,IAAI,OAAI,CAAC;SACnB;IACF,CAAC;IAVgB,iBAAQ,GAA2B,EAAE,CAAC;IAWxD,eAAC;CAAA,AAZD,IAYC;SAZY,QAAQ","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport class UtilName {\n\tprotected static _mapping: Record<string, number> = {};\n\n\tstatic create(type: string): string {\n\t\tconst mapping = this._mapping;\n\t\tif (type in mapping) {\n\t\t\treturn `${type} ${++mapping[type]}`;\n\t\t} else {\n\t\t\tmapping[type] = 1;\n\t\t\treturn `${type} 1`;\n\t\t}\n\t}\n}\n"]}

package/dist/wcardinal/ui/util/util-rgb.js

@@ -12,7 +12,7 @@ var UtilRgb = /** @class */ (function () {
     UtilRgb.fromCode = function (code) {
         var trimmed = code.trim().toLowerCase();
         if (trimmed.length === 6) {
-            var color = Number("0x" + trimmed);
+            var color = Number("0x".concat(trimmed));
             if (color === color) {
                 return color;
             }

package/dist/wcardinal/ui/util/util-rgb.js.map

@@ -1 +1 @@
-{"version":3,"file":"util-rgb.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-rgb.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { toPadded } from \"./to-padded\";\n\nexport class UtilRgb {\n\tstatic toCode(color: number): string {\n\t\treturn toPadded(color.toString(16).toUpperCase(), 6, \"0\");\n\t}\n\n\tstatic fromCode(code: string): number | null {\n\t\tconst trimmed = code.trim().toLowerCase();\n\t\tif (trimmed.length === 6) {\n\t\t\tconst color = Number(`0x${trimmed}`);\n\t\t\tif (color === color) {\n\t\t\t\treturn color;\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\n\tstatic fromRgb(r: number, g: number, b: number): number {\n\t\treturn ((r * 0xff) << 16) | ((g * 0xff) << 8) | ((b * 0xff) | 0);\n\t}\n\n\tstatic blend(colorA: number, colorB: number, t: number): number {\n\t\tconst ar = (colorA >> 16) & 0xff;\n\t\tconst ag = (colorA >> 8) & 0xff;\n\t\tconst ab = (colorA | 0) & 0xff;\n\n\t\tconst br = (colorB >> 16) & 0xff;\n\t\tconst bg = (colorB >> 8) & 0xff;\n\t\tconst bb = (colorB | 0) & 0xff;\n\n\t\tconst w1 = Math.max(0, Math.min(1, t));\n\t\tconst w0 = 1 - w1;\n\t\tconst cr = Math.max(0, Math.min(0xff, ar * w0 + br * w1));\n\t\tconst cg = Math.max(0, Math.min(0xff, ag * w0 + bg * w1));\n\t\tconst cb = Math.max(0, Math.min(0xff, ab * w0 + bb * w1));\n\n\t\treturn (cr << 16) | (cg << 8) | (cb | 0);\n\t}\n\n\tstatic brighten(color: number, amount: number): number {\n\t\tif (0 <= amount) {\n\t\t\treturn this.blend(color, 0xffffff, amount);\n\t\t} else {\n\t\t\treturn this.blend(color, 0x000000, -amount);\n\t\t}\n\t}\n\n\tstatic darken(color: number, amount: number): number {\n\t\tif (0 <= amount) {\n\t\t\treturn this.blend(color, 0x000000, amount);\n\t\t} else {\n\t\t\treturn this.blend(color, 0xffffff, -amount);\n\t\t}\n\t}\n\n\t/**\n\t * Convertes the given color to a grayscale color.\n\t *\n\t * @param color a color to be converted\n\t * @returns a grayscale color\n\t * @see https://en.wikipedia.org/wiki/Grayscale\n\t */\n\tstatic toGrayscale(color: number): number {\n\t\tconst l = this.toLuma(color);\n\t\treturn (l << 16) | (l << 8) | l;\n\t}\n\n\t/**\n\t * Convertes the given color to a luma in the range [0, 255].\n\t *\n\t * @param color a color to be converted\n\t * @returns a luma in the range [0, 255]\n\t * @see https://en.wikipedia.org/wiki/Grayscale\n\t */\n\tstatic toLuma(color: number): number {\n\t\tconst r = (color >> 16) & 0xff;\n\t\tconst g = (color >> 8) & 0xff;\n\t\tconst b = (color | 0) & 0xff;\n\t\treturn (0.2126 * r + 0.7152 * g + 0.0722 * b) & 0xff;\n\t}\n}\n"]}
+{"version":3,"file":"util-rgb.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-rgb.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { toPadded } from \"./to-padded\";\n\nexport class UtilRgb {\n\tstatic toCode(color: number): string {\n\t\treturn toPadded(color.toString(16).toUpperCase(), 6, \"0\");\n\t}\n\n\tstatic fromCode(code: string): number | null {\n\t\tconst trimmed = code.trim().toLowerCase();\n\t\tif (trimmed.length === 6) {\n\t\t\tconst color = Number(`0x${trimmed}`);\n\t\t\tif (color === color) {\n\t\t\t\treturn color;\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\n\tstatic fromRgb(r: number, g: number, b: number): number {\n\t\treturn ((r * 0xff) << 16) | ((g * 0xff) << 8) | ((b * 0xff) | 0);\n\t}\n\n\tstatic blend(colorA: number, colorB: number, t: number): number {\n\t\tconst ar = (colorA >> 16) & 0xff;\n\t\tconst ag = (colorA >> 8) & 0xff;\n\t\tconst ab = (colorA | 0) & 0xff;\n\n\t\tconst br = (colorB >> 16) & 0xff;\n\t\tconst bg = (colorB >> 8) & 0xff;\n\t\tconst bb = (colorB | 0) & 0xff;\n\n\t\tconst w1 = Math.max(0, Math.min(1, t));\n\t\tconst w0 = 1 - w1;\n\t\tconst cr = Math.max(0, Math.min(0xff, ar * w0 + br * w1));\n\t\tconst cg = Math.max(0, Math.min(0xff, ag * w0 + bg * w1));\n\t\tconst cb = Math.max(0, Math.min(0xff, ab * w0 + bb * w1));\n\n\t\treturn (cr << 16) | (cg << 8) | (cb | 0);\n\t}\n\n\tstatic brighten(color: number, amount: number): number {\n\t\tif (0 <= amount) {\n\t\t\treturn this.blend(color, 0xffffff, amount);\n\t\t} else {\n\t\t\treturn this.blend(color, 0x000000, -amount);\n\t\t}\n\t}\n\n\tstatic darken(color: number, amount: number): number {\n\t\tif (0 <= amount) {\n\t\t\treturn this.blend(color, 0x000000, amount);\n\t\t} else {\n\t\t\treturn this.blend(color, 0xffffff, -amount);\n\t\t}\n\t}\n\n\t/**\n\t * Convertes the given color to a grayscale color.\n\t *\n\t * @param color a color to be converted\n\t * @returns a grayscale color\n\t * @see https://en.wikipedia.org/wiki/Grayscale\n\t */\n\tstatic toGrayscale(color: number): number {\n\t\tconst l = this.toLuma(color);\n\t\treturn (l << 16) | (l << 8) | l;\n\t}\n\n\t/**\n\t * Convertes the given color to a luma in the range [0, 255].\n\t *\n\t * @param color a color to be converted\n\t * @returns a luma in the range [0, 255]\n\t * @see https://en.wikipedia.org/wiki/Grayscale\n\t */\n\tstatic toLuma(color: number): number {\n\t\tconst r = (color >> 16) & 0xff;\n\t\tconst g = (color >> 8) & 0xff;\n\t\tconst b = (color | 0) & 0xff;\n\t\treturn (0.2126 * r + 0.7152 * g + 0.0722 * b) & 0xff;\n\t}\n}\n"]}

package/dist/wcardinal/ui/util/util-rgba.js

@@ -9,7 +9,7 @@ var UtilRgba = /** @class */ (function () {
         var r = (color >> 16) & 0xff;
         var g = (color >> 8) & 0xff;
         var b = color & 0xff;
-        return "rgba(" + r + "," + g + "," + b + "," + alpha + ")";
+        return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(alpha, ")");
     };
     return UtilRgba;
 }());

package/dist/wcardinal/ui/util/util-rgba.js.map

@@ -1 +1 @@
-{"version":3,"file":"util-rgba.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-rgba.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;IAAA;IAOA,CAAC;IANO,eAAM,GAAb,UAAc,KAAa,EAAE,KAAa;QACzC,IAAM,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;QAC/B,IAAM,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;QAC9B,IAAM,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;QACvB,OAAO,UAAQ,CAAC,SAAI,CAAC,SAAI,CAAC,SAAI,KAAK,MAAG,CAAC;IACxC,CAAC;IACF,eAAC;AAAD,CAAC,AAPD,IAOC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport class UtilRgba {\n\tstatic toCode(color: number, alpha: number): string {\n\t\tconst r = (color >> 16) & 0xff;\n\t\tconst g = (color >> 8) & 0xff;\n\t\tconst b = color & 0xff;\n\t\treturn `rgba(${r},${g},${b},${alpha})`;\n\t}\n}\n"]}
+{"version":3,"file":"util-rgba.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-rgba.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;IAAA;IAOA,CAAC;IANO,eAAM,GAAb,UAAc,KAAa,EAAE,KAAa;QACzC,IAAM,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;QAC/B,IAAM,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;QAC9B,IAAM,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;QACvB,OAAO,eAAQ,CAAC,cAAI,CAAC,cAAI,CAAC,cAAI,KAAK,MAAG,CAAC;IACxC,CAAC;IACF,eAAC;AAAD,CAAC,AAPD,IAOC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport class UtilRgba {\n\tstatic toCode(color: number, alpha: number): string {\n\t\tconst r = (color >> 16) & 0xff;\n\t\tconst g = (color >> 8) & 0xff;\n\t\tconst b = color & 0xff;\n\t\treturn `rgba(${r},${g},${b},${alpha})`;\n\t}\n}\n"]}

package/dist/wcardinal/ui/util/util-svg-atlas-builder.js

@@ -57,7 +57,7 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
             frames[name] = new Rectangle(x, y, width, height);
             // Svg
             var ratio = this._ratio;
-            this._svg += "<g transform=\"translate(" + x * ratio + "," + y * ratio + ")\">" + path + "</g>";
+            this._svg += "<g transform=\"translate(".concat(x * ratio, ",").concat(y * ratio, ")\">").concat(path, "</g>");
             return true;
         }
         return false;
@@ -82,11 +82,11 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
             var realWidth = width * resolution;
             var realHeight = height * resolution;
             var ratio = this._ratio;
-            var attrWidth = "width=\"" + realWidth + "\"";
-            var attrHeight = "height=\"" + realHeight + "\"";
-            var attrViewBox = "viewBox=\"0 0 " + width * ratio + " " + height * ratio + "\"";
+            var attrWidth = "width=\"".concat(realWidth, "\"");
+            var attrHeight = "height=\"".concat(realHeight, "\"");
+            var attrViewBox = "viewBox=\"0 0 ".concat(width * ratio, " ").concat(height * ratio, "\"");
             var attrXmlns = "xmlns=\"http://www.w3.org/2000/svg\"";
-            var url = toSvgUrl("<svg " + attrWidth + " " + attrHeight + " " + attrViewBox + " " + attrXmlns + ">" + this._svg + "</svg>");
+            var url = toSvgUrl("<svg ".concat(attrWidth, " ").concat(attrHeight, " ").concat(attrViewBox, " ").concat(attrXmlns, ">").concat(this._svg, "</svg>"));
             var scaleMode = (_c = options === null || options === void 0 ? void 0 : options.scaling) !== null && _c !== void 0 ? _c : SCALE_MODES.NEAREST;
             var baseTexture = BaseTexture.from(url, {
                 resolution: resolution,

package/dist/wcardinal/ui/util/util-svg-atlas-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"util-svg-atlas-builder.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-svg-atlas-builder.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { BaseTexture, Rectangle, SCALE_MODES, Texture } from \"pixi.js\";\nimport { toSvgUrl } from \"./to-svg-url\";\n\nexport interface UtilSvgAtlasBuilderBuildOptions {\n\tforce?: boolean;\n\tscaling?: SCALE_MODES;\n\tresolution?: number;\n}\n\nexport class UtilSvgAtlasBuilder {\n\tprotected _width: number;\n\tprotected _ratio: number;\n\tprotected _margin: number;\n\n\tprotected _frames: Record<string, Rectangle>;\n\tprotected _svg: string;\n\tprotected _nextX: number;\n\tprotected _nextY: number;\n\tprotected _height: number;\n\n\tprotected _built?: Record<string, Texture>;\n\n\tconstructor(width: number, ratio: number, margin: number) {\n\t\tthis._width = width;\n\t\tthis._ratio = ratio;\n\t\tthis._margin = margin;\n\n\t\tthis._frames = {};\n\t\tthis._svg = \"\";\n\t\tthis._nextX = 0;\n\t\tthis._nextY = 0;\n\t\tthis._height = 0;\n\t}\n\n\tget width(): number {\n\t\treturn this._width;\n\t}\n\n\tget ratio(): number {\n\t\treturn this._ratio;\n\t}\n\n\tget margin(): number {\n\t\treturn this._margin;\n\t}\n\n\tadd(name: string, width: number, height: number, path: string): boolean {\n\t\tconst frames = this._frames;\n\t\tif (!(name in frames)) {\n\t\t\t// Position\n\t\t\tconst margin = this._margin;\n\t\t\tlet x = this._nextX;\n\t\t\tlet y = this._nextY;\n\t\t\tif (this._width <= x + width) {\n\t\t\t\tx = 0;\n\t\t\t\ty = this._nextY + this._height + margin;\n\t\t\t\tthis._height = height;\n\t\t\t\tthis._nextY = y;\n\t\t\t} else {\n\t\t\t\tthis._height = Math.max(this._height, height);\n\t\t\t}\n\t\t\tthis._nextX = x + width + margin;\n\n\t\t\t// Frame\n\t\t\tframes[name] = new Rectangle(x, y, width, height);\n\n\t\t\t// Svg\n\t\t\tconst ratio = this._ratio;\n\t\t\tthis._svg += `<g transform=\"translate(${x * ratio},${y * ratio})\">${path}</g>`;\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\thas(name: string): boolean {\n\t\treturn name in this._frames;\n\t}\n\n\tget mappings(): Record<string, Texture> {\n\t\treturn this.build();\n\t}\n\n\tbuild(options?: UtilSvgAtlasBuilderBuildOptions): Record<string, Texture> {\n\t\tlet built = this._built;\n\t\tif (built == null || options?.force) {\n\t\t\tconst resolution = options?.resolution ?? window.devicePixelRatio ?? 1;\n\t\t\tconst width = this._width;\n\t\t\tconst height = Math.pow(2, Math.ceil(Math.log(this._nextY + this._height) / Math.LN2));\n\t\t\tconst realWidth = width * resolution;\n\t\t\tconst realHeight = height * resolution;\n\t\t\tconst ratio = this._ratio;\n\t\t\tconst attrWidth = `width=\"${realWidth}\"`;\n\t\t\tconst attrHeight = `height=\"${realHeight}\"`;\n\t\t\tconst attrViewBox = `viewBox=\"0 0 ${width * ratio} ${height * ratio}\"`;\n\t\t\tconst attrXmlns = `xmlns=\"http://www.w3.org/2000/svg\"`;\n\t\t\tconst url = toSvgUrl(\n\t\t\t\t`<svg ${attrWidth} ${attrHeight} ${attrViewBox} ${attrXmlns}>${this._svg}</svg>`\n\t\t\t);\n\t\t\tconst scaleMode = options?.scaling ?? SCALE_MODES.NEAREST;\n\t\t\tconst baseTexture = BaseTexture.from(url, {\n\t\t\t\tresolution,\n\t\t\t\tscaleMode\n\t\t\t});\n\t\t\tconst frames = this._frames;\n\t\t\tbuilt = this._built = {};\n\t\t\tfor (const name in frames) {\n\t\t\t\tbuilt[name] = new Texture(baseTexture, frames[name]);\n\t\t\t}\n\t\t}\n\t\treturn built;\n\t}\n}\n"]}
+{"version":3,"file":"util-svg-atlas-builder.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-svg-atlas-builder.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAQxC;IAaC,6BAAY,KAAa,EAAE,KAAa,EAAE,MAAc;QACvD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QAEtB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAChB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAChB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IAClB,CAAC;IAED,sBAAI,sCAAK;aAAT;YACC,OAAO,IAAI,CAAC,MAAM,CAAC;QACpB,CAAC;;;OAAA;IAED,sBAAI,sCAAK;aAAT;YACC,OAAO,IAAI,CAAC,MAAM,CAAC;QACpB,CAAC;;;OAAA;IAED,sBAAI,uCAAM;aAAV;YACC,OAAO,IAAI,CAAC,OAAO,CAAC;QACrB,CAAC;;;OAAA;IAED,iCAAG,GAAH,UAAI,IAAY,EAAE,KAAa,EAAE,MAAc,EAAE,IAAY;QAC5D,IAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,EAAE;YACtB,WAAW;YACX,IAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;YAC5B,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;YACpB,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;YACpB,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,EAAE;gBAC7B,CAAC,GAAG,CAAC,CAAC;gBACN,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;gBACxC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;gBACtB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;aAChB;iBAAM;gBACN,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;aAC9C;YACD,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,MAAM,CAAC;YAEjC,QAAQ;YACR,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;YAElD,MAAM;YACN,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;YAC1B,IAAI,CAAC,IAAI,IAAI,mCAA2B,CAAC,GAAG,KAAK,cAAI,CAAC,GAAG,KAAK,iBAAM,IAAI,SAAM,CAAC;YAC/E,OAAO,IAAI,CAAC;SACZ;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IAED,iCAAG,GAAH,UAAI,IAAY;QACf,OAAO,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC;IAC7B,CAAC;IAED,sBAAI,yCAAQ;aAAZ;YACC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;;;OAAA;IAED,mCAAK,GAAL,UAAM,OAAyC;;QAC9C,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QACxB,IAAI,KAAK,IAAI,IAAI,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE;YACpC,IAAM,UAAU,GAAG,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,mCAAI,MAAM,CAAC,gBAAgB,mCAAI,CAAC,CAAC;YACvE,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;YAC1B,IAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YACvF,IAAM,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;YACrC,IAAM,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;YACvC,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;YAC1B,IAAM,SAAS,GAAG,kBAAU,SAAS,OAAG,CAAC;YACzC,IAAM,UAAU,GAAG,mBAAW,UAAU,OAAG,CAAC;YAC5C,IAAM,WAAW,GAAG,wBAAgB,KAAK,GAAG,KAAK,cAAI,MAAM,GAAG,KAAK,OAAG,CAAC;YACvE,IAAM,SAAS,GAAG,sCAAoC,CAAC;YACvD,IAAM,GAAG,GAAG,QAAQ,CACnB,eAAQ,SAAS,cAAI,UAAU,cAAI,WAAW,cAAI,SAAS,cAAI,IAAI,CAAC,IAAI,WAAQ,CAChF,CAAC;YACF,IAAM,SAAS,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAAI,WAAW,CAAC,OAAO,CAAC;YAC1D,IAAM,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE;gBACzC,UAAU,YAAA;gBACV,SAAS,WAAA;aACT,CAAC,CAAC;YACH,IAAM,QAAM,GAAG,IAAI,CAAC,OAAO,CAAC;YAC5B,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;YACzB,KAAK,IAAM,MAAI,IAAI,QAAM,EAAE;gBAC1B,KAAK,CAAC,MAAI,CAAC,GAAG,IAAI,OAAO,CAAC,WAAW,EAAE,QAAM,CAAC,MAAI,CAAC,CAAC,CAAC;aACrD;SACD;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IACF,0BAAC;AAAD,CAAC,AAtGD,IAsGC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { BaseTexture, Rectangle, SCALE_MODES, Texture } from \"pixi.js\";\nimport { toSvgUrl } from \"./to-svg-url\";\n\nexport interface UtilSvgAtlasBuilderBuildOptions {\n\tforce?: boolean;\n\tscaling?: SCALE_MODES;\n\tresolution?: number;\n}\n\nexport class UtilSvgAtlasBuilder {\n\tprotected _width: number;\n\tprotected _ratio: number;\n\tprotected _margin: number;\n\n\tprotected _frames: Record<string, Rectangle>;\n\tprotected _svg: string;\n\tprotected _nextX: number;\n\tprotected _nextY: number;\n\tprotected _height: number;\n\n\tprotected _built?: Record<string, Texture>;\n\n\tconstructor(width: number, ratio: number, margin: number) {\n\t\tthis._width = width;\n\t\tthis._ratio = ratio;\n\t\tthis._margin = margin;\n\n\t\tthis._frames = {};\n\t\tthis._svg = \"\";\n\t\tthis._nextX = 0;\n\t\tthis._nextY = 0;\n\t\tthis._height = 0;\n\t}\n\n\tget width(): number {\n\t\treturn this._width;\n\t}\n\n\tget ratio(): number {\n\t\treturn this._ratio;\n\t}\n\n\tget margin(): number {\n\t\treturn this._margin;\n\t}\n\n\tadd(name: string, width: number, height: number, path: string): boolean {\n\t\tconst frames = this._frames;\n\t\tif (!(name in frames)) {\n\t\t\t// Position\n\t\t\tconst margin = this._margin;\n\t\t\tlet x = this._nextX;\n\t\t\tlet y = this._nextY;\n\t\t\tif (this._width <= x + width) {\n\t\t\t\tx = 0;\n\t\t\t\ty = this._nextY + this._height + margin;\n\t\t\t\tthis._height = height;\n\t\t\t\tthis._nextY = y;\n\t\t\t} else {\n\t\t\t\tthis._height = Math.max(this._height, height);\n\t\t\t}\n\t\t\tthis._nextX = x + width + margin;\n\n\t\t\t// Frame\n\t\t\tframes[name] = new Rectangle(x, y, width, height);\n\n\t\t\t// Svg\n\t\t\tconst ratio = this._ratio;\n\t\t\tthis._svg += `<g transform=\"translate(${x * ratio},${y * ratio})\">${path}</g>`;\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\thas(name: string): boolean {\n\t\treturn name in this._frames;\n\t}\n\n\tget mappings(): Record<string, Texture> {\n\t\treturn this.build();\n\t}\n\n\tbuild(options?: UtilSvgAtlasBuilderBuildOptions): Record<string, Texture> {\n\t\tlet built = this._built;\n\t\tif (built == null || options?.force) {\n\t\t\tconst resolution = options?.resolution ?? window.devicePixelRatio ?? 1;\n\t\t\tconst width = this._width;\n\t\t\tconst height = Math.pow(2, Math.ceil(Math.log(this._nextY + this._height) / Math.LN2));\n\t\t\tconst realWidth = width * resolution;\n\t\t\tconst realHeight = height * resolution;\n\t\t\tconst ratio = this._ratio;\n\t\t\tconst attrWidth = `width=\"${realWidth}\"`;\n\t\t\tconst attrHeight = `height=\"${realHeight}\"`;\n\t\t\tconst attrViewBox = `viewBox=\"0 0 ${width * ratio} ${height * ratio}\"`;\n\t\t\tconst attrXmlns = `xmlns=\"http://www.w3.org/2000/svg\"`;\n\t\t\tconst url = toSvgUrl(\n\t\t\t\t`<svg ${attrWidth} ${attrHeight} ${attrViewBox} ${attrXmlns}>${this._svg}</svg>`\n\t\t\t);\n\t\t\tconst scaleMode = options?.scaling ?? SCALE_MODES.NEAREST;\n\t\t\tconst baseTexture = BaseTexture.from(url, {\n\t\t\t\tresolution,\n\t\t\t\tscaleMode\n\t\t\t});\n\t\t\tconst frames = this._frames;\n\t\t\tbuilt = this._built = {};\n\t\t\tfor (const name in frames) {\n\t\t\t\tbuilt[name] = new Texture(baseTexture, frames[name]);\n\t\t\t}\n\t\t}\n\t\treturn built;\n\t}\n}\n"]}

package/dist/wcardinal-ui-theme-dark.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.158.0
+ Winter Cardinal UI v0.161.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -39,7 +39,7 @@
                     return instance;
                 }
                 else {
-                    throw new Error("No theme for the type '" + type + "'");
+                    throw new Error("No theme for the type '".concat(type, "'"));
                 }
             }
         };
@@ -177,12 +177,12 @@
         /* eslint-disable prettier/prettier */
         DThemeDarkAtlas.add(id, d, d, "<g>" +
             "<defs>" +
-            ("<radialGradient id=\"" + id + "_filter\">") +
-            ("<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"" + opacity + "\" />") +
+            "<radialGradient id=\"".concat(id, "_filter\">") +
+            "<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
             "<stop offset=\"100%\" stop-color=\"black\" stop-opacity=\"0\" />" +
             "</radialGradient>" +
             "</defs>" +
-            ("<rect x=\"0\" y=\"0\" width=\"" + d + "\" height=\"" + d + "\" fill=\"url(#" + id + "_filter)\"/>") +
+            "<rect x=\"0\" y=\"0\" width=\"".concat(d, "\" height=\"").concat(d, "\" fill=\"url(#").concat(id, "_filter)\"/>") +
             "</g>");
         /* eslint-enable prettier/prettier */
     };
@@ -788,7 +788,7 @@
         "</g>");
     /* eslint-enable prettier/prettier */
     var formatter$a = function (colorAndAlpha) {
-        return "#" + UtilRgb.toCode(colorAndAlpha.color) + " A" + colorAndAlpha.alpha.toFixed(2);
+        return "#".concat(UtilRgb.toCode(colorAndAlpha.color), " A").concat(colorAndAlpha.alpha.toFixed(2));
     };
     var DThemeDarkButtonColor = /** @class */ (function (_super) {
         __extends(DThemeDarkButtonColor, _super);
@@ -817,6 +817,8 @@
 
     const DDialogMode = wcardinal.ui.DDialogMode;
 
+    const DDialogState = wcardinal.ui.DDialogState;
+
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -841,11 +843,24 @@
         DThemeDarkDialog.prototype.getOffsetY = function () {
             return 5;
         };
-        DThemeDarkDialog.prototype.getBackgroundColor = function () {
-            return DThemeDarkConstants.BACKGROUND_COLOR;
+        DThemeDarkDialog.prototype.getBackgroundColor = function (state) {
+            if (state.is(DDialogState.MENU)) {
+                return DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
+            }
+            else {
+                return DThemeDarkConstants.BACKGROUND_COLOR;
+            }
         };
         DThemeDarkDialog.prototype.getBorderColor = function (state) {
-            return 0x393939;
+            if (state.is(DDialogState.MENU)) {
+                return null;
+            }
+            else {
+                return 0x393939;
+            }
+        };
+        DThemeDarkDialog.prototype.getOutlineColor = function (state) {
+            return null;
         };
         DThemeDarkDialog.prototype.getPaddingLeft = function () {
             return 16;
@@ -948,7 +963,7 @@
         for (var ih = 0; ih < height; ++ih) {
             for (var iw = 0; iw < width; ++iw) {
                 var color = (iw + ih) % 2 === 0 ? LIGHT : DARK;
-                result += "<rect x=\"" + 9 * iw + "\" y=\"" + 9 * ih + "\" width=\"9\" height=\"9\" fill=\"" + color + "\" />";
+                result += "<rect x=\"".concat(9 * iw, "\" y=\"").concat(9 * ih, "\" width=\"9\" height=\"9\" fill=\"").concat(color, "\" />");
             }
         }
         result += "</g>";
@@ -1479,7 +1494,7 @@
     ];
     var DAY_LABELS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
     var defaultLabelFormatter = function (date) {
-        return MONTH_LABELS[date.getMonth()] + " " + date.getFullYear();
+        return "".concat(MONTH_LABELS[date.getMonth()], " ").concat(date.getFullYear());
     };
     var defaultDateDecorator = function () {
         /* DO NOTHING*/
@@ -3497,20 +3512,20 @@
             return this.toTypedLabel(type, value);
         };
         EThemeDarkShapeActionValue.prototype.toTypedLabel = function (type, value) {
-            return this.toTypeLabel(type) + ": " + this.toConditionLabel(value.condition);
+            return "".concat(this.toTypeLabel(type), ": ").concat(this.toConditionLabel(value.condition));
         };
         EThemeDarkShapeActionValue.prototype.toSubtypedLabel = function (type, subtype, value) {
             var typeLabel = this.toTypeLabel(type);
             switch (type) {
                 case EShapeActionValueType.SHOW_HIDE:
-                    return "" + this.toShowHideTypeLabel(subtype);
+                    return "".concat(this.toShowHideTypeLabel(subtype));
                 case EShapeActionValueType.BLINK:
-                    return typeLabel + ": " + this.toBlinkTypeLabel(subtype);
+                    return "".concat(typeLabel, ": ").concat(this.toBlinkTypeLabel(subtype));
                 case EShapeActionValueType.CHANGE_COLOR:
                 case EShapeActionValueType.CHANGE_COLOR_LEGACY:
-                    return typeLabel + ": " + this.toChangeColorTypeLabel(subtype);
+                    return "".concat(typeLabel, ": ").concat(this.toChangeColorTypeLabel(subtype));
                 case EShapeActionValueType.MISC:
-                    return typeLabel + ": " + this.toMiscTypeLabel(subtype);
+                    return "".concat(typeLabel, ": ").concat(this.toMiscTypeLabel(subtype));
             }
             return null;
         };
@@ -3520,11 +3535,11 @@
                     var subtypeLabel = this.toTransformTypeLabel(subtype);
                     switch (subtype) {
                         case EShapeActionValueTransformType.ROTATE:
-                            return subtypeLabel + ": " + this.toTransformRotateTypeLabel(opetype);
+                            return "".concat(subtypeLabel, ": ").concat(this.toTransformRotateTypeLabel(opetype));
                         case EShapeActionValueTransformType.MOVE:
-                            return subtypeLabel + ": " + this.toTransformMoveTypeLabel(opetype);
+                            return "".concat(subtypeLabel, ": ").concat(this.toTransformMoveTypeLabel(opetype));
                         case EShapeActionValueTransformType.RESIZE:
-                            return subtypeLabel + ": " + this.toTransformResizeTypeLabel(opetype);
+                            return "".concat(subtypeLabel, ": ").concat(this.toTransformResizeTypeLabel(opetype));
                     }
             }
             return null;
@@ -4379,11 +4394,11 @@
         DThemeDarkHtmlElement.prototype.getElementStylePadding = function (state, padding) {
             if (padding) {
                 if ("getLeft" in padding) {
-                    return ("padding: " + padding.getTop() + "px " + padding.getRight() + "px " +
-                        (padding.getBottom() + "px " + padding.getLeft() + "px;"));
+                    return ("padding: ".concat(padding.getTop(), "px ").concat(padding.getRight(), "px ") +
+                        "".concat(padding.getBottom(), "px ").concat(padding.getLeft(), "px;"));
                 }
                 else {
-                    return "padding: " + padding.vertical + "px " + padding.horizontal + "px;";
+                    return "padding: ".concat(padding.vertical, "px ").concat(padding.horizontal, "px;");
                 }
             }
             return "padding: 0px;";
@@ -4396,21 +4411,21 @@
                 if (clipperRect) {
                     var left = elementRect.x - clipperRect.x;
                     var top_1 = elementRect.y - clipperRect.y;
-                    return "left:" + left + "px; top:" + top_1 + "px;";
+                    return "left:".concat(left, "px; top:").concat(top_1, "px;");
                 }
-                return "left:" + elementRect.x + "px; top: " + elementRect.y + "px;";
+                return "left:".concat(elementRect.x, "px; top: ").concat(elementRect.y, "px;");
             }
             return "left: 0px; top: 0px;";
         };
         DThemeDarkHtmlElement.prototype.getElementStylePositionSize = function (rect) {
             if (rect) {
-                return "width: " + rect.width + "px; height: " + rect.height + "px;";
+                return "width: ".concat(rect.width, "px; height: ").concat(rect.height, "px;");
             }
             return "width: 0px; height: 0px;";
         };
         DThemeDarkHtmlElement.prototype.getElementStylePositionTransform = function (matrix) {
             if (matrix) {
-                return "transform: matrix(" + matrix.a + "," + matrix.b + "," + matrix.c + "," + matrix.d + "," + matrix.tx + "," + matrix.ty + ");";
+                return "transform: matrix(".concat(matrix.a, ",").concat(matrix.b, ",").concat(matrix.c, ",").concat(matrix.d, ",").concat(matrix.tx, ",").concat(matrix.ty, ");");
             }
             return "";
         };
@@ -4421,10 +4436,10 @@
                 this.getElementStylePositionTransform(elementMatrix));
         };
         DThemeDarkHtmlElement.prototype.getElementStyleText = function (state) {
-            return ("font-family: " + this.getFontFamilly() + ";" +
-                ("font-size: " + this.getFontSize() + "px;") +
-                ("color: #" + this.getColor(state).toString(16) + ";") +
-                ("line-height: " + this.getLineHeight() + "px;") +
+            return ("font-family: ".concat(this.getFontFamilly(), ";") +
+                "font-size: ".concat(this.getFontSize(), "px;") +
+                "color: #".concat(this.getColor(state).toString(16), ";") +
+                "line-height: ".concat(this.getLineHeight(), "px;") +
                 "-moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;");
         };
         DThemeDarkHtmlElement.prototype.getElementStyleMargin = function (state) {
@@ -4448,14 +4463,14 @@
         };
         DThemeDarkHtmlElement.prototype.getClipperStylePositionPosition = function (rect) {
             if (rect) {
-                return "left: " + rect.x + "px; top: " + rect.y + "px;";
+                return "left: ".concat(rect.x, "px; top: ").concat(rect.y, "px;");
             }
             return "left: 0px; top: 0px;";
         };
         DThemeDarkHtmlElement.prototype.getClipperStylePositionSize = function (rect) {
             if (rect) {
-                return ("width: " + rect.width + "px; height: " + rect.height + "px;" +
-                    ("line-height: " + rect.height + "px;"));
+                return ("width: ".concat(rect.width, "px; height: ").concat(rect.height, "px;") +
+                    "line-height: ".concat(rect.height, "px;"));
             }
             return "width: 0px; height: 0px;";
         };
@@ -4695,7 +4710,7 @@
      * SPDX-License-Identifier: Apache-2.0
      */
     var CREATOR_CLASSNAME$1 = "d-theme-dark-input";
-    var CREATOR_CLASSNAME_ELEMENT$1 = CREATOR_CLASSNAME$1 + "-element";
+    var CREATOR_CLASSNAME_ELEMENT$1 = "".concat(CREATOR_CLASSNAME$1, "-element");
     var elementCreator$1 = function (container) {
         var found = container.getElementsByClassName(CREATOR_CLASSNAME_ELEMENT$1);
         if (0 < found.length) {
@@ -4717,15 +4732,15 @@
         container.appendChild(result);
         return result;
     };
-    var CREATOR_CLASSNAME_CLIPPER$1 = CREATOR_CLASSNAME$1 + "-clipper";
+    var CREATOR_CLASSNAME_CLIPPER$1 = "".concat(CREATOR_CLASSNAME$1, "-clipper");
     var clipperCreator$1 = function (container) {
         return divCreator$1(container, CREATOR_CLASSNAME_CLIPPER$1);
     };
-    var CREATOR_CLASSNAME_BEFORE$1 = CREATOR_CLASSNAME$1 + "-before";
+    var CREATOR_CLASSNAME_BEFORE$1 = "".concat(CREATOR_CLASSNAME$1, "-before");
     var beforeCreator$1 = function (container) {
         return divCreator$1(container, CREATOR_CLASSNAME_BEFORE$1);
     };
-    var CREATOR_CLASSNAME_AFTER$1 = CREATOR_CLASSNAME$1 + "-after";
+    var CREATOR_CLASSNAME_AFTER$1 = "".concat(CREATOR_CLASSNAME$1, "-after");
     var afterCreator$1 = function (container) {
         return divCreator$1(container, CREATOR_CLASSNAME_AFTER$1);
     };
@@ -4937,7 +4952,7 @@
      * SPDX-License-Identifier: Apache-2.0
      */
     var CREATOR_CLASSNAME = "d-theme-dark-input-text-area";
-    var CREATOR_CLASSNAME_ELEMENT = CREATOR_CLASSNAME + "-element";
+    var CREATOR_CLASSNAME_ELEMENT = "".concat(CREATOR_CLASSNAME, "-element");
     var elementCreator = function (container) {
         var found = container.getElementsByClassName(CREATOR_CLASSNAME_ELEMENT);
         if (0 < found.length) {
@@ -4959,15 +4974,15 @@
         container.appendChild(result);
         return result;
     };
-    var CREATOR_CLASSNAME_CLIPPER = CREATOR_CLASSNAME + "-clipper";
+    var CREATOR_CLASSNAME_CLIPPER = "".concat(CREATOR_CLASSNAME, "-clipper");
     var clipperCreator = function (container) {
         return divCreator(container, CREATOR_CLASSNAME_CLIPPER);
     };
-    var CREATOR_CLASSNAME_BEFORE = CREATOR_CLASSNAME + "-before";
+    var CREATOR_CLASSNAME_BEFORE = "".concat(CREATOR_CLASSNAME, "-before");
     var beforeCreator = function (container) {
         return divCreator(container, CREATOR_CLASSNAME_BEFORE);
     };
-    var CREATOR_CLASSNAME_AFTER = CREATOR_CLASSNAME + "-after";
+    var CREATOR_CLASSNAME_AFTER = "".concat(CREATOR_CLASSNAME, "-after");
     var afterCreator = function (container) {
         return divCreator(container, CREATOR_CLASSNAME_AFTER);
     };