@wcardinal/wcardinal-ui 0.193.0 → 0.194.0

package/dist/types/wcardinal/ui/shape/action/e-shape-action-runtime-misc-html-element-base.d.ts

@@ -8,6 +8,7 @@ import { EShapeRuntime } from "../e-shape-runtime";
 import { EShapeActionExpression } from "./e-shape-action-expression";
 import { EShapeActionRuntime } from "./e-shape-action-runtime";
 import { EShapeActionValueMisc } from "./e-shape-action-value-misc";
+import { UtilHtmlElementClipperExRects } from "../../util/util-html-element-clipper-ex-rects";
 export declare abstract class EShapeActionRuntimeMiscHtmlElementBase<ELEMENT extends HTMLElement = HTMLElement, UTIL extends UtilHtmlElement<ELEMENT> = UtilHtmlElement<ELEMENT>> extends EShapeActionRuntime {
     protected static WORK?: Point;
     protected readonly condition: EShapeActionExpression<string | null>;
@@ -24,6 +25,7 @@ export declare abstract class EShapeActionRuntimeMiscHtmlElementBase<ELEMENT ext
     protected getElementRect(shape: EShape, runtime: EShapeRuntime, resolution: number, point: Point, result: Rectangle): Rectangle | null;
     protected getElementMatrix(shape: EShape, runtime: EShapeRuntime): Matrix | null;
     protected getClipperToRect(shape: EShape, runtime: EShapeRuntime, resolution: number, point: Point, result: Rectangle): Rectangle | null;
+    protected getClipperExRects(shape: EShape, result: UtilHtmlElementClipperExRects): void;
     onRender(shape: EShape, runtime: EShapeRuntime, time: number, renderer: Renderer): void;
     onFocus(shape: EShape, runtime: EShapeRuntime): void;
     onBlur(shape: EShape, runtime: EShapeRuntime): void;

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

@@ -1,32 +1,98 @@
 export declare const EShapeCapability: {
     readonly NONE: 0;
+    /**
+     * Allows shape IDs to be modified.
+     */
     readonly ID: 1;
+    /**
+     * Allows shape positions to be modified.
+     */
     readonly POSITION: 2;
+    /**
+     * Allows shape widths to be modified.
+     */
     readonly WIDTH: 4;
+    /**
+     * Allows shape heights to be modified.
+     */
     readonly HEIGHT: 8;
+    /**
+     * Allows shape rotations to be modified.
+     */
     readonly ROTATION: 16;
+    /**
+     * Allows shape skews to be modified.
+     */
     readonly SKEW: 32;
-    readonly ALIGN: 64;
-    readonly REPLACING: 128;
-    readonly GROUPING: 256;
+    /** @deprecated */
+    readonly ALIGN: 0;
+    /**
+     * Allows shapes to be replaced with other shapes.
+     */
+    readonly REPLACING: 64;
+    /**
+     * Allows shapes to be grouped.
+     */
+    readonly GROUPING: 128;
+    /**
+     * Allows grouped shapes to be ungrouped.
+     */
+    readonly UNGROUPING: 256;
+    /**
+     * Allows shape fills to be modified.
+     */
     readonly FILL: 512;
+    /**
+     * Allows shape strokes to be modified.
+     */
     readonly STROKE: 1024;
+    /**
+     * Allows shape stroke sides to be modified.
+     */
     readonly STROKE_SIDE: 2048;
+    /**
+     * Allows shape border radiuses to be modified.
+     */
     readonly BORDER_RADIUS: 4096;
+    /**
+     * Allows shape texts to be modified.
+     */
     readonly TEXT: 8192;
+    /**
+     * Allows shape textures to be modified.
+     */
     readonly TEXTURE: 16384;
     /** @deprecated in favor of {@link DATA} */
     readonly TAG: 32768;
+    /**
+     * Allows shape data to be modified.
+     */
     readonly DATA: 32768;
+    /**
+     * Allows shape data mapping to be modified.
+     */
     readonly DATA_MAPPING: 1048576;
+    /**
+     * Allows shape actions to be modified.
+     */
     readonly ACTION: 65536;
+    /**
+     * Allows shape cursors to be modified.
+     */
     readonly CURSOR: 131072;
+    /**
+     * Allows shape orders in layer to be modified.
+     */
     readonly ORDER_IN_LAYER: 262144;
+    /**
+     * Allows shape children to be modified.
+     */
     readonly CHILDREN: 524288;
     readonly COORDINATE: number;
     readonly SHAPE: number;
     readonly LAYER: 262144;
     readonly PRIMITIVE: number;
+    readonly GROUP: number;
     readonly EMBEDDED: number;
     readonly CONNECTOR: number;
     readonly ALL: number;

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

@@ -2,6 +2,7 @@ export * from "./load-shape-all";
 export * from "./load-shape-bar";
 export * from "./load-shape-button";
 export * from "./load-shape-circle";
+export * from "./load-shape-clipper-ex";
 export * from "./load-shape-connector-line";
 export * from "./load-shape-embedded";
 export * from "./load-shape-group-shadowed";

package/dist/types/wcardinal/ui/shape/load/load-shape-clipper-ex.d.ts

@@ -0,0 +1,2 @@
+export declare const loadShapeClipperEx: () => void;
+export declare const isShapeClipperExLoaded: () => boolean;

package/dist/types/wcardinal/ui/shape/variant/create-circle-uploaded.d.ts

@@ -1,4 +1,4 @@
 import { EShape } from "../e-shape";
 import { EShapeBuffer } from "../e-shape-buffer";
 import { EShapeUploaded } from "../e-shape-uploaded";
-export declare const createCircle: (buffer: EShapeBuffer, shape: EShape, voffset: number, ioffset: number, antialiasWeight: number) => EShapeUploaded | null;
+export declare const createCircleUploaded: (buffer: EShapeBuffer, shape: EShape, voffset: number, ioffset: number, antialiasWeight: number) => EShapeUploaded | null;

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

@@ -88,6 +88,7 @@ export * from "./deserialize-line-of-triangle-roundeds";
 export * from "./deserialize-line-of-triangles";
 export * from "./deserialize-line";
 export * from "./deserialize-null";
+export * from "./deserialize-rectangle-pivoted";
 export * from "./deserialize-rectangle-rounded";
 export * from "./deserialize-rectangle";
 export * from "./deserialize-triangle-rounded";

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

@@ -2,11 +2,12 @@ import { Matrix, Rectangle } from "pixi.js";
 import { DBaseStateSet } from "../../d-base-state-set";
 import { DThemeHtmlElement } from "../../d-html-element";
 import { UtilHtmlElementCreator, UtilHtmlElementPadding } from "../../util/util-html-element";
+import { UtilHtmlElementClipperEx } from "../../util/util-html-element-clipper-ex";
 import { UtilHtmlElementWhen } from "../../util/util-html-element-when";
 import { DThemeDarkImageBase } from "./d-theme-dark-image-base";
 export declare class DThemeDarkHtmlElement<VALUE = unknown, ELEMENT extends HTMLElement = HTMLElement> extends DThemeDarkImageBase<VALUE> implements DThemeHtmlElement<VALUE, ELEMENT> {
     getElementCreator(): UtilHtmlElementCreator<ELEMENT>;
-    setElementStyle(target: ELEMENT, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null): void;
+    setElementStyle(target: ELEMENT, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null, clipperEx: UtilHtmlElementClipperEx | null | undefined): void;
     protected getElementStylePointerEvent(state: DBaseStateSet): string;
     protected getElementStyleBackground(state: DBaseStateSet): string;
     protected getElementStyleBorder(state: DBaseStateSet): string;
@@ -18,12 +19,14 @@ export declare class DThemeDarkHtmlElement<VALUE = unknown, ELEMENT extends HTML
     protected getElementStylePosition(state: DBaseStateSet, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null): string;
     protected getElementStyleText(state: DBaseStateSet): string;
     protected getElementStyleMargin(state: DBaseStateSet): string;
+    protected getElementStyleClipPath(state: DBaseStateSet, clipperEx: UtilHtmlElementClipperEx | null | undefined): string;
     getClipperCreator(): UtilHtmlElementCreator<HTMLDivElement>;
-    setClipperStyle(target: HTMLDivElement, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null): void;
+    setClipperStyle(target: HTMLDivElement, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null, clipperEx: UtilHtmlElementClipperEx | null | undefined): void;
     protected getClipperStyleOverflow(rect: Rectangle | null): string;
     protected getClipperStylePositionPosition(rect: Rectangle | null): string;
     protected getClipperStylePositionSize(rect: Rectangle | null): string;
     protected getClipperStylePosition(rect: Rectangle | null): string;
+    isClipperExEnabled(): boolean;
     getBeforeCreator(): UtilHtmlElementCreator<HTMLDivElement>;
     setBeforeStyle(target: HTMLDivElement): void;
     getAfterCreator(): UtilHtmlElementCreator<HTMLDivElement>;

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

@@ -2,11 +2,12 @@ import { Matrix, Rectangle } from "pixi.js";
 import { DBaseStateSet } from "../../d-base-state-set";
 import { DThemeHtmlElement } from "../../d-html-element";
 import { UtilHtmlElementCreator, UtilHtmlElementPadding } from "../../util/util-html-element";
+import { UtilHtmlElementClipperEx } from "../../util/util-html-element-clipper-ex";
 import { UtilHtmlElementWhen } from "../../util/util-html-element-when";
 import { DThemeWhiteImageBase } from "./d-theme-white-image-base";
 export declare class DThemeWhiteHtmlElement<VALUE = unknown, ELEMENT extends HTMLElement = HTMLElement> extends DThemeWhiteImageBase<VALUE> implements DThemeHtmlElement<VALUE, ELEMENT> {
     getElementCreator(): UtilHtmlElementCreator<ELEMENT>;
-    setElementStyle(target: ELEMENT, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null): void;
+    setElementStyle(target: ELEMENT, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null, clipperEx: UtilHtmlElementClipperEx | null | undefined): void;
     protected getElementStylePointerEvent(state: DBaseStateSet): string;
     protected getElementStyleBackground(state: DBaseStateSet): string;
     protected getElementStyleBorder(state: DBaseStateSet): string;
@@ -18,12 +19,14 @@ export declare class DThemeWhiteHtmlElement<VALUE = unknown, ELEMENT extends HTM
     protected getElementStylePosition(state: DBaseStateSet, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null): string;
     protected getElementStyleText(state: DBaseStateSet): string;
     protected getElementStyleMargin(state: DBaseStateSet): string;
+    protected getElementStyleClipPath(state: DBaseStateSet, clipperEx: UtilHtmlElementClipperEx | null | undefined): string;
     getClipperCreator(): UtilHtmlElementCreator<HTMLDivElement>;
-    setClipperStyle(target: HTMLDivElement, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null): void;
+    setClipperStyle(target: HTMLDivElement, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null, clipperEx: UtilHtmlElementClipperEx | null | undefined): void;
     protected getClipperStyleOverflow(rect: Rectangle | null): string;
     protected getClipperStylePositionPosition(rect: Rectangle | null): string;
     protected getClipperStylePositionSize(rect: Rectangle | null): string;
     protected getClipperStylePosition(rect: Rectangle | null): string;
+    isClipperExEnabled(): boolean;
     getBeforeCreator(): UtilHtmlElementCreator<HTMLDivElement>;
     setBeforeStyle(target: HTMLDivElement): void;
     getAfterCreator(): UtilHtmlElementCreator<HTMLDivElement>;

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

@@ -55,6 +55,10 @@ export * from "./util-file-downloader";
 export * from "./util-file-opener";
 export * from "./util-font";
 export * from "./util-hsv";
+export * from "./util-html-element-clipper-ex-impl";
+export * from "./util-html-element-clipper-ex-rects-impl";
+export * from "./util-html-element-clipper-ex-rects";
+export * from "./util-html-element-clipper-ex";
 export * from "./util-html-element-when";
 export * from "./util-html-element";
 export * from "./util-input-input";

package/dist/types/wcardinal/ui/util/util-html-element-clipper-ex-impl.d.ts

@@ -0,0 +1,15 @@
+import { Matrix, Rectangle } from "pixi.js";
+import { UtilHtmlElementClipperEx } from "./util-html-element-clipper-ex";
+import { UtilHtmlElementClipperExRects } from "./util-html-element-clipper-ex-rects";
+export declare class UtilHtmlElementClipperExImpl implements UtilHtmlElementClipperEx {
+    private static WORK_MATRIX?;
+    private static WORK_RECTS?;
+    private _id;
+    private _path;
+    private _pathD;
+    constructor(container: HTMLElement);
+    get id(): string;
+    update(elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperExRects: UtilHtmlElementClipperExRects): void;
+    protected toD(elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperExRects: UtilHtmlElementClipperExRects): string;
+    protected toRects(clipperExRects: UtilHtmlElementClipperExRects, result: number[]): number;
+}

package/dist/types/wcardinal/ui/util/util-html-element-clipper-ex-rects-impl.d.ts

@@ -0,0 +1,15 @@
+import { UtilHtmlElementClipperExRects } from "./util-html-element-clipper-ex-rects";
+export declare class UtilHtmlElementClipperExRectsImpl implements UtilHtmlElementClipperExRects {
+    private _data;
+    private _size;
+    private _index;
+    private _isDirty;
+    constructor();
+    get data(): number[];
+    get size(): number;
+    isDirty(): boolean;
+    toClean(): void;
+    begin(): this;
+    end(): this;
+    add(x0: number, y0: number, x1: number, y1: number): this;
+}

package/dist/types/wcardinal/ui/util/util-html-element-clipper-ex-rects.d.ts

@@ -0,0 +1,9 @@
+export interface UtilHtmlElementClipperExRects {
+    readonly data: number[];
+    readonly size: number;
+    isDirty(): boolean;
+    toClean(): void;
+    begin(): this;
+    end(): this;
+    add(x0: number, y0: number, x1: number, y2: number): this;
+}

package/dist/types/wcardinal/ui/util/util-html-element-clipper-ex.d.ts

@@ -0,0 +1,6 @@
+import { Matrix, Rectangle } from "pixi.js";
+import { UtilHtmlElementClipperExRects } from "./util-html-element-clipper-ex-rects";
+export interface UtilHtmlElementClipperEx {
+    readonly id: string;
+    update(elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperExRects: UtilHtmlElementClipperExRects): void;
+}

package/dist/types/wcardinal/ui/util/util-html-element.d.ts

@@ -1,6 +1,8 @@
 import { interaction, Matrix, Point, Rectangle, Renderer } from "pixi.js";
 import { DBaseStateSet } from "../d-base-state-set";
 import { DFocusableMightBe } from "../d-controller-focus";
+import { UtilHtmlElementClipperEx } from "./util-html-element-clipper-ex";
+import { UtilHtmlElementClipperExRects } from "./util-html-element-clipper-ex-rects";
 import { UtilHtmlElementWhen } from "./util-html-element-when";
 export interface UtilHtmlElementPaddingLTRB {
     getLeft(): number;
@@ -14,7 +16,7 @@ export interface UtilHtmlElementPaddingVH {
 }
 export declare type UtilHtmlElementPadding = UtilHtmlElementPaddingVH | UtilHtmlElementPaddingLTRB;
 export declare type UtilHtmlElementCreator<T extends HTMLElement> = (container: HTMLElement) => T | null;
-export declare type UtilHtmlElementStyler<T extends HTMLElement> = (target: T, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null) => void;
+export declare type UtilHtmlElementStyler<T extends HTMLElement> = (target: T, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null, clipperEx: UtilHtmlElementClipperEx | null | undefined) => void;
 export declare type UtilHtmlElementStylerBefore = (target: HTMLDivElement) => void;
 export declare type UtilHtmlElementStylerAfter = (target: HTMLDivElement) => void;
 export declare type UtilHtmlElementToRect = (resolution: number, work: Point, result: Rectangle) => Rectangle | null;
@@ -26,6 +28,7 @@ export interface UtilHtmlElementElementOptions<ELEMENT extends HTMLElement> {
 export interface UtilHtmlElementClipperOptions {
     creator?: UtilHtmlElementCreator<HTMLDivElement>;
     styler?: UtilHtmlElementStyler<HTMLDivElement>;
+    extended?: boolean;
 }
 export interface UtilHtmlElementBeforeOptions {
     creator?: UtilHtmlElementCreator<HTMLDivElement>;
@@ -45,9 +48,10 @@ export interface UtilHtmlElementOptions<ELEMENT extends HTMLElement = HTMLElemen
 }
 export interface UtilThemeHtmlElement<ELEMENT extends HTMLElement> {
     getElementCreator(): UtilHtmlElementCreator<ELEMENT>;
-    setElementStyle(target: ELEMENT, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null): void;
+    setElementStyle(target: ELEMENT, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null, clipperEx: UtilHtmlElementClipperEx | null | undefined): void;
     getClipperCreator(): UtilHtmlElementCreator<HTMLDivElement>;
-    setClipperStyle(target: HTMLDivElement, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null): void;
+    setClipperStyle(target: HTMLDivElement, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null, clipperEx: UtilHtmlElementClipperEx | null | undefined): void;
+    isClipperExEnabled(): boolean;
     getBeforeCreator(): UtilHtmlElementCreator<HTMLDivElement>;
     setBeforeStyle(target: HTMLDivElement): void;
     getAfterCreator(): UtilHtmlElementCreator<HTMLDivElement>;
@@ -62,6 +66,7 @@ export interface UtilHtmlElementElementData<ELEMENT extends HTMLElement> {
 export interface UtilHtmlElementClipperData {
     creator: UtilHtmlElementCreator<HTMLDivElement>;
     styler: UtilHtmlElementStyler<HTMLDivElement>;
+    extended: boolean;
 }
 export interface UtilHtmlElementBeforeData {
     creator: UtilHtmlElementCreator<HTMLDivElement>;
@@ -89,6 +94,7 @@ export interface UtilHtmlElementOperation<ELEMENT extends HTMLElement> {
     getElementRect(resolution: number, work: Point, result: Rectangle): Rectangle | null;
     getElementMatrix(): Matrix | null;
     getClipperRect(resolution: number, work: Point, result: Rectangle): Rectangle | null;
+    getClipperExRects?(result: UtilHtmlElementClipperExRects): void;
     getPadding(): UtilHtmlElementPadding | null;
     containsPoint(point: Point): boolean;
     onStart(): void;
@@ -102,6 +108,8 @@ export declare class UtilHtmlElement<ELEMENT extends HTMLElement = HTMLElement,
     protected _point?: Point;
     protected _clipper?: HTMLDivElement | null;
     protected _clipperRectResult?: Rectangle;
+    protected _clipperEx?: UtilHtmlElementClipperEx | null;
+    protected _clipperExRects?: UtilHtmlElementClipperExRects | null;
     protected _element?: ELEMENT | null;
     protected _elementRectResult?: Rectangle;
     protected _isElementShown: boolean;
@@ -119,9 +127,9 @@ export declare class UtilHtmlElement<ELEMENT extends HTMLElement = HTMLElement,
     constructor(target: TARGET, operation: OPERATION, theme: THEME, options?: OPTIONS);
     protected toData(theme: THEME, options?: OPTIONS): UtilHtmlElementData<ELEMENT>;
     protected toElementData(theme: THEME, options?: OPTIONS["element"]): UtilHtmlElementElementData<ELEMENT>;
-    protected newElementStyler(theme: THEME): (target: ELEMENT, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null) => void;
+    protected newElementStyler(theme: THEME): (target: ELEMENT, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null, clipperEx: UtilHtmlElementClipperEx | null | undefined) => void;
     protected toClipperData(theme: THEME, options?: OPTIONS["clipper"]): UtilHtmlElementClipperData;
-    protected newClipperStyler(theme: THEME): (target: HTMLDivElement, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null) => void;
+    protected newClipperStyler(theme: THEME): (target: HTMLDivElement, state: DBaseStateSet, padding: UtilHtmlElementPadding | null, elementRect: Rectangle | null, elementMatrix: Matrix | null, clipperRect: Rectangle | null, clipperEx: UtilHtmlElementClipperEx | null | undefined) => void;
     protected toBeforeData(theme: THEME, options?: OPTIONS["before"]): UtilHtmlElementBeforeData;
     protected newBeforeStyler(theme: THEME): (target: HTMLDivElement) => void;
     protected toAfterData(theme: THEME, options?: OPTIONS["after"]): UtilHtmlElementAfterData;
@@ -140,6 +148,7 @@ export declare class UtilHtmlElement<ELEMENT extends HTMLElement = HTMLElement,
     protected getElementRect(resolution: number): Rectangle | null;
     protected getElementMatrix(): Matrix | null;
     protected getClipperRect(resolution: number): Rectangle | null;
+    protected fillClipperExRects(resolution: number, result: UtilHtmlElementClipperExRects): boolean;
     protected doStart(renderer?: Renderer): void;
     protected toElementFocused(element: ELEMENT): void;
     protected onStart(): void;
@@ -149,6 +158,8 @@ export declare class UtilHtmlElement<ELEMENT extends HTMLElement = HTMLElement,
     protected onElementAttached(element: ELEMENT, before?: HTMLDivElement | null, after?: HTMLDivElement | null): void;
     protected onElementDetached(element: ELEMENT, before?: HTMLDivElement | null, after?: HTMLDivElement | null): void;
     protected getClipper(): HTMLDivElement | null;
+    protected getClipperEx(clipper: HTMLDivElement): UtilHtmlElementClipperEx | null;
+    protected getClipperExRects(): UtilHtmlElementClipperExRects | null;
     protected getElement(clipper: HTMLDivElement): ELEMENT | null;
     protected getBefore(clipper: HTMLDivElement): HTMLDivElement | null;
     protected getAfter(clipper: HTMLDivElement): HTMLDivElement | null;

package/dist/wcardinal/ui/shape/action/e-shape-action-runtime-misc-html-element-base.js

@@ -10,6 +10,8 @@ import { UtilHtmlElementWhen } from "../../util/util-html-element-when";
 import { EShapeActionExpressions } from "./e-shape-action-expressions";
 import { EShapeActionRuntime } from "./e-shape-action-runtime";
 import { EShapeActionRuntimes } from "./e-shape-action-runtimes";
+import { DDiagramLayer } from "../../d-diagram-layer";
+import { isShapeClipperExLoaded } from "../load/load-shape-clipper-ex";
 var EShapeActionRuntimeMiscHtmlElementBase = /** @class */ (function (_super) {
     __extends(EShapeActionRuntimeMiscHtmlElementBase, _super);
     function EShapeActionRuntimeMiscHtmlElementBase(value) {
@@ -42,6 +44,9 @@ var EShapeActionRuntimeMiscHtmlElementBase = /** @class */ (function (_super) {
             getClipperRect: function (resolution, work, result) {
                 return _this.getClipperToRect(shape, runtime, resolution, work, result);
             },
+            getClipperExRects: function (result) {
+                _this.getClipperExRects(shape, result);
+            },
             getPadding: function () {
                 return _this.getPadding(shape, runtime);
             },
@@ -64,7 +69,10 @@ var EShapeActionRuntimeMiscHtmlElementBase = /** @class */ (function (_super) {
             element: {
                 creator: this.newElementCreator(shape, runtime)
             },
-            when: this.toWhen(shape, runtime)
+            when: this.toWhen(shape, runtime),
+            clipper: {
+                extended: isShapeClipperExLoaded()
+            }
         };
     };
     EShapeActionRuntimeMiscHtmlElementBase.prototype.toWhen = function (shape, runtime) {
@@ -75,9 +83,9 @@ var EShapeActionRuntimeMiscHtmlElementBase = /** @class */ (function (_super) {
         return undefined;
     };
     EShapeActionRuntimeMiscHtmlElementBase.prototype.containsPoint = function (shape, runtime, point) {
+        var _a;
         if (shape.visible) {
-            var local = EShapeActionRuntimeMiscHtmlElementBase.WORK || new Point();
-            EShapeActionRuntimeMiscHtmlElementBase.WORK = local;
+            var local = ((_a = EShapeActionRuntimeMiscHtmlElementBase.WORK) !== null && _a !== void 0 ? _a : (EShapeActionRuntimeMiscHtmlElementBase.WORK = new Point()));
             shape.toLocal(point, undefined, local);
             return shape.contains(local.x, local.y) != null;
         }
@@ -105,6 +113,35 @@ var EShapeActionRuntimeMiscHtmlElementBase = /** @class */ (function (_super) {
         var container = EShapeActionRuntimes.toContainer(shape);
         return UtilHtmlElement.getClipperRect(container, shape, resolution, point, result);
     };
+    EShapeActionRuntimeMiscHtmlElementBase.prototype.getClipperExRects = function (shape, result) {
+        result.begin();
+        var target = shape.root.parent;
+        if (target instanceof DDiagramLayer) {
+            var layerContainer = target.parent;
+            if (layerContainer != null) {
+                var layers = layerContainer.children;
+                var index = layers.indexOf(target);
+                if (0 <= index) {
+                    for (var i = index + 1, imax = layers.length; i < imax; ++i) {
+                        var layer = layers[i];
+                        if (layer.visible) {
+                            var w = layer.width;
+                            var h = layer.height;
+                            var t = layer.transform.worldTransform;
+                            var a = t.a;
+                            var b = t.b;
+                            var c = t.c;
+                            var d = t.d;
+                            var tx = t.tx;
+                            var ty = t.ty;
+                            result.add(tx, ty, a * w + c * h + tx, b * w + d * h + ty);
+                        }
+                    }
+                }
+            }
+        }
+        result.end();
+    };
     EShapeActionRuntimeMiscHtmlElementBase.prototype.onRender = function (shape, runtime, time, renderer) {
         this.getUtil(shape, runtime).onRender(renderer);
     };

package/dist/wcardinal/ui/shape/action/e-shape-action-runtime-misc-html-element-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"e-shape-action-runtime-misc-html-element-base.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/shape/action/e-shape-action-runtime-misc-html-element-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { interaction, Matrix, Point, Rectangle, Renderer } from \"pixi.js\";\nimport InteractionEvent = interaction.InteractionEvent;\nimport InteractionManager = interaction.InteractionManager;\nimport { DThemes } from \"../../theme/d-themes\";\nimport {\n\tUtilHtmlElement,\n\tUtilHtmlElementCreator,\n\tUtilHtmlElementOperation,\n\tUtilHtmlElementOptions,\n\tUtilHtmlElementPadding\n} from \"../../util/util-html-element\";\nimport { UtilHtmlElementWhen } from \"../../util/util-html-element-when\";\nimport { EShape } from \"../e-shape\";\nimport { EShapeRuntime } from \"../e-shape-runtime\";\nimport { EShapeActionExpression } from \"./e-shape-action-expression\";\nimport { EShapeActionExpressions } from \"./e-shape-action-expressions\";\nimport { EShapeActionRuntime } from \"./e-shape-action-runtime\";\nimport { EShapeActionRuntimes } from \"./e-shape-action-runtimes\";\nimport { EShapeActionValueMisc } from \"./e-shape-action-value-misc\";\n\nexport abstract class EShapeActionRuntimeMiscHtmlElementBase<\n\tELEMENT extends HTMLElement = HTMLElement,\n\tUTIL extends UtilHtmlElement<ELEMENT> = UtilHtmlElement<ELEMENT>\n> extends EShapeActionRuntime {\n\tprotected static WORK?: Point;\n\tprotected readonly condition: EShapeActionExpression<string | null>;\n\tprotected utils: Map<EShape, UTIL>;\n\n\tconstructor(value: EShapeActionValueMisc) {\n\t\tsuper();\n\t\tthis.condition = EShapeActionExpressions.ofString(value.condition);\n\t\tthis.utils = new Map<EShape, UTIL>();\n\t}\n\n\tprotected getUtil(shape: EShape, runtime: EShapeRuntime): UTIL {\n\t\tconst utils = this.utils;\n\t\tlet result = utils.get(shape);\n\t\tif (result == null) {\n\t\t\tresult = this.newUtil(shape, runtime);\n\t\t\tutils.set(shape, result);\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected newUtil(shape: EShape, runtime: EShapeRuntime): UTIL {\n\t\treturn new UtilHtmlElement<ELEMENT>(\n\t\t\tshape,\n\t\t\tthis.newOperation(shape, runtime),\n\t\t\tDThemes.getInstance().get(\"DHtmlElement\"),\n\t\t\tthis.newUtilOptions(shape, runtime)\n\t\t) as any;\n\t}\n\n\tprotected newOperation(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime\n\t): UtilHtmlElementOperation<ELEMENT> {\n\t\treturn {\n\t\t\tgetElementRect: (\n\t\t\t\tresolution: number,\n\t\t\t\twork: Point,\n\t\t\t\tresult: Rectangle\n\t\t\t): Rectangle | null => {\n\t\t\t\treturn this.getElementRect(shape, runtime, resolution, work, result);\n\t\t\t},\n\n\t\t\tgetElementMatrix: (): Matrix | null => {\n\t\t\t\treturn this.getElementMatrix(shape, runtime);\n\t\t\t},\n\n\t\t\tgetClipperRect: (\n\t\t\t\tresolution: number,\n\t\t\t\twork: Point,\n\t\t\t\tresult: Rectangle\n\t\t\t): Rectangle | null => {\n\t\t\t\treturn this.getClipperToRect(shape, runtime, resolution, work, result);\n\t\t\t},\n\n\t\t\tgetPadding: (): UtilHtmlElementPadding | null => {\n\t\t\t\treturn this.getPadding(shape, runtime);\n\t\t\t},\n\n\t\t\tcontainsPoint: (point: Point): boolean => {\n\t\t\t\treturn this.containsPoint(shape, runtime, point);\n\t\t\t},\n\n\t\t\tonStart: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t},\n\n\t\t\tonCancel: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t},\n\n\t\t\tonEnd: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t}\n\t\t};\n\t}\n\n\tprotected newUtilOptions(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime\n\t): UtilHtmlElementOptions<ELEMENT> {\n\t\treturn {\n\t\t\telement: {\n\t\t\t\tcreator: this.newElementCreator(shape, runtime)\n\t\t\t},\n\t\t\twhen: this.toWhen(shape, runtime)\n\t\t};\n\t}\n\n\tprotected abstract newElementCreator(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime\n\t): UtilHtmlElementCreator<ELEMENT> | undefined;\n\n\tprotected toWhen(shape: EShape, runtime: EShapeRuntime): UtilHtmlElementWhen | undefined {\n\t\tconst value = this.condition(shape, Date.now());\n\t\tif (value != null && value in UtilHtmlElementWhen) {\n\t\t\treturn UtilHtmlElementWhen[value as keyof typeof UtilHtmlElementWhen];\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tprotected containsPoint(shape: EShape, runtime: EShapeRuntime, point: Point): boolean {\n\t\tif (shape.visible) {\n\t\t\tconst local = EShapeActionRuntimeMiscHtmlElementBase.WORK || new Point();\n\t\t\tEShapeActionRuntimeMiscHtmlElementBase.WORK = local;\n\t\t\tshape.toLocal(point, undefined, local);\n\t\t\treturn shape.contains(local.x, local.y) != null;\n\t\t}\n\t\treturn false;\n\t}\n\n\tprotected getPadding(shape: EShape, runtime: EShapeRuntime): UtilHtmlElementPadding | null {\n\t\treturn null;\n\t}\n\n\tprotected getElementRect(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime,\n\t\tresolution: number,\n\t\tpoint: Point,\n\t\tresult: Rectangle\n\t): Rectangle | null {\n\t\tconst pivot = shape.transform.pivot;\n\t\tconst size = shape.size;\n\t\tconst sizeX = size.x;\n\t\tconst sizeY = size.y;\n\t\tresult.x = -0.5 * sizeX + pivot.x;\n\t\tresult.y = -0.5 * sizeY + pivot.y;\n\t\tresult.width = sizeX;\n\t\tresult.height = sizeY;\n\t\treturn result;\n\t}\n\n\tprotected getElementMatrix(shape: EShape, runtime: EShapeRuntime): Matrix | null {\n\t\tshape.updateTransform();\n\t\treturn shape.transform.worldTransform;\n\t}\n\n\tprotected getClipperToRect(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime,\n\t\tresolution: number,\n\t\tpoint: Point,\n\t\tresult: Rectangle\n\t): Rectangle | null {\n\t\tconst container = EShapeActionRuntimes.toContainer(shape);\n\t\treturn UtilHtmlElement.getClipperRect(container, shape, resolution, point, result);\n\t}\n\n\tonRender(shape: EShape, runtime: EShapeRuntime, time: number, renderer: Renderer): void {\n\t\tthis.getUtil(shape, runtime).onRender(renderer);\n\t}\n\n\tonFocus(shape: EShape, runtime: EShapeRuntime): void {\n\t\tthis.getUtil(shape, runtime).onFocus();\n\t}\n\n\tonBlur(shape: EShape, runtime: EShapeRuntime): void {\n\t\tthis.getUtil(shape, runtime).onBlur();\n\t}\n\n\tonDowning(shape: EShape, runtime: EShapeRuntime, e: InteractionEvent | KeyboardEvent): void {\n\t\tthis.getUtil(shape, runtime).onDowning(e);\n\t}\n\n\tonDown(shape: EShape, runtime: EShapeRuntime, e: InteractionEvent | KeyboardEvent): void {\n\t\tthis.getUtil(shape, runtime).onDown(e);\n\t}\n\n\tonDblClick(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime,\n\t\te: MouseEvent | TouchEvent,\n\t\tinteractionManager: InteractionManager\n\t): void {\n\t\tthis.getUtil(shape, runtime).onDblClick(e, interactionManager);\n\t}\n}\n"]}
+{"version":3,"file":"e-shape-action-runtime-misc-html-element-base.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/shape/action/e-shape-action-runtime-misc-html-element-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { interaction, Matrix, Point, Rectangle, Renderer } from \"pixi.js\";\nimport InteractionEvent = interaction.InteractionEvent;\nimport InteractionManager = interaction.InteractionManager;\nimport { DThemes } from \"../../theme/d-themes\";\nimport {\n\tUtilHtmlElement,\n\tUtilHtmlElementCreator,\n\tUtilHtmlElementOperation,\n\tUtilHtmlElementOptions,\n\tUtilHtmlElementPadding\n} from \"../../util/util-html-element\";\nimport { UtilHtmlElementWhen } from \"../../util/util-html-element-when\";\nimport { EShape } from \"../e-shape\";\nimport { EShapeRuntime } from \"../e-shape-runtime\";\nimport { EShapeActionExpression } from \"./e-shape-action-expression\";\nimport { EShapeActionExpressions } from \"./e-shape-action-expressions\";\nimport { EShapeActionRuntime } from \"./e-shape-action-runtime\";\nimport { EShapeActionRuntimes } from \"./e-shape-action-runtimes\";\nimport { EShapeActionValueMisc } from \"./e-shape-action-value-misc\";\nimport { UtilHtmlElementClipperExRects } from \"../../util/util-html-element-clipper-ex-rects\";\nimport { EShapeContainer } from \"../e-shape-container\";\nimport { DDiagramLayer } from \"../../d-diagram-layer\";\nimport { isShapeClipperExLoaded } from \"../load/load-shape-clipper-ex\";\n\nexport abstract class EShapeActionRuntimeMiscHtmlElementBase<\n\tELEMENT extends HTMLElement = HTMLElement,\n\tUTIL extends UtilHtmlElement<ELEMENT> = UtilHtmlElement<ELEMENT>\n> extends EShapeActionRuntime {\n\tprotected static WORK?: Point;\n\tprotected readonly condition: EShapeActionExpression<string | null>;\n\tprotected utils: Map<EShape, UTIL>;\n\n\tconstructor(value: EShapeActionValueMisc) {\n\t\tsuper();\n\t\tthis.condition = EShapeActionExpressions.ofString(value.condition);\n\t\tthis.utils = new Map<EShape, UTIL>();\n\t}\n\n\tprotected getUtil(shape: EShape, runtime: EShapeRuntime): UTIL {\n\t\tconst utils = this.utils;\n\t\tlet result = utils.get(shape);\n\t\tif (result == null) {\n\t\t\tresult = this.newUtil(shape, runtime);\n\t\t\tutils.set(shape, result);\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected newUtil(shape: EShape, runtime: EShapeRuntime): UTIL {\n\t\treturn new UtilHtmlElement<ELEMENT>(\n\t\t\tshape,\n\t\t\tthis.newOperation(shape, runtime),\n\t\t\tDThemes.getInstance().get(\"DHtmlElement\"),\n\t\t\tthis.newUtilOptions(shape, runtime)\n\t\t) as any;\n\t}\n\n\tprotected newOperation(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime\n\t): UtilHtmlElementOperation<ELEMENT> {\n\t\treturn {\n\t\t\tgetElementRect: (\n\t\t\t\tresolution: number,\n\t\t\t\twork: Point,\n\t\t\t\tresult: Rectangle\n\t\t\t): Rectangle | null => {\n\t\t\t\treturn this.getElementRect(shape, runtime, resolution, work, result);\n\t\t\t},\n\n\t\t\tgetElementMatrix: (): Matrix | null => {\n\t\t\t\treturn this.getElementMatrix(shape, runtime);\n\t\t\t},\n\n\t\t\tgetClipperRect: (\n\t\t\t\tresolution: number,\n\t\t\t\twork: Point,\n\t\t\t\tresult: Rectangle\n\t\t\t): Rectangle | null => {\n\t\t\t\treturn this.getClipperToRect(shape, runtime, resolution, work, result);\n\t\t\t},\n\n\t\t\tgetClipperExRects: (result: UtilHtmlElementClipperExRects): void => {\n\t\t\t\tthis.getClipperExRects(shape, result);\n\t\t\t},\n\n\t\t\tgetPadding: (): UtilHtmlElementPadding | null => {\n\t\t\t\treturn this.getPadding(shape, runtime);\n\t\t\t},\n\n\t\t\tcontainsPoint: (point: Point): boolean => {\n\t\t\t\treturn this.containsPoint(shape, runtime, point);\n\t\t\t},\n\n\t\t\tonStart: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t},\n\n\t\t\tonCancel: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t},\n\n\t\t\tonEnd: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t}\n\t\t};\n\t}\n\n\tprotected newUtilOptions(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime\n\t): UtilHtmlElementOptions<ELEMENT> {\n\t\treturn {\n\t\t\telement: {\n\t\t\t\tcreator: this.newElementCreator(shape, runtime)\n\t\t\t},\n\t\t\twhen: this.toWhen(shape, runtime),\n\t\t\tclipper: {\n\t\t\t\textended: isShapeClipperExLoaded()\n\t\t\t}\n\t\t};\n\t}\n\n\tprotected abstract newElementCreator(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime\n\t): UtilHtmlElementCreator<ELEMENT> | undefined;\n\n\tprotected toWhen(shape: EShape, runtime: EShapeRuntime): UtilHtmlElementWhen | undefined {\n\t\tconst value = this.condition(shape, Date.now());\n\t\tif (value != null && value in UtilHtmlElementWhen) {\n\t\t\treturn UtilHtmlElementWhen[value as keyof typeof UtilHtmlElementWhen];\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tprotected containsPoint(shape: EShape, runtime: EShapeRuntime, point: Point): boolean {\n\t\tif (shape.visible) {\n\t\t\tconst local = (EShapeActionRuntimeMiscHtmlElementBase.WORK ??= new Point());\n\t\t\tshape.toLocal(point, undefined, local);\n\t\t\treturn shape.contains(local.x, local.y) != null;\n\t\t}\n\t\treturn false;\n\t}\n\n\tprotected getPadding(shape: EShape, runtime: EShapeRuntime): UtilHtmlElementPadding | null {\n\t\treturn null;\n\t}\n\n\tprotected getElementRect(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime,\n\t\tresolution: number,\n\t\tpoint: Point,\n\t\tresult: Rectangle\n\t): Rectangle | null {\n\t\tconst pivot = shape.transform.pivot;\n\t\tconst size = shape.size;\n\t\tconst sizeX = size.x;\n\t\tconst sizeY = size.y;\n\t\tresult.x = -0.5 * sizeX + pivot.x;\n\t\tresult.y = -0.5 * sizeY + pivot.y;\n\t\tresult.width = sizeX;\n\t\tresult.height = sizeY;\n\t\treturn result;\n\t}\n\n\tprotected getElementMatrix(shape: EShape, runtime: EShapeRuntime): Matrix | null {\n\t\tshape.updateTransform();\n\t\treturn shape.transform.worldTransform;\n\t}\n\n\tprotected getClipperToRect(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime,\n\t\tresolution: number,\n\t\tpoint: Point,\n\t\tresult: Rectangle\n\t): Rectangle | null {\n\t\tconst container = EShapeActionRuntimes.toContainer(shape);\n\t\treturn UtilHtmlElement.getClipperRect(container, shape, resolution, point, result);\n\t}\n\n\tprotected getClipperExRects(shape: EShape, result: UtilHtmlElementClipperExRects): void {\n\t\tresult.begin();\n\t\tconst target = shape.root.parent as EShapeContainer | null;\n\t\tif (target instanceof DDiagramLayer) {\n\t\t\tconst layerContainer = target.parent;\n\t\t\tif (layerContainer != null) {\n\t\t\t\tconst layers = layerContainer.children as DDiagramLayer[];\n\t\t\t\tconst index = layers.indexOf(target);\n\t\t\t\tif (0 <= index) {\n\t\t\t\t\tfor (let i = index + 1, imax = layers.length; i < imax; ++i) {\n\t\t\t\t\t\tconst layer = layers[i];\n\t\t\t\t\t\tif (layer.visible) {\n\t\t\t\t\t\t\tconst w = layer.width;\n\t\t\t\t\t\t\tconst h = layer.height;\n\t\t\t\t\t\t\tconst t = layer.transform.worldTransform;\n\t\t\t\t\t\t\tconst a = t.a;\n\t\t\t\t\t\t\tconst b = t.b;\n\t\t\t\t\t\t\tconst c = t.c;\n\t\t\t\t\t\t\tconst d = t.d;\n\t\t\t\t\t\t\tconst tx = t.tx;\n\t\t\t\t\t\t\tconst ty = t.ty;\n\t\t\t\t\t\t\tresult.add(tx, ty, a * w + c * h + tx, b * w + d * h + ty);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tresult.end();\n\t}\n\n\tonRender(shape: EShape, runtime: EShapeRuntime, time: number, renderer: Renderer): void {\n\t\tthis.getUtil(shape, runtime).onRender(renderer);\n\t}\n\n\tonFocus(shape: EShape, runtime: EShapeRuntime): void {\n\t\tthis.getUtil(shape, runtime).onFocus();\n\t}\n\n\tonBlur(shape: EShape, runtime: EShapeRuntime): void {\n\t\tthis.getUtil(shape, runtime).onBlur();\n\t}\n\n\tonDowning(shape: EShape, runtime: EShapeRuntime, e: InteractionEvent | KeyboardEvent): void {\n\t\tthis.getUtil(shape, runtime).onDowning(e);\n\t}\n\n\tonDown(shape: EShape, runtime: EShapeRuntime, e: InteractionEvent | KeyboardEvent): void {\n\t\tthis.getUtil(shape, runtime).onDown(e);\n\t}\n\n\tonDblClick(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime,\n\t\te: MouseEvent | TouchEvent,\n\t\tinteractionManager: InteractionManager\n\t): void {\n\t\tthis.getUtil(shape, runtime).onDblClick(e, interactionManager);\n\t}\n}\n"]}

package/dist/wcardinal/ui/shape/action/e-shape-action-runtime-misc-input.js

@@ -26,6 +26,9 @@ var EShapeActionRuntimeMiscInput = /** @class */ (function (_super) {
             getClipperRect: function (resolution, work, result) {
                 return _this.getClipperToRect(shape, runtime, resolution, work, result);
             },
+            getClipperExRects: function (result) {
+                _this.getClipperExRects(shape, result);
+            },
             getPadding: function () {
                 return _this.getPadding(shape, runtime);
             },

package/dist/wcardinal/ui/shape/action/e-shape-action-runtime-misc-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"e-shape-action-runtime-misc-input.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/shape/action/e-shape-action-runtime-misc-input.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Matrix, Point, Rectangle } from \"pixi.js\";\nimport { UtilHtmlElementCreator, UtilHtmlElementPadding } from \"../../util/util-html-element\";\nimport { UtilInput, UtilInputOperation } from \"../../util/util-input\";\nimport { EShape } from \"../e-shape\";\nimport { EShapeRuntime } from \"../e-shape-runtime\";\nimport { EShapeActionExpression } from \"./e-shape-action-expression\";\nimport { EShapeActionExpressions } from \"./e-shape-action-expressions\";\nimport { EShapeActionRuntimeMiscHtmlElementBase } from \"./e-shape-action-runtime-misc-html-element-base\";\nimport { EShapeActionValueMisc } from \"./e-shape-action-value-misc\";\nimport { EShapeActionValueOnInputAction } from \"./e-shape-action-value-on-input-action\";\nimport { EShapeActionValueOnInputActions } from \"./e-shape-action-value-on-input-actions\";\n\nexport abstract class EShapeActionRuntimeMiscInput<\n\tVALUE = unknown,\n\tELEMENT extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement | HTMLTextAreaElement,\n\tUTIL extends UtilInput<VALUE, ELEMENT> = UtilInput<VALUE, ELEMENT>\n> extends EShapeActionRuntimeMiscHtmlElementBase<ELEMENT, UTIL> {\n\tprotected readonly target: EShapeActionExpression<string | null>;\n\tprotected onInputAction: EShapeActionValueOnInputAction;\n\n\tconstructor(value: EShapeActionValueMisc) {\n\t\tsuper(value);\n\t\tthis.target = EShapeActionExpressions.ofStringOrNull(value.target);\n\t\tthis.onInputAction = value.onInputAction;\n\t}\n\n\tprotected newOperation(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime\n\t): UtilInputOperation<VALUE, ELEMENT> {\n\t\treturn {\n\t\t\tgetElementRect: (\n\t\t\t\tresolution: number,\n\t\t\t\twork: Point,\n\t\t\t\tresult: Rectangle\n\t\t\t): Rectangle | null => {\n\t\t\t\treturn this.getElementRect(shape, runtime, resolution, work, result);\n\t\t\t},\n\n\t\t\tgetElementMatrix: (): Matrix | null => {\n\t\t\t\treturn this.getElementMatrix(shape, runtime);\n\t\t\t},\n\n\t\t\tgetClipperRect: (\n\t\t\t\tresolution: number,\n\t\t\t\twork: Point,\n\t\t\t\tresult: Rectangle\n\t\t\t): Rectangle | null => {\n\t\t\t\treturn this.getClipperToRect(shape, runtime, resolution, work, result);\n\t\t\t},\n\n\t\t\tgetPadding: (): UtilHtmlElementPadding | null => {\n\t\t\t\treturn this.getPadding(shape, runtime);\n\t\t\t},\n\n\t\t\tcontainsPoint: (point: Point): boolean => {\n\t\t\t\treturn this.containsPoint(shape, runtime, point);\n\t\t\t},\n\n\t\t\tonStart: (): void => {\n\t\t\t\tshape.text.enable = false;\n\t\t\t},\n\n\t\t\tonCancel: (): void => {\n\t\t\t\tshape.text.enable = true;\n\t\t\t},\n\n\t\t\tonEnd: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t},\n\n\t\t\tgetValue: (): VALUE | undefined => {\n\t\t\t\treturn this.getUtil(shape, runtime).toValue(shape.text.value);\n\t\t\t},\n\n\t\t\tonValueInput: (newValue: VALUE): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t},\n\n\t\t\tonValueChange: (newValue: VALUE, oldValue: VALUE): void => {\n\t\t\t\tthis.onValueChange(shape, runtime, newValue, oldValue);\n\t\t\t},\n\n\t\t\tonEnter: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t},\n\n\t\t\tapplyTitle: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t}\n\t\t};\n\t}\n\n\tprotected newElementCreator(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime\n\t): UtilHtmlElementCreator<ELEMENT> | undefined {\n\t\treturn undefined;\n\t}\n\n\tprotected getPadding(shape: EShape, runtime: EShapeRuntime): UtilHtmlElementPadding | null {\n\t\treturn shape.text.padding;\n\t}\n\n\tprotected onValueChange(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime,\n\t\tnewValue: VALUE,\n\t\toldValue: VALUE\n\t): void {\n\t\tshape.text.value = this.getUtil(shape, runtime).fromValue(newValue);\n\t\tconst now = Date.now();\n\t\tconst target = this.target(shape, now);\n\t\tif (target != null) {\n\t\t\tEShapeActionValueOnInputActions.execute(\n\t\t\t\tshape,\n\t\t\t\tthis.onInputAction,\n\t\t\t\ttarget,\n\t\t\t\tnewValue,\n\t\t\t\tnow\n\t\t\t);\n\t\t}\n\t}\n}\n"]}
+{"version":3,"file":"e-shape-action-runtime-misc-input.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/shape/action/e-shape-action-runtime-misc-input.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Matrix, Point, Rectangle } from \"pixi.js\";\nimport { UtilHtmlElementCreator, UtilHtmlElementPadding } from \"../../util/util-html-element\";\nimport { UtilHtmlElementClipperExRects } from \"../../util/util-html-element-clipper-ex-rects\";\nimport { UtilInput, UtilInputOperation } from \"../../util/util-input\";\nimport { EShape } from \"../e-shape\";\nimport { EShapeRuntime } from \"../e-shape-runtime\";\nimport { EShapeActionExpression } from \"./e-shape-action-expression\";\nimport { EShapeActionExpressions } from \"./e-shape-action-expressions\";\nimport { EShapeActionRuntimeMiscHtmlElementBase } from \"./e-shape-action-runtime-misc-html-element-base\";\nimport { EShapeActionValueMisc } from \"./e-shape-action-value-misc\";\nimport { EShapeActionValueOnInputAction } from \"./e-shape-action-value-on-input-action\";\nimport { EShapeActionValueOnInputActions } from \"./e-shape-action-value-on-input-actions\";\n\nexport abstract class EShapeActionRuntimeMiscInput<\n\tVALUE = unknown,\n\tELEMENT extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement | HTMLTextAreaElement,\n\tUTIL extends UtilInput<VALUE, ELEMENT> = UtilInput<VALUE, ELEMENT>\n> extends EShapeActionRuntimeMiscHtmlElementBase<ELEMENT, UTIL> {\n\tprotected readonly target: EShapeActionExpression<string | null>;\n\tprotected onInputAction: EShapeActionValueOnInputAction;\n\n\tconstructor(value: EShapeActionValueMisc) {\n\t\tsuper(value);\n\t\tthis.target = EShapeActionExpressions.ofStringOrNull(value.target);\n\t\tthis.onInputAction = value.onInputAction;\n\t}\n\n\tprotected newOperation(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime\n\t): UtilInputOperation<VALUE, ELEMENT> {\n\t\treturn {\n\t\t\tgetElementRect: (\n\t\t\t\tresolution: number,\n\t\t\t\twork: Point,\n\t\t\t\tresult: Rectangle\n\t\t\t): Rectangle | null => {\n\t\t\t\treturn this.getElementRect(shape, runtime, resolution, work, result);\n\t\t\t},\n\n\t\t\tgetElementMatrix: (): Matrix | null => {\n\t\t\t\treturn this.getElementMatrix(shape, runtime);\n\t\t\t},\n\n\t\t\tgetClipperRect: (\n\t\t\t\tresolution: number,\n\t\t\t\twork: Point,\n\t\t\t\tresult: Rectangle\n\t\t\t): Rectangle | null => {\n\t\t\t\treturn this.getClipperToRect(shape, runtime, resolution, work, result);\n\t\t\t},\n\n\t\t\tgetClipperExRects: (result: UtilHtmlElementClipperExRects): void => {\n\t\t\t\tthis.getClipperExRects(shape, result);\n\t\t\t},\n\n\t\t\tgetPadding: (): UtilHtmlElementPadding | null => {\n\t\t\t\treturn this.getPadding(shape, runtime);\n\t\t\t},\n\n\t\t\tcontainsPoint: (point: Point): boolean => {\n\t\t\t\treturn this.containsPoint(shape, runtime, point);\n\t\t\t},\n\n\t\t\tonStart: (): void => {\n\t\t\t\tshape.text.enable = false;\n\t\t\t},\n\n\t\t\tonCancel: (): void => {\n\t\t\t\tshape.text.enable = true;\n\t\t\t},\n\n\t\t\tonEnd: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t},\n\n\t\t\tgetValue: (): VALUE | undefined => {\n\t\t\t\treturn this.getUtil(shape, runtime).toValue(shape.text.value);\n\t\t\t},\n\n\t\t\tonValueInput: (newValue: VALUE): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t},\n\n\t\t\tonValueChange: (newValue: VALUE, oldValue: VALUE): void => {\n\t\t\t\tthis.onValueChange(shape, runtime, newValue, oldValue);\n\t\t\t},\n\n\t\t\tonEnter: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t},\n\n\t\t\tapplyTitle: (): void => {\n\t\t\t\t// DO NOTHING\n\t\t\t}\n\t\t};\n\t}\n\n\tprotected newElementCreator(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime\n\t): UtilHtmlElementCreator<ELEMENT> | undefined {\n\t\treturn undefined;\n\t}\n\n\tprotected getPadding(shape: EShape, runtime: EShapeRuntime): UtilHtmlElementPadding | null {\n\t\treturn shape.text.padding;\n\t}\n\n\tprotected onValueChange(\n\t\tshape: EShape,\n\t\truntime: EShapeRuntime,\n\t\tnewValue: VALUE,\n\t\toldValue: VALUE\n\t): void {\n\t\tshape.text.value = this.getUtil(shape, runtime).fromValue(newValue);\n\t\tconst now = Date.now();\n\t\tconst target = this.target(shape, now);\n\t\tif (target != null) {\n\t\t\tEShapeActionValueOnInputActions.execute(\n\t\t\t\tshape,\n\t\t\t\tthis.onInputAction,\n\t\t\t\ttarget,\n\t\t\t\tnewValue,\n\t\t\t\tnow\n\t\t\t);\n\t\t}\n\t}\n}\n"]}