@wcardinal/wcardinal-ui 0.404.0 → 0.406.0

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

@@ -11,6 +11,8 @@ import { EShapeBase } from "./e-shape-base";
 import { EShapeGroupPropertyParent } from "./e-shape-group-property-parent";
 import { EShapeGroupSize } from "./e-shape-group-size";
 import { EShapeResourceManagerDeserializationMode } from "../e-shape-resource-manager-deserialization-mode";
+import { EShapeImageLike } from "../e-shape-image-like";
+import { EShapeResourceManagerSerialization } from "../e-shape-resource-manager-serialization";
 export declare class EShapeGroup extends EShapeBase implements EShapeGroupPropertyParent {
     size: EShapeGroupSize;
     fill: EShapeFill;
@@ -35,10 +37,12 @@ export declare class EShapeGroup extends EShapeBase implements EShapeGroupProper
     set corner(corner: EShapeCorner);
     get gradient(): EShapeGradientLike | undefined;
     set gradient(gradient: EShapeGradientLike | undefined);
+    serializeGradient(manager: EShapeResourceManagerSerialization): number;
     get radius(): number;
     set radius(radius: number);
-    get image(): HTMLImageElement | undefined;
-    set image(image: HTMLImageElement | undefined);
+    get image(): EShapeImageLike | undefined;
+    set image(image: EShapeImageLike | undefined);
+    serializeImage(manager: EShapeResourceManagerSerialization): number;
     get points(): EShapePoints | undefined;
     set points(points: EShapePoints | undefined);
     clone(): EShapeGroup;

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

@@ -1,6 +1,7 @@
+import { EShapeImageLike } from "../e-shape-image-like";
 import { EShapeType } from "../e-shape-type";
 import { EShapeImage } from "./e-shape-image";
 export declare class EShapeImageSdf extends EShapeImage {
-    constructor(image?: HTMLImageElement, type?: EShapeType);
+    constructor(image?: EShapeImageLike, type?: EShapeType);
     clone(): EShapeImageSdf;
 }

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

@@ -1,6 +1,7 @@
+import { EShapeImageLike } from "../e-shape-image-like";
 import { EShapeType } from "../e-shape-type";
 import { EShapeRectangle } from "./e-shape-rectangle";
 export declare class EShapeImage extends EShapeRectangle {
-    constructor(image?: HTMLImageElement, type?: EShapeType);
+    constructor(image?: EShapeImageLike, type?: EShapeType);
     clone(): EShapeImage;
 }

package/dist/types/wcardinal/ui/shape/variant/e-shape-line-of-any-points-impl.d.ts

@@ -17,6 +17,8 @@ export declare class EShapeLineOfAnyPointsImpl implements EShapeLineOfAnyPoints
     protected _values: number[];
     protected _valuesLength: number;
     protected _segments: number[];
+    protected _length: number;
+    protected _plength: number;
     protected _size: EShapeLineOfAnyPointsPoint;
     protected _offset: EShapeLineOfAnyPointsPoint;
     protected _fill: EShapeLineOfAnyPointsFill;
@@ -25,6 +27,7 @@ export declare class EShapeLineOfAnyPointsImpl implements EShapeLineOfAnyPoints
     protected _marker?: EShapePointsMarkerContainer;
     constructor(parent: EShape);
     get length(): number;
+    get plength(): number;
     get id(): number;
     get values(): number[];
     set values(values: number[]);

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

@@ -17,6 +17,8 @@ export declare class EShapeLinePoints implements EShapePoints {
     protected _valuesBaseLength: number;
     protected _values: number[];
     protected _segments: number[];
+    protected _length: number;
+    protected _plength: number;
     protected _parentSizeBase: Point;
     protected _parentSizeFitted: Point;
     protected _id: number;
@@ -27,6 +29,7 @@ export declare class EShapeLinePoints implements EShapePoints {
     protected _marker?: EShapePointsMarkerContainer;
     constructor(parent: EShape);
     get length(): number;
+    get plength(): number;
     toFitted(x: number, y: number): void;
     onSizeChange(): void;
     protected fit(): void;

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

@@ -1,5 +1,6 @@
 import { IPoint } from "pixi.js";
 import { EShape } from "../e-shape";
+import { EShapeImageLike } from "../e-shape-image-like";
 import { EShapeCorner } from "../e-shape-corner";
 import { EShapeFill } from "../e-shape-fill";
 import { EShapeGradientLike } from "../e-shape-gradient";
@@ -8,13 +9,14 @@ import { EShapeData } from "../e-shape-data";
 import { EShapeText } from "../e-shape-text";
 import { EShapeType } from "../e-shape-type";
 import { EShapeBase } from "./e-shape-base";
+import { EShapeResourceManagerSerialization } from "../e-shape-resource-manager-serialization";
 export declare abstract class EShapePrimitive extends EShapeBase {
     readonly size: IPoint;
     readonly fill: EShapeFill;
     readonly stroke: EShapeStroke;
     protected _radius: number;
     protected _corner: EShapeCorner;
-    protected _image?: HTMLImageElement;
+    protected _image?: EShapeImageLike;
     gradient?: EShapeGradientLike;
     readonly text: EShapeText;
     /** @deprecated in favor of {@link data} */
@@ -30,6 +32,8 @@ export declare abstract class EShapePrimitive extends EShapeBase {
     set corner(corner: number);
     get radius(): number;
     set radius(radius: number);
-    get image(): HTMLImageElement | undefined;
-    set image(image: HTMLImageElement | undefined);
+    get image(): EShapeImageLike | undefined;
+    set image(image: EShapeImageLike | undefined);
+    serializeImage(manager: EShapeResourceManagerSerialization): number;
+    serializeGradient(manager: EShapeResourceManagerSerialization): number;
 }

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

@@ -12,6 +12,8 @@ export declare class EShapeTextImpl implements EShapeText {
     protected _parent: EShapeTextImplParent;
     protected _enable: boolean;
     protected _value: string;
+    protected _length: number;
+    protected _plength: number;
     protected _family: string;
     protected _color: number;
     protected _alpha: number;
@@ -34,6 +36,9 @@ export declare class EShapeTextImpl implements EShapeText {
     set enable(enable: boolean);
     get value(): string;
     set value(value: string);
+    protected isCompatible(value: string): boolean;
+    get length(): number;
+    get plength(): number;
     get family(): string;
     set family(family: string);
     get color(): number;

package/dist/types/wcardinal/ui/shape/variant/to-image-element.d.ts

@@ -1 +1,2 @@
-export declare const toImageElement: (dataUrl: string) => Promise<HTMLImageElement>;
+import { EShapeImageLike } from "../e-shape-image-like";
+export declare const toImageElement: (dataUrl: string) => Promise<EShapeImageLike>;

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

@@ -8,6 +8,7 @@ export declare abstract class DThemeDarkInput<VALUE = unknown, ELEMENT extends H
     protected readonly BACKGROUND_COLOR_HOVERED: number;
     getBackgroundColor(state: DBaseStateSet): number | null;
     getBorderColor(state: DBaseStateSet): number | null;
+    getOutlineColor(state: DBaseStateSet): number | null;
     getHeight(): DCoordinateSize;
     getWidth(): DCoordinateSize;
     getPlaceholder(): string;

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-pagination-button-last.d.ts

@@ -1,8 +1,9 @@
-import { DBaseStateSet } from "../../d-base-state-set";
-import { DCoordinateSize } from "../../d-coordinate";
-import { DThemePaginationButtonTop } from "../../d-pagination-button-top";
+import type { DisplayObject, Texture } from "pixi.js";
+import type { DBaseStateSet } from "../../d-base-state-set";
+import type { DCoordinateSize } from "../../d-coordinate";
+import type { DThemePaginationButtonTop } from "../../d-pagination-button-top";
 import { DThemeDarkButtonAmbient } from "./d-theme-dark-button-ambient";
 export declare class DThemeDarkPaginationButtonLast extends DThemeDarkButtonAmbient<string> implements DThemePaginationButtonTop {
     getWidth(): DCoordinateSize;
-    getImageSource(state: DBaseStateSet): PIXI.Texture | PIXI.DisplayObject | null;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-pagination-button-next.d.ts

@@ -1,8 +1,9 @@
-import { DBaseStateSet } from "../../d-base-state-set";
-import { DCoordinateSize } from "../../d-coordinate";
-import { DThemePaginationButtonTop } from "../../d-pagination-button-top";
+import type { DisplayObject, Texture } from "pixi.js";
+import type { DBaseStateSet } from "../../d-base-state-set";
+import type { DCoordinateSize } from "../../d-coordinate";
+import type { DThemePaginationButtonTop } from "../../d-pagination-button-top";
 import { DThemeDarkButtonAmbient } from "./d-theme-dark-button-ambient";
 export declare class DThemeDarkPaginationButtonNext extends DThemeDarkButtonAmbient<string> implements DThemePaginationButtonTop {
     getWidth(): DCoordinateSize;
-    getImageSource(state: DBaseStateSet): PIXI.Texture | PIXI.DisplayObject | null;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-pagination-button-previous.d.ts

@@ -1,8 +1,9 @@
-import { DBaseStateSet } from "../../d-base-state-set";
-import { DCoordinateSize } from "../../d-coordinate";
-import { DThemePaginationButtonTop } from "../../d-pagination-button-top";
+import type { DisplayObject, Texture } from "pixi.js";
+import type { DBaseStateSet } from "../../d-base-state-set";
+import type { DCoordinateSize } from "../../d-coordinate";
+import type { DThemePaginationButtonTop } from "../../d-pagination-button-top";
 import { DThemeDarkButtonAmbient } from "./d-theme-dark-button-ambient";
 export declare class DThemeDarkPaginationButtonPrevious extends DThemeDarkButtonAmbient<string> implements DThemePaginationButtonTop {
     getWidth(): DCoordinateSize;
-    getImageSource(state: DBaseStateSet): PIXI.Texture | PIXI.DisplayObject | null;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-pagination-button-top.d.ts

@@ -1,8 +1,9 @@
-import { DBaseStateSet } from "../../d-base-state-set";
-import { DCoordinateSize } from "../../d-coordinate";
-import { DThemePaginationButtonTop } from "../../d-pagination-button-top";
+import type { DisplayObject, Texture } from "pixi.js";
+import type { DBaseStateSet } from "../../d-base-state-set";
+import type { DCoordinateSize } from "../../d-coordinate";
+import type { DThemePaginationButtonTop } from "../../d-pagination-button-top";
 import { DThemeDarkButtonAmbient } from "./d-theme-dark-button-ambient";
 export declare class DThemeDarkPaginationButtonTop extends DThemeDarkButtonAmbient<string> implements DThemePaginationButtonTop {
     getWidth(): DCoordinateSize;
-    getImageSource(state: DBaseStateSet): PIXI.Texture | PIXI.DisplayObject | null;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
 }

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

@@ -1,16 +1,17 @@
+import type { DisplayObject, Texture } from "pixi.js";
 import { DAlignHorizontal } from "../../d-align-horizontal";
 import { DAlignWith } from "../../d-align-with";
 import { DBaseInteractive } from "../../d-base-interactive";
-import { DBaseStateSet } from "../../d-base-state-set";
-import { DCoordinateSize } from "../../d-coordinate";
-import { DThemePaginationDots } from "../../d-pagination-dots";
+import type { DBaseStateSet } from "../../d-base-state-set";
+import type { DCoordinateSize } from "../../d-coordinate";
+import type { DThemePaginationDots } from "../../d-pagination-dots";
 import { DThemeDarkImageBase } from "./d-theme-dark-image-base";
 export declare class DThemeDarkPaginationDots extends DThemeDarkImageBase<string> implements DThemePaginationDots {
     getWidth(): DCoordinateSize;
     getHeight(): DCoordinateSize;
     getInteractive(): DBaseInteractive;
     newState(state: DBaseStateSet): void;
-    getImageSource(state: DBaseStateSet): PIXI.Texture | PIXI.DisplayObject | null;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
     getImageAlignHorizontal(): DAlignHorizontal;
     getImageAlignWith(): DAlignWith;
 }

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

@@ -8,6 +8,7 @@ export declare abstract class DThemeWhiteInput<VALUE = unknown, ELEMENT extends
     protected readonly BACKGROUND_COLOR_HOVERED: number;
     getBackgroundColor(state: DBaseStateSet): number | null;
     getBorderColor(state: DBaseStateSet): number | null;
+    getOutlineColor(state: DBaseStateSet): number | null;
     getHeight(): DCoordinateSize;
     getWidth(): DCoordinateSize;
     getPlaceholder(): string;

package/dist/types/wcardinal/ui/theme/white/d-theme-white-pagination-button-last.d.ts

@@ -1,8 +1,9 @@
-import { DBaseStateSet } from "../../d-base-state-set";
-import { DCoordinateSize } from "../../d-coordinate";
-import { DThemePaginationButtonTop } from "../../d-pagination-button-top";
+import type { DisplayObject, Texture } from "pixi.js";
+import type { DBaseStateSet } from "../../d-base-state-set";
+import type { DCoordinateSize } from "../../d-coordinate";
+import type { DThemePaginationButtonTop } from "../../d-pagination-button-top";
 import { DThemeWhiteButtonAmbient } from "./d-theme-white-button-ambient";
 export declare class DThemeWhitePaginationButtonLast extends DThemeWhiteButtonAmbient<string> implements DThemePaginationButtonTop {
     getWidth(): DCoordinateSize;
-    getImageSource(state: DBaseStateSet): PIXI.Texture | PIXI.DisplayObject | null;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-pagination-button-next.d.ts

@@ -1,8 +1,9 @@
-import { DBaseStateSet } from "../../d-base-state-set";
-import { DCoordinateSize } from "../../d-coordinate";
-import { DThemePaginationButtonTop } from "../../d-pagination-button-top";
+import type { DisplayObject, Texture } from "pixi.js";
+import type { DBaseStateSet } from "../../d-base-state-set";
+import type { DCoordinateSize } from "../../d-coordinate";
+import type { DThemePaginationButtonTop } from "../../d-pagination-button-top";
 import { DThemeWhiteButtonAmbient } from "./d-theme-white-button-ambient";
 export declare class DThemeWhitePaginationButtonNext extends DThemeWhiteButtonAmbient<string> implements DThemePaginationButtonTop {
     getWidth(): DCoordinateSize;
-    getImageSource(state: DBaseStateSet): PIXI.Texture | PIXI.DisplayObject | null;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-pagination-button-previous.d.ts

@@ -1,8 +1,9 @@
-import { DBaseStateSet } from "../../d-base-state-set";
-import { DCoordinateSize } from "../../d-coordinate";
-import { DThemePaginationButtonTop } from "../../d-pagination-button-top";
+import type { DisplayObject, Texture } from "pixi.js";
+import type { DBaseStateSet } from "../../d-base-state-set";
+import type { DCoordinateSize } from "../../d-coordinate";
+import type { DThemePaginationButtonTop } from "../../d-pagination-button-top";
 import { DThemeWhiteButtonAmbient } from "./d-theme-white-button-ambient";
 export declare class DThemeWhitePaginationButtonPrevious extends DThemeWhiteButtonAmbient<string> implements DThemePaginationButtonTop {
     getWidth(): DCoordinateSize;
-    getImageSource(state: DBaseStateSet): PIXI.Texture | PIXI.DisplayObject | null;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-pagination-button-top.d.ts

@@ -1,8 +1,9 @@
-import { DBaseStateSet } from "../../d-base-state-set";
-import { DCoordinateSize } from "../../d-coordinate";
-import { DThemePaginationButtonTop } from "../../d-pagination-button-top";
+import type { DisplayObject, Texture } from "pixi.js";
+import type { DBaseStateSet } from "../../d-base-state-set";
+import type { DCoordinateSize } from "../../d-coordinate";
+import type { DThemePaginationButtonTop } from "../../d-pagination-button-top";
 import { DThemeWhiteButtonAmbient } from "./d-theme-white-button-ambient";
 export declare class DThemeWhitePaginationButtonTop extends DThemeWhiteButtonAmbient<string> implements DThemePaginationButtonTop {
     getWidth(): DCoordinateSize;
-    getImageSource(state: DBaseStateSet): PIXI.Texture | PIXI.DisplayObject | null;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
 }

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

@@ -1,16 +1,17 @@
+import type { DisplayObject, Texture } from "pixi.js";
 import { DAlignHorizontal } from "../../d-align-horizontal";
 import { DAlignWith } from "../../d-align-with";
 import { DBaseInteractive } from "../../d-base-interactive";
-import { DBaseStateSet } from "../../d-base-state-set";
-import { DCoordinateSize } from "../../d-coordinate";
-import { DThemePaginationDots } from "../../d-pagination-dots";
+import type { DBaseStateSet } from "../../d-base-state-set";
+import type { DCoordinateSize } from "../../d-coordinate";
+import type { DThemePaginationDots } from "../../d-pagination-dots";
 import { DThemeWhiteImageBase } from "./d-theme-white-image-base";
 export declare class DThemeWhitePaginationDots extends DThemeWhiteImageBase<string> implements DThemePaginationDots {
     getWidth(): DCoordinateSize;
     getHeight(): DCoordinateSize;
     getInteractive(): DBaseInteractive;
     newState(state: DBaseStateSet): void;
-    getImageSource(state: DBaseStateSet): PIXI.Texture | PIXI.DisplayObject | null;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
     getImageAlignHorizontal(): DAlignHorizontal;
     getImageAlignWith(): DAlignWith;
 }

package/dist/types/wcardinal/ui/util/dynamic-atlas-item-image.d.ts

@@ -1,7 +1,7 @@
 import { BaseTexture } from "pixi.js";
 import { DynamicAtlasItem } from "./dynamic-atlas-item";
 export declare class DynamicAtlasItemImage extends DynamicAtlasItem {
-    image: HTMLImageElement;
-    constructor(image: HTMLImageElement, baseTexture: BaseTexture);
+    source: TexImageSource;
+    constructor(src: string, width: number, height: number, source: TexImageSource, baseTexture: BaseTexture);
     render(context: CanvasRenderingContext2D): void;
 }

package/dist/types/wcardinal/ui/util/dynamic-sdf-font-generator.d.ts

@@ -20,7 +20,7 @@ export declare class DynamicSDFFontGenerator {
     getShader(gl: WebGLRenderingContext, code: string, type: boolean): WebGLShader | null;
     makeShaders(): WebGLShader | null;
     destroyShaders(): void;
-    updateTexture(source: ImageBitmap | ImageData | HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | OffscreenCanvas): WebGLTexture | null;
+    updateTexture(width: number, height: number, source: TexImageSource): WebGLTexture | null;
     destroyTexture(): void;
     makeVertexBuffer(): WebGLBuffer | null;
     destroyVertexBuffer(): void;

package/dist/wcardinal/ui/d-base-background-snippet.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-base-background-snippet.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-base-background-snippet.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAK/D;IAAA;IAyDA,CAAC;IAtDU,oCAAG,GAAb,UAAc,IAAW,EAAE,KAAiB;QAC3C,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,MAAM,IAAI,IAAI,EAAE;YACnB,MAAM,GAAG,IAAI,mBAAmB,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,CAAC;YAC9D,MAAc,CAAC,MAAM,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;SACpB;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAES,qCAAI,GAAd;QACC,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,IAAI,IAAI,IAAI,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACrB;IACF,CAAC;IAED,yCAAQ,GAAR,UACC,IAAW,EACX,KAAa,EACb,MAAc,EACd,KAAiB,EACjB,KAAoB,EACpB,YAAoB,EACpB,UAAuB;QAEvB,IAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,IAAM,eAAe,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACnD,IAAI,eAAe,IAAI,IAAI,EAAE;YAC5B,IAAM,eAAe,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACnD,IAAI,CAAC,GAAG,eAAe,EAAE;gBACxB,IAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC7C,cAAc,CAAC,IAAI,GAAG,eAAe,CAAC;gBACtC,cAAc,CAAC,KAAK,GAAG,eAAe,CAAC;gBACvC,cAAc,CAAC,KAAK,GAAG,KAAK,CAAC;gBAC7B,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,cAAc,CAAC,YAAY,GAAG,YAAY,CAAC;gBAC3C,cAAc,CAAC,UAAU,GAAG,UAAU,CAAC;gBACvC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;aAC9B;iBAAM;gBACN,IAAI,CAAC,IAAI,EAAE,CAAC;aACZ;SACD;aAAM;YACN,IAAI,CAAC,IAAI,EAAE,CAAC;SACZ;IACF,CAAC;IAED,uCAAM,GAAN,UAAO,QAAuB;;QAC7B,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAED,gDAAe,GAAf;;QACC,MAAA,IAAI,CAAC,KAAK,0CAAE,eAAe,EAAE,CAAC;IAC/B,CAAC;IACF,6BAAC;AAAD,CAAC,AAzDD,IAyDC","sourcesContent":["/*\n * Copyright (C) 2020 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBase, DThemeBase } from \"./d-base\";\nimport { DBaseBackgroundMesh } from \"./d-base-background-mesh\";\nimport { DBaseSnippet } from \"./d-base-snippet\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DCornerMask } from \"./d-corner-mask\";\n\nexport class DBaseBackgroundSnippet implements DBaseSnippet {\n\tprotected _mesh?: DBaseBackgroundMesh;\n\n\tprotected get(base: DBase, theme: DThemeBase): DBaseBackgroundMesh {\n\t\tlet result = this._mesh;\n\t\tif (result == null) {\n\t\t\tresult = new DBaseBackgroundMesh(theme.getBackgroundTexture());\n\t\t\t(result as any).parent = base;\n\t\t\tthis._mesh = result;\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected hide(): void {\n\t\tconst mesh = this._mesh;\n\t\tif (mesh != null) {\n\t\t\tmesh.visible = false;\n\t\t}\n\t}\n\n\tonReflow(\n\t\tbase: DBase,\n\t\twidth: number,\n\t\theight: number,\n\t\ttheme: DThemeBase,\n\t\tstate: DBaseStateSet,\n\t\tcornerRadius: number,\n\t\tcornerMask: DCornerMask\n\t): void {\n\t\tconst background = base.background;\n\t\tconst backgroundColor = background.getColor(state);\n\t\tif (backgroundColor != null) {\n\t\t\tconst backgroundAlpha = background.getAlpha(state);\n\t\t\tif (0 < backgroundAlpha) {\n\t\t\t\tconst backgroundMesh = this.get(base, theme);\n\t\t\t\tbackgroundMesh.tint = backgroundColor;\n\t\t\t\tbackgroundMesh.alpha = backgroundAlpha;\n\t\t\t\tbackgroundMesh.width = width;\n\t\t\t\tbackgroundMesh.height = height;\n\t\t\t\tbackgroundMesh.cornerRadius = cornerRadius;\n\t\t\t\tbackgroundMesh.cornerMask = cornerMask;\n\t\t\t\tbackgroundMesh.visible = true;\n\t\t\t} else {\n\t\t\t\tthis.hide();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.hide();\n\t\t}\n\t}\n\n\trender(renderer: PIXI.Renderer): void {\n\t\tthis._mesh?.render(renderer);\n\t}\n\n\tupdateTransform(): void {\n\t\tthis._mesh?.updateTransform();\n\t}\n}\n"]}
+{"version":3,"file":"d-base-background-snippet.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-base-background-snippet.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAK/D;IAAA;IAyDA,CAAC;IAtDU,oCAAG,GAAb,UAAc,IAAW,EAAE,KAAiB;QAC3C,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,MAAM,IAAI,IAAI,EAAE;YACnB,MAAM,GAAG,IAAI,mBAAmB,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,CAAC;YAC9D,MAAc,CAAC,MAAM,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;SACpB;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAES,qCAAI,GAAd;QACC,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,IAAI,IAAI,IAAI,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACrB;IACF,CAAC;IAED,yCAAQ,GAAR,UACC,IAAW,EACX,KAAa,EACb,MAAc,EACd,KAAiB,EACjB,KAAoB,EACpB,YAAoB,EACpB,UAAuB;QAEvB,IAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,IAAM,eAAe,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACnD,IAAI,eAAe,IAAI,IAAI,EAAE;YAC5B,IAAM,eAAe,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACnD,IAAI,CAAC,GAAG,eAAe,EAAE;gBACxB,IAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC7C,cAAc,CAAC,IAAI,GAAG,eAAe,CAAC;gBACtC,cAAc,CAAC,KAAK,GAAG,eAAe,CAAC;gBACvC,cAAc,CAAC,KAAK,GAAG,KAAK,CAAC;gBAC7B,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,cAAc,CAAC,YAAY,GAAG,YAAY,CAAC;gBAC3C,cAAc,CAAC,UAAU,GAAG,UAAU,CAAC;gBACvC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;aAC9B;iBAAM;gBACN,IAAI,CAAC,IAAI,EAAE,CAAC;aACZ;SACD;aAAM;YACN,IAAI,CAAC,IAAI,EAAE,CAAC;SACZ;IACF,CAAC;IAED,uCAAM,GAAN,UAAO,QAAkB;;QACxB,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAED,gDAAe,GAAf;;QACC,MAAA,IAAI,CAAC,KAAK,0CAAE,eAAe,EAAE,CAAC;IAC/B,CAAC;IACF,6BAAC;AAAD,CAAC,AAzDD,IAyDC","sourcesContent":["/*\n * Copyright (C) 2020 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Renderer } from \"pixi.js\";\nimport { DBase, DThemeBase } from \"./d-base\";\nimport { DBaseBackgroundMesh } from \"./d-base-background-mesh\";\nimport { DBaseSnippet } from \"./d-base-snippet\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DCornerMask } from \"./d-corner-mask\";\n\nexport class DBaseBackgroundSnippet implements DBaseSnippet {\n\tprotected _mesh?: DBaseBackgroundMesh;\n\n\tprotected get(base: DBase, theme: DThemeBase): DBaseBackgroundMesh {\n\t\tlet result = this._mesh;\n\t\tif (result == null) {\n\t\t\tresult = new DBaseBackgroundMesh(theme.getBackgroundTexture());\n\t\t\t(result as any).parent = base;\n\t\t\tthis._mesh = result;\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected hide(): void {\n\t\tconst mesh = this._mesh;\n\t\tif (mesh != null) {\n\t\t\tmesh.visible = false;\n\t\t}\n\t}\n\n\tonReflow(\n\t\tbase: DBase,\n\t\twidth: number,\n\t\theight: number,\n\t\ttheme: DThemeBase,\n\t\tstate: DBaseStateSet,\n\t\tcornerRadius: number,\n\t\tcornerMask: DCornerMask\n\t): void {\n\t\tconst background = base.background;\n\t\tconst backgroundColor = background.getColor(state);\n\t\tif (backgroundColor != null) {\n\t\t\tconst backgroundAlpha = background.getAlpha(state);\n\t\t\tif (0 < backgroundAlpha) {\n\t\t\t\tconst backgroundMesh = this.get(base, theme);\n\t\t\t\tbackgroundMesh.tint = backgroundColor;\n\t\t\t\tbackgroundMesh.alpha = backgroundAlpha;\n\t\t\t\tbackgroundMesh.width = width;\n\t\t\t\tbackgroundMesh.height = height;\n\t\t\t\tbackgroundMesh.cornerRadius = cornerRadius;\n\t\t\t\tbackgroundMesh.cornerMask = cornerMask;\n\t\t\t\tbackgroundMesh.visible = true;\n\t\t\t} else {\n\t\t\t\tthis.hide();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.hide();\n\t\t}\n\t}\n\n\trender(renderer: Renderer): void {\n\t\tthis._mesh?.render(renderer);\n\t}\n\n\tupdateTransform(): void {\n\t\tthis._mesh?.updateTransform();\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-base-border-snippet.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-base-border-snippet.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-base-border-snippet.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD;IAAA;IAgEA,CAAC;IA7DU,gCAAG,GAAb,UAAc,IAAW,EAAE,KAAiB;QAC3C,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,MAAM,IAAI,IAAI,EAAE;YACnB,MAAM,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;YACtD,MAAc,CAAC,MAAM,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;SACpB;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAES,iCAAI,GAAd;QACC,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,IAAI,IAAI,IAAI,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACrB;IACF,CAAC;IAED,qCAAQ,GAAR,UACC,IAAW,EACX,KAAa,EACb,MAAc,EACd,KAAiB,EACjB,KAAoB,EACpB,YAAoB,EACpB,UAAuB;QAEvB,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,WAAW,IAAI,IAAI,EAAE;YACxB,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC3C,IAAI,CAAC,GAAG,WAAW,EAAE;gBACpB,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC3C,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACzC,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBACzC,IAAM,YAAY,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,WAAW,CAAC;gBAClE,UAAU,CAAC,IAAI,GAAG,WAAW,CAAC;gBAC9B,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC;gBAC/B,UAAU,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;gBAC7B,UAAU,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;gBAC7B,UAAU,CAAC,KAAK,GAAG,KAAK,GAAG,YAAY,GAAG,CAAC,CAAC;gBAC5C,UAAU,CAAC,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,CAAC,CAAC;gBAC9C,UAAU,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC,CAAC;gBACnE,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC;gBACnC,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;gBACrC,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC;gBACnC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;aAC1B;iBAAM;gBACN,IAAI,CAAC,IAAI,EAAE,CAAC;aACZ;SACD;aAAM;YACN,IAAI,CAAC,IAAI,EAAE,CAAC;SACZ;IACF,CAAC;IAED,mCAAM,GAAN,UAAO,QAAuB;;QAC7B,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAED,4CAAe,GAAf;;QACC,MAAA,IAAI,CAAC,KAAK,0CAAE,eAAe,EAAE,CAAC;IAC/B,CAAC;IACF,yBAAC;AAAD,CAAC,AAhED,IAgEC","sourcesContent":["/*\n * Copyright (C) 2020 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBase, DThemeBase } from \"./d-base\";\nimport { DBaseBorderMesh } from \"./d-base-border-mesh\";\nimport { DBaseSnippet } from \"./d-base-snippet\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DCornerMask } from \"./d-corner-mask\";\n\nexport class DBaseBorderSnippet implements DBaseSnippet {\n\tprotected _mesh?: DBaseBorderMesh;\n\n\tprotected get(base: DBase, theme: DThemeBase): DBaseBorderMesh {\n\t\tlet result = this._mesh;\n\t\tif (result == null) {\n\t\t\tresult = new DBaseBorderMesh(theme.getBorderTexture());\n\t\t\t(result as any).parent = base;\n\t\t\tthis._mesh = result;\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected hide(): void {\n\t\tconst mesh = this._mesh;\n\t\tif (mesh != null) {\n\t\t\tmesh.visible = false;\n\t\t}\n\t}\n\n\tonReflow(\n\t\tbase: DBase,\n\t\twidth: number,\n\t\theight: number,\n\t\ttheme: DThemeBase,\n\t\tstate: DBaseStateSet,\n\t\tcornerRadius: number,\n\t\tcornerMask: DCornerMask\n\t): void {\n\t\tconst border = base.border;\n\t\tconst borderColor = border.getColor(state);\n\t\tif (borderColor != null) {\n\t\t\tconst borderAlpha = border.getAlpha(state);\n\t\t\tif (0 < borderAlpha) {\n\t\t\t\tconst borderWidth = border.getWidth(state);\n\t\t\t\tconst borderMask = border.getMask(state);\n\t\t\t\tconst borderMesh = this.get(base, theme);\n\t\t\t\tconst borderOffset = (border.getAlign(state) - 0.5) * borderWidth;\n\t\t\t\tborderMesh.tint = borderColor;\n\t\t\t\tborderMesh.alpha = borderAlpha;\n\t\t\t\tborderMesh.x = -borderOffset;\n\t\t\t\tborderMesh.y = -borderOffset;\n\t\t\t\tborderMesh.width = width + borderOffset * 2;\n\t\t\t\tborderMesh.height = height + borderOffset * 2;\n\t\t\t\tborderMesh.cornerRadius = Math.max(0, cornerRadius + borderOffset);\n\t\t\t\tborderMesh.cornerMask = cornerMask;\n\t\t\t\tborderMesh.borderWidth = borderWidth;\n\t\t\t\tborderMesh.borderMask = borderMask;\n\t\t\t\tborderMesh.visible = true;\n\t\t\t} else {\n\t\t\t\tthis.hide();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.hide();\n\t\t}\n\t}\n\n\trender(renderer: PIXI.Renderer): void {\n\t\tthis._mesh?.render(renderer);\n\t}\n\n\tupdateTransform(): void {\n\t\tthis._mesh?.updateTransform();\n\t}\n}\n"]}
+{"version":3,"file":"d-base-border-snippet.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-base-border-snippet.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD;IAAA;IAgEA,CAAC;IA7DU,gCAAG,GAAb,UAAc,IAAW,EAAE,KAAiB;QAC3C,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,MAAM,IAAI,IAAI,EAAE;YACnB,MAAM,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;YACtD,MAAc,CAAC,MAAM,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;SACpB;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAES,iCAAI,GAAd;QACC,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,IAAI,IAAI,IAAI,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACrB;IACF,CAAC;IAED,qCAAQ,GAAR,UACC,IAAW,EACX,KAAa,EACb,MAAc,EACd,KAAiB,EACjB,KAAoB,EACpB,YAAoB,EACpB,UAAuB;QAEvB,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,WAAW,IAAI,IAAI,EAAE;YACxB,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC3C,IAAI,CAAC,GAAG,WAAW,EAAE;gBACpB,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC3C,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACzC,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBACzC,IAAM,YAAY,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,WAAW,CAAC;gBAClE,UAAU,CAAC,IAAI,GAAG,WAAW,CAAC;gBAC9B,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC;gBAC/B,UAAU,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;gBAC7B,UAAU,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;gBAC7B,UAAU,CAAC,KAAK,GAAG,KAAK,GAAG,YAAY,GAAG,CAAC,CAAC;gBAC5C,UAAU,CAAC,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,CAAC,CAAC;gBAC9C,UAAU,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC,CAAC;gBACnE,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC;gBACnC,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;gBACrC,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC;gBACnC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;aAC1B;iBAAM;gBACN,IAAI,CAAC,IAAI,EAAE,CAAC;aACZ;SACD;aAAM;YACN,IAAI,CAAC,IAAI,EAAE,CAAC;SACZ;IACF,CAAC;IAED,mCAAM,GAAN,UAAO,QAAkB;;QACxB,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAED,4CAAe,GAAf;;QACC,MAAA,IAAI,CAAC,KAAK,0CAAE,eAAe,EAAE,CAAC;IAC/B,CAAC;IACF,yBAAC;AAAD,CAAC,AAhED,IAgEC","sourcesContent":["/*\n * Copyright (C) 2020 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Renderer } from \"pixi.js\";\nimport { DBase, DThemeBase } from \"./d-base\";\nimport { DBaseBorderMesh } from \"./d-base-border-mesh\";\nimport { DBaseSnippet } from \"./d-base-snippet\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DCornerMask } from \"./d-corner-mask\";\n\nexport class DBaseBorderSnippet implements DBaseSnippet {\n\tprotected _mesh?: DBaseBorderMesh;\n\n\tprotected get(base: DBase, theme: DThemeBase): DBaseBorderMesh {\n\t\tlet result = this._mesh;\n\t\tif (result == null) {\n\t\t\tresult = new DBaseBorderMesh(theme.getBorderTexture());\n\t\t\t(result as any).parent = base;\n\t\t\tthis._mesh = result;\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected hide(): void {\n\t\tconst mesh = this._mesh;\n\t\tif (mesh != null) {\n\t\t\tmesh.visible = false;\n\t\t}\n\t}\n\n\tonReflow(\n\t\tbase: DBase,\n\t\twidth: number,\n\t\theight: number,\n\t\ttheme: DThemeBase,\n\t\tstate: DBaseStateSet,\n\t\tcornerRadius: number,\n\t\tcornerMask: DCornerMask\n\t): void {\n\t\tconst border = base.border;\n\t\tconst borderColor = border.getColor(state);\n\t\tif (borderColor != null) {\n\t\t\tconst borderAlpha = border.getAlpha(state);\n\t\t\tif (0 < borderAlpha) {\n\t\t\t\tconst borderWidth = border.getWidth(state);\n\t\t\t\tconst borderMask = border.getMask(state);\n\t\t\t\tconst borderMesh = this.get(base, theme);\n\t\t\t\tconst borderOffset = (border.getAlign(state) - 0.5) * borderWidth;\n\t\t\t\tborderMesh.tint = borderColor;\n\t\t\t\tborderMesh.alpha = borderAlpha;\n\t\t\t\tborderMesh.x = -borderOffset;\n\t\t\t\tborderMesh.y = -borderOffset;\n\t\t\t\tborderMesh.width = width + borderOffset * 2;\n\t\t\t\tborderMesh.height = height + borderOffset * 2;\n\t\t\t\tborderMesh.cornerRadius = Math.max(0, cornerRadius + borderOffset);\n\t\t\t\tborderMesh.cornerMask = cornerMask;\n\t\t\t\tborderMesh.borderWidth = borderWidth;\n\t\t\t\tborderMesh.borderMask = borderMask;\n\t\t\t\tborderMesh.visible = true;\n\t\t\t} else {\n\t\t\t\tthis.hide();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.hide();\n\t\t}\n\t}\n\n\trender(renderer: Renderer): void {\n\t\tthis._mesh?.render(renderer);\n\t}\n\n\tupdateTransform(): void {\n\t\tthis._mesh?.updateTransform();\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-base-outline-snippet.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-base-outline-snippet.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-base-outline-snippet.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD;IAAA;IAiEA,CAAC;IA9DU,iCAAG,GAAb,UAAc,IAAW,EAAE,KAAiB;QAC3C,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,MAAM,IAAI,IAAI,EAAE;YACnB,MAAM,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;YACtD,MAAc,CAAC,MAAM,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;SACpB;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAES,kCAAI,GAAd;QACC,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,IAAI,IAAI,IAAI,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACrB;IACF,CAAC;IAED,sCAAQ,GAAR,UACC,IAAW,EACX,KAAa,EACb,MAAc,EACd,KAAiB,EACjB,KAAoB,EACpB,YAAoB,EACpB,UAAuB;QAEvB,IAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC7C,IAAI,YAAY,IAAI,IAAI,EAAE;YACzB,IAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAI,CAAC,GAAG,YAAY,EAAE;gBACrB,IAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC7C,IAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC3C,IAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC1C,IAAM,aAAa,GAClB,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,YAAY,CAAC;gBAC3E,WAAW,CAAC,IAAI,GAAG,YAAY,CAAC;gBAChC,WAAW,CAAC,KAAK,GAAG,YAAY,CAAC;gBACjC,WAAW,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC;gBAC/B,WAAW,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC;gBAC/B,WAAW,CAAC,KAAK,GAAG,KAAK,GAAG,aAAa,GAAG,CAAC,CAAC;gBAC9C,WAAW,CAAC,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,CAAC,CAAC;gBAChD,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC,CAAC;gBACrE,WAAW,CAAC,UAAU,GAAG,UAAU,CAAC;gBACpC,WAAW,CAAC,WAAW,GAAG,YAAY,CAAC;gBACvC,WAAW,CAAC,UAAU,GAAG,WAAW,CAAC;gBACrC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;aAC3B;iBAAM;gBACN,IAAI,CAAC,IAAI,EAAE,CAAC;aACZ;SACD;aAAM;YACN,IAAI,CAAC,IAAI,EAAE,CAAC;SACZ;IACF,CAAC;IAED,oCAAM,GAAN,UAAO,QAAuB;;QAC7B,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAED,6CAAe,GAAf;;QACC,MAAA,IAAI,CAAC,KAAK,0CAAE,eAAe,EAAE,CAAC;IAC/B,CAAC;IACF,0BAAC;AAAD,CAAC,AAjED,IAiEC","sourcesContent":["/*\n * Copyright (C) 2020 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DBase, DThemeBase } from \"./d-base\";\nimport { DBaseBorderMesh } from \"./d-base-border-mesh\";\nimport { DBaseSnippet } from \"./d-base-snippet\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DCornerMask } from \"./d-corner-mask\";\n\nexport class DBaseOutlineSnippet implements DBaseSnippet {\n\tprotected _mesh?: DBaseBorderMesh;\n\n\tprotected get(base: DBase, theme: DThemeBase): DBaseBorderMesh {\n\t\tlet result = this._mesh;\n\t\tif (result == null) {\n\t\t\tresult = new DBaseBorderMesh(theme.getBorderTexture());\n\t\t\t(result as any).parent = base;\n\t\t\tthis._mesh = result;\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected hide(): void {\n\t\tconst mesh = this._mesh;\n\t\tif (mesh != null) {\n\t\t\tmesh.visible = false;\n\t\t}\n\t}\n\n\tonReflow(\n\t\tbase: DBase,\n\t\twidth: number,\n\t\theight: number,\n\t\ttheme: DThemeBase,\n\t\tstate: DBaseStateSet,\n\t\tcornerRadius: number,\n\t\tcornerMask: DCornerMask\n\t): void {\n\t\tconst outline = base.outline;\n\t\tconst outlineColor = outline.getColor(state);\n\t\tif (outlineColor != null) {\n\t\t\tconst outlineAlpha = outline.getAlpha(state);\n\t\t\tif (0 < outlineAlpha) {\n\t\t\t\tconst outlineWidth = outline.getWidth(state);\n\t\t\t\tconst outlineMask = outline.getMask(state);\n\t\t\t\tconst outlineMesh = this.get(base, theme);\n\t\t\t\tconst outlineOffset =\n\t\t\t\t\toutline.getOffset(state) + (outline.getAlign(state) - 0.5) * outlineWidth;\n\t\t\t\toutlineMesh.tint = outlineColor;\n\t\t\t\toutlineMesh.alpha = outlineAlpha;\n\t\t\t\toutlineMesh.x = -outlineOffset;\n\t\t\t\toutlineMesh.y = -outlineOffset;\n\t\t\t\toutlineMesh.width = width + outlineOffset * 2;\n\t\t\t\toutlineMesh.height = height + outlineOffset * 2;\n\t\t\t\toutlineMesh.cornerRadius = Math.max(0, cornerRadius + outlineOffset);\n\t\t\t\toutlineMesh.cornerMask = cornerMask;\n\t\t\t\toutlineMesh.borderWidth = outlineWidth;\n\t\t\t\toutlineMesh.borderMask = outlineMask;\n\t\t\t\toutlineMesh.visible = true;\n\t\t\t} else {\n\t\t\t\tthis.hide();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.hide();\n\t\t}\n\t}\n\n\trender(renderer: PIXI.Renderer): void {\n\t\tthis._mesh?.render(renderer);\n\t}\n\n\tupdateTransform(): void {\n\t\tthis._mesh?.updateTransform();\n\t}\n}\n"]}
+{"version":3,"file":"d-base-outline-snippet.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-base-outline-snippet.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD;IAAA;IAiEA,CAAC;IA9DU,iCAAG,GAAb,UAAc,IAAW,EAAE,KAAiB;QAC3C,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,MAAM,IAAI,IAAI,EAAE;YACnB,MAAM,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;YACtD,MAAc,CAAC,MAAM,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;SACpB;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAES,kCAAI,GAAd;QACC,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,IAAI,IAAI,IAAI,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACrB;IACF,CAAC;IAED,sCAAQ,GAAR,UACC,IAAW,EACX,KAAa,EACb,MAAc,EACd,KAAiB,EACjB,KAAoB,EACpB,YAAoB,EACpB,UAAuB;QAEvB,IAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC7C,IAAI,YAAY,IAAI,IAAI,EAAE;YACzB,IAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAI,CAAC,GAAG,YAAY,EAAE;gBACrB,IAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC7C,IAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC3C,IAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC1C,IAAM,aAAa,GAClB,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,YAAY,CAAC;gBAC3E,WAAW,CAAC,IAAI,GAAG,YAAY,CAAC;gBAChC,WAAW,CAAC,KAAK,GAAG,YAAY,CAAC;gBACjC,WAAW,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC;gBAC/B,WAAW,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC;gBAC/B,WAAW,CAAC,KAAK,GAAG,KAAK,GAAG,aAAa,GAAG,CAAC,CAAC;gBAC9C,WAAW,CAAC,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,CAAC,CAAC;gBAChD,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC,CAAC;gBACrE,WAAW,CAAC,UAAU,GAAG,UAAU,CAAC;gBACpC,WAAW,CAAC,WAAW,GAAG,YAAY,CAAC;gBACvC,WAAW,CAAC,UAAU,GAAG,WAAW,CAAC;gBACrC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;aAC3B;iBAAM;gBACN,IAAI,CAAC,IAAI,EAAE,CAAC;aACZ;SACD;aAAM;YACN,IAAI,CAAC,IAAI,EAAE,CAAC;SACZ;IACF,CAAC;IAED,oCAAM,GAAN,UAAO,QAAkB;;QACxB,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAED,6CAAe,GAAf;;QACC,MAAA,IAAI,CAAC,KAAK,0CAAE,eAAe,EAAE,CAAC;IAC/B,CAAC;IACF,0BAAC;AAAD,CAAC,AAjED,IAiEC","sourcesContent":["/*\n * Copyright (C) 2020 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Renderer } from \"pixi.js\";\nimport { DBase, DThemeBase } from \"./d-base\";\nimport { DBaseBorderMesh } from \"./d-base-border-mesh\";\nimport { DBaseSnippet } from \"./d-base-snippet\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\nimport { DCornerMask } from \"./d-corner-mask\";\n\nexport class DBaseOutlineSnippet implements DBaseSnippet {\n\tprotected _mesh?: DBaseBorderMesh;\n\n\tprotected get(base: DBase, theme: DThemeBase): DBaseBorderMesh {\n\t\tlet result = this._mesh;\n\t\tif (result == null) {\n\t\t\tresult = new DBaseBorderMesh(theme.getBorderTexture());\n\t\t\t(result as any).parent = base;\n\t\t\tthis._mesh = result;\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected hide(): void {\n\t\tconst mesh = this._mesh;\n\t\tif (mesh != null) {\n\t\t\tmesh.visible = false;\n\t\t}\n\t}\n\n\tonReflow(\n\t\tbase: DBase,\n\t\twidth: number,\n\t\theight: number,\n\t\ttheme: DThemeBase,\n\t\tstate: DBaseStateSet,\n\t\tcornerRadius: number,\n\t\tcornerMask: DCornerMask\n\t): void {\n\t\tconst outline = base.outline;\n\t\tconst outlineColor = outline.getColor(state);\n\t\tif (outlineColor != null) {\n\t\t\tconst outlineAlpha = outline.getAlpha(state);\n\t\t\tif (0 < outlineAlpha) {\n\t\t\t\tconst outlineWidth = outline.getWidth(state);\n\t\t\t\tconst outlineMask = outline.getMask(state);\n\t\t\t\tconst outlineMesh = this.get(base, theme);\n\t\t\t\tconst outlineOffset =\n\t\t\t\t\toutline.getOffset(state) + (outline.getAlign(state) - 0.5) * outlineWidth;\n\t\t\t\toutlineMesh.tint = outlineColor;\n\t\t\t\toutlineMesh.alpha = outlineAlpha;\n\t\t\t\toutlineMesh.x = -outlineOffset;\n\t\t\t\toutlineMesh.y = -outlineOffset;\n\t\t\t\toutlineMesh.width = width + outlineOffset * 2;\n\t\t\t\toutlineMesh.height = height + outlineOffset * 2;\n\t\t\t\toutlineMesh.cornerRadius = Math.max(0, cornerRadius + outlineOffset);\n\t\t\t\toutlineMesh.cornerMask = cornerMask;\n\t\t\t\toutlineMesh.borderWidth = outlineWidth;\n\t\t\t\toutlineMesh.borderMask = outlineMask;\n\t\t\t\toutlineMesh.visible = true;\n\t\t\t} else {\n\t\t\t\tthis.hide();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.hide();\n\t\t}\n\t}\n\n\trender(renderer: Renderer): void {\n\t\tthis._mesh?.render(renderer);\n\t}\n\n\tupdateTransform(): void {\n\t\tthis._mesh?.updateTransform();\n\t}\n}\n"]}

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

@@ -4,7 +4,6 @@
  */
 import { __extends } from "tslib";
 import { Texture } from "pixi.js";
-import { DApplications } from "./d-applications";
 import { DButton } from "./d-button";
 import { DColorGradientObservable } from "./d-color-gradient-observable";
 import { DDialogColorGradient } from "./d-dialog-color-gradient";
@@ -26,7 +25,7 @@ var DButtonColorGradient = /** @class */ (function (_super) {
                 var view = DPickerColorGradientView.from(1, 10, checkers, texture);
                 this._view = view;
                 view.setRectangle(0, 0, 0, texture.width, texture.height);
-                view.setData(0, this._textValueComputed);
+                view.setData(0, this.text.computed);
                 view.update();
                 this.image = view;
             }
@@ -35,13 +34,13 @@ var DButtonColorGradient = /** @class */ (function (_super) {
     DButtonColorGradient.prototype.onActivate = function (e) {
         var _this = this;
         _super.prototype.onActivate.call(this, e);
-        var value = this._textValueComputed;
+        var computed = this.text.computed;
         var dialog = this.dialog;
-        if (value != null) {
-            dialog.value.fromObject(value);
+        if (computed != null) {
+            dialog.value.fromObject(computed);
         }
         dialog.open(this).then(function (newValue) {
-            _this.onValueChange(newValue, _this.toClone(value));
+            _this.onValueChange(newValue, _this.toClone(computed));
         });
     };
     DButtonColorGradient.prototype.toClone = function (value) {
@@ -52,17 +51,15 @@ var DButtonColorGradient = /** @class */ (function (_super) {
         return result;
     };
     DButtonColorGradient.prototype.onValueChange = function (newValue, oldValue) {
-        var value = this._textValueComputed;
-        if (value != null) {
-            value.fromObject(newValue);
+        var computed = this.text.computed;
+        if (computed != null) {
+            computed.fromObject(newValue);
         }
         var view = this._view;
         if (view != null) {
             view.update();
         }
-        this.onTextChange();
-        this.createOrUpdateText();
-        DApplications.update(this);
+        this.text.compute(true);
         this.emit("change", newValue, oldValue, this);
     };
     Object.defineProperty(DButtonColorGradient.prototype, "dialog", {
@@ -95,7 +92,7 @@ var DButtonColorGradient = /** @class */ (function (_super) {
     };
     Object.defineProperty(DButtonColorGradient.prototype, "value", {
         get: function () {
-            return this._textValueComputed;
+            return this.text.computed;
         },
         enumerable: false,
         configurable: true

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

@@ -1 +1 @@
-{"version":3,"file":"d-button-color-gradient.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-button-color-gradient.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, Texture } from \"pixi.js\";\nimport { DApplications } from \"./d-applications\";\nimport { DButton, DButtonEvents, DButtonOptions, DThemeButton } from \"./d-button\";\nimport { DColorGradient } from \"./d-color-gradient\";\nimport { DColorGradientObservable } from \"./d-color-gradient-observable\";\nimport { DDialogColorGradient, DDialogColorGradientOptions } from \"./d-dialog-color-gradient\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { DPickerColorGradientView } from \"./d-picker-color-gradient-view\";\n\n/**\n * {@link DButtonColorGradient} events.\n */\nexport interface DButtonColorGradientEvents<EMITTER>\n\textends DButtonEvents<DColorGradientObservable, 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(\n\t\tnewValue: DColorGradientObservable,\n\t\toldValue: DColorGradientObservable,\n\t\temitter: EMITTER\n\t): void;\n}\n\n/**\n * {@link DButtonColorGradient} \"on\" options.\n */\nexport interface DButtonColorGradientOnOptions<EMITTER>\n\textends Partial<DButtonColorGradientEvents<EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DButtonColorGradient} options.\n */\nexport interface DButtonColorGradientOptions<\n\tTHEME extends DThemeButtonColorGradient = DThemeButtonColorGradient,\n\tEMITTER = any\n> extends DButtonOptions<DColorGradientObservable, THEME, EMITTER> {\n\tdialog?: DDialogColorGradientOptions;\n\ton?: DButtonColorGradientOnOptions<EMITTER>;\n}\n\n/**\n * {@link DButtonColorGradient} theme.\n */\nexport interface DThemeButtonColorGradient extends DThemeButton<DColorGradientObservable> {\n\tgetViewBaseTexture(): Texture | null;\n\tgetCheckerColors(): [number, number];\n}\n\nexport class DButtonColorGradient<\n\tTHEME extends DThemeButtonColorGradient = DThemeButtonColorGradient,\n\tOPTIONS extends DButtonColorGradientOptions<THEME> = DButtonColorGradientOptions<THEME>\n> extends DButton<DColorGradientObservable, THEME, OPTIONS> {\n\tprotected static DIALOG?: DDialogColorGradient;\n\tprotected _dialog?: DDialogColorGradient;\n\tprotected _view?: DPickerColorGradientView;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tsuper.init(options);\n\n\t\tconst source = options?.image?.source;\n\t\tif (source === undefined) {\n\t\t\tconst theme = this.theme;\n\t\t\tconst texture = theme.getViewBaseTexture();\n\t\t\tif (texture instanceof Texture) {\n\t\t\t\tconst checkers = theme.getCheckerColors();\n\t\t\t\tconst view = DPickerColorGradientView.from(1, 10, checkers, texture);\n\t\t\t\tthis._view = view;\n\t\t\t\tview.setRectangle(0, 0, 0, texture.width, texture.height);\n\t\t\t\tview.setData(0, this._textValueComputed!);\n\t\t\t\tview.update();\n\t\t\t\tthis.image = view;\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onActivate(e?: InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void {\n\t\tsuper.onActivate(e);\n\t\tconst value = this._textValueComputed;\n\t\tconst dialog = this.dialog;\n\t\tif (value != null) {\n\t\t\tdialog.value.fromObject(value);\n\t\t}\n\t\tdialog.open(this).then((newValue): void => {\n\t\t\tthis.onValueChange(newValue, this.toClone(value));\n\t\t});\n\t}\n\n\tprotected toClone(value?: DColorGradient): DColorGradient {\n\t\tconst result = new DColorGradientObservable();\n\t\tif (value != null) {\n\t\t\tresult.fromObject(value);\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected onValueChange(newValue: DColorGradient, oldValue: DColorGradient): void {\n\t\tconst value = this._textValueComputed;\n\t\tif (value != null) {\n\t\t\tvalue.fromObject(newValue);\n\t\t}\n\t\tconst view = this._view;\n\t\tif (view != null) {\n\t\t\tview.update();\n\t\t}\n\t\tthis.onTextChange();\n\t\tthis.createOrUpdateText();\n\t\tDApplications.update(this);\n\t\tthis.emit(\"change\", newValue, oldValue, this);\n\t}\n\n\tget dialog(): DDialogColorGradient {\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 (DButtonColorGradient.DIALOG == null) {\n\t\t\t\t\tDButtonColorGradient.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 = DButtonColorGradient.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?: DDialogColorGradientOptions): DDialogColorGradient {\n\t\treturn new DDialogColorGradient(options);\n\t}\n\n\tget value(): DColorGradientObservable {\n\t\treturn this._textValueComputed!;\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DButtonColorGradient\";\n\t}\n}\n"]}
+{"version":3,"file":"d-button-color-gradient.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-button-color-gradient.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, Texture } from \"pixi.js\";\nimport { DButton, DButtonEvents, DButtonOptions, DThemeButton } from \"./d-button\";\nimport { DColorGradient } from \"./d-color-gradient\";\nimport { DColorGradientObservable } from \"./d-color-gradient-observable\";\nimport { DDialogColorGradient, DDialogColorGradientOptions } from \"./d-dialog-color-gradient\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { DPickerColorGradientView } from \"./d-picker-color-gradient-view\";\n\n/**\n * {@link DButtonColorGradient} events.\n */\nexport interface DButtonColorGradientEvents<EMITTER>\n\textends DButtonEvents<DColorGradientObservable, 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(\n\t\tnewValue: DColorGradientObservable,\n\t\toldValue: DColorGradientObservable,\n\t\temitter: EMITTER\n\t): void;\n}\n\n/**\n * {@link DButtonColorGradient} \"on\" options.\n */\nexport interface DButtonColorGradientOnOptions<EMITTER>\n\textends Partial<DButtonColorGradientEvents<EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DButtonColorGradient} options.\n */\nexport interface DButtonColorGradientOptions<\n\tTHEME extends DThemeButtonColorGradient = DThemeButtonColorGradient,\n\tEMITTER = any\n> extends DButtonOptions<DColorGradientObservable, THEME, EMITTER> {\n\tdialog?: DDialogColorGradientOptions;\n\ton?: DButtonColorGradientOnOptions<EMITTER>;\n}\n\n/**\n * {@link DButtonColorGradient} theme.\n */\nexport interface DThemeButtonColorGradient extends DThemeButton<DColorGradientObservable> {\n\tgetViewBaseTexture(): Texture | null;\n\tgetCheckerColors(): [number, number];\n}\n\nexport class DButtonColorGradient<\n\tTHEME extends DThemeButtonColorGradient = DThemeButtonColorGradient,\n\tOPTIONS extends DButtonColorGradientOptions<THEME> = DButtonColorGradientOptions<THEME>\n> extends DButton<DColorGradientObservable, THEME, OPTIONS> {\n\tprotected static DIALOG?: DDialogColorGradient;\n\tprotected _dialog?: DDialogColorGradient;\n\tprotected _view?: DPickerColorGradientView;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tsuper.init(options);\n\n\t\tconst source = options?.image?.source;\n\t\tif (source === undefined) {\n\t\t\tconst theme = this.theme;\n\t\t\tconst texture = theme.getViewBaseTexture();\n\t\t\tif (texture instanceof Texture) {\n\t\t\t\tconst checkers = theme.getCheckerColors();\n\t\t\t\tconst view = DPickerColorGradientView.from(1, 10, checkers, texture);\n\t\t\t\tthis._view = view;\n\t\t\t\tview.setRectangle(0, 0, 0, texture.width, texture.height);\n\t\t\t\tview.setData(0, this.text.computed!);\n\t\t\t\tview.update();\n\t\t\t\tthis.image = view;\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onActivate(e?: InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void {\n\t\tsuper.onActivate(e);\n\t\tconst computed = this.text.computed;\n\t\tconst dialog = this.dialog;\n\t\tif (computed != null) {\n\t\t\tdialog.value.fromObject(computed);\n\t\t}\n\t\tdialog.open(this).then((newValue): void => {\n\t\t\tthis.onValueChange(newValue, this.toClone(computed));\n\t\t});\n\t}\n\n\tprotected toClone(value?: DColorGradient): DColorGradient {\n\t\tconst result = new DColorGradientObservable();\n\t\tif (value != null) {\n\t\t\tresult.fromObject(value);\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected onValueChange(newValue: DColorGradient, oldValue: DColorGradient): void {\n\t\tconst computed = this.text.computed;\n\t\tif (computed != null) {\n\t\t\tcomputed.fromObject(newValue);\n\t\t}\n\t\tconst view = this._view;\n\t\tif (view != null) {\n\t\t\tview.update();\n\t\t}\n\t\tthis.text.compute(true);\n\t\tthis.emit(\"change\", newValue, oldValue, this);\n\t}\n\n\tget dialog(): DDialogColorGradient {\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 (DButtonColorGradient.DIALOG == null) {\n\t\t\t\t\tDButtonColorGradient.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 = DButtonColorGradient.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?: DDialogColorGradientOptions): DDialogColorGradient {\n\t\treturn new DDialogColorGradient(options);\n\t}\n\n\tget value(): DColorGradientObservable {\n\t\treturn this.text.computed!;\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DButtonColorGradient\";\n\t}\n}\n"]}

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

@@ -15,14 +15,14 @@ var DButtonColor = /** @class */ (function (_super) {
         var _this = this;
         _super.prototype.onActivate.call(this, e);
         var dialog = this.dialog;
-        var value = this._textValueComputed;
-        if (value != null) {
+        var computed = this.text.computed;
+        if (computed != null) {
             var dialogCurrent = dialog.current;
-            dialogCurrent.color = value.color;
-            dialogCurrent.alpha = value.alpha;
+            dialogCurrent.color = computed.color;
+            dialogCurrent.alpha = computed.alpha;
             var dialogNew = dialog.new;
-            dialogNew.color = value.color;
-            dialogNew.alpha = value.alpha;
+            dialogNew.color = computed.color;
+            dialogNew.alpha = computed.alpha;
         }
         dialog.open(this).then(function () {
             _this.onValueChange(_this.toClone(dialog.new), _this.toClone(dialog.current));
@@ -35,10 +35,10 @@ var DButtonColor = /** @class */ (function (_super) {
         };
     };
     DButtonColor.prototype.onValueChange = function (newValue, oldValue) {
-        var value = this._textValueComputed;
-        if (value != null) {
-            value.color = newValue.color;
-            value.alpha = newValue.alpha;
+        var computed = this.text.computed;
+        if (computed != null) {
+            computed.color = newValue.color;
+            computed.alpha = newValue.alpha;
         }
         this.onColorChange();
         this.emit("change", newValue, oldValue, this);
@@ -46,16 +46,12 @@ var DButtonColor = /** @class */ (function (_super) {
     DButtonColor.prototype.onColorChange = function () {
         var image = this.image.get(0);
         if (image != null) {
-            var value = this._textValueComputed;
-            if (value != null) {
-                image.tint.color = value.color;
+            var computed = this.text.computed;
+            if (computed != null) {
+                image.tint.color = computed.color;
             }
         }
-        this.updateTextForcibly();
-    };
-    DButtonColor.prototype.updateTextForcibly = function () {
-        this.onTextChange();
-        this.createOrUpdateText();
+        this.text.compute(true);
     };
     Object.defineProperty(DButtonColor.prototype, "dialog", {
         get: function () {
@@ -99,13 +95,14 @@ var DButtonColor = /** @class */ (function (_super) {
     });
     DButtonColor.prototype.newValue = function () {
         var _this = this;
-        var value = this._textValueComputed;
-        return new DPickerColorAndAlpha(value, function (color) {
-            value.color = color;
+        var text = this.text;
+        var computed = text.computed;
+        return new DPickerColorAndAlpha(computed, function (color) {
+            computed.color = color;
             _this.onColorChange();
         }, function (alpha) {
-            value.alpha = alpha;
-            _this.updateTextForcibly();
+            computed.alpha = alpha;
+            text.compute(true);
         });
     };
     DButtonColor.prototype.getType = function () {