@wcardinal/wcardinal-ui 0.405.0 → 0.406.0

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

@@ -21,6 +21,7 @@ import { EShapeUploaded } from "./e-shape-uploaded";
 import { EShapeConnectorContainer } from "./e-shape-connector-container";
 import { EShapeCapabilityContainer } from "./e-shape-capability-container";
 import { EShapeLockPart } from "./variant/e-shape-lock-part";
+import { EShapeImageLike } from "./e-shape-image-like";
 export interface EShape extends utils.EventEmitter {
     id: string;
     uuid: number;
@@ -32,8 +33,7 @@ export interface EShape extends utils.EventEmitter {
     radius: number;
     corner: EShapeCorner;
     readonly points?: EShapePoints;
-    image?: HTMLImageElement;
-    imageSrc?: string;
+    image?: EShapeImageLike;
     texture?: Texture;
     gradient?: EShapeGradientLike;
     readonly text: EShapeText;

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

@@ -59,6 +59,7 @@ export * from "./e-shape-deserializers";
 export * from "./e-shape-editor";
 export * from "./e-shape-fill";
 export * from "./e-shape-gradient";
+export * from "./e-shape-image-like";
 export * from "./e-shape-layer-container";
 export * from "./e-shape-layer-state";
 export * from "./e-shape-layer";

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

@@ -3,6 +3,7 @@ import { DBaseStateSet } from "../../d-base-state-set";
 import { DDiagramSerializedItem } from "../../d-diagram-serialized";
 import { EShapeAction } from "../action/e-shape-action";
 import { EShape } from "../e-shape";
+import { EShapeImageLike } from "../e-shape-image-like";
 import { EShapeConnectorContainer } from "../e-shape-connector-container";
 import { EShapeContainer } from "../e-shape-container";
 import { EShapeCopyPart } from "../e-shape-copy-part";
@@ -38,8 +39,7 @@ export declare abstract class EShapeBase extends utils.EventEmitter implements E
     abstract radius: number;
     abstract corner: EShapeCorner;
     protected _points?: EShapePoints;
-    protected _image?: HTMLImageElement;
-    imageSrc?: string;
+    abstract image?: EShapeImageLike;
     texture?: Texture;
     abstract gradient?: EShapeGradientLike;
     abstract readonly text: EShapeText;
@@ -86,8 +86,6 @@ export declare abstract class EShapeBase extends utils.EventEmitter implements E
     unlock(part: EShapeLockPart, invoke: boolean): this;
     onChildTransformChange(): void;
     updateUploaded(recursively?: boolean): void;
-    get image(): HTMLImageElement | undefined;
-    set image(image: HTMLImageElement | undefined);
     get points(): EShapePoints | undefined;
     get root(): EShape;
     get connector(): EShapeConnectorContainer;
@@ -102,8 +100,8 @@ export declare abstract class EShapeBase extends utils.EventEmitter implements E
     onDetach(exceptions?: Set<EShape>): void;
     updateTransform(): void;
     serializeChildren(manager: EShapeResourceManagerSerialization): DDiagramSerializedItem[];
-    serializeImage(manager: EShapeResourceManagerSerialization): number;
-    serializeGradient(manager: EShapeResourceManagerSerialization): number;
+    abstract serializeImage(manager: EShapeResourceManagerSerialization): number;
+    abstract serializeGradient(manager: EShapeResourceManagerSerialization): number;
     serializeState(manager: EShapeResourceManagerSerialization): number;
     serialize(manager: EShapeResourceManagerSerialization): DDiagramSerializedItem;
     addUuid(manager: EShapeResourceManagerSerialization): void;

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

@@ -10,6 +10,8 @@ import { EShapeType } from "../e-shape-type";
 import { EShapeBase } from "./e-shape-base";
 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 abstract class EShapeGroupViewer extends EShapeBase {
     size: EShapeGroupSize;
     fill: EShapeFill;
@@ -35,10 +37,12 @@ export declare abstract class EShapeGroupViewer extends EShapeBase {
     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);
     abstract clone(): EShapeGroupViewer;

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-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/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"]}