@wcardinal/wcardinal-ui 0.193.0 → 0.197.0

package/dist/types/wcardinal/ui/d-diagram-canvas-data-impl.d.ts

@@ -5,15 +5,19 @@ export declare class DDiagramCanvasDataImpl implements DDiagramCanvasData {
     protected _data?: Map<string, EShapeDataValue[]>;
     protected _private?: EShapeDataScoped;
     protected _protected?: EShapeDataScoped;
+    protected _extended?: EShapeDataScoped;
     get private(): EShapeDataScoped;
     protected newPrivate(): EShapeDataScoped;
     get protected(): EShapeDataScoped;
     protected newProtected(): EShapeDataScoped;
+    get extended(): EShapeDataScoped;
+    protected newExtended(): EShapeDataScoped;
     get ids(): string[];
-    each(callback: (id: string) => boolean | void): string | null;
+    each(iteratee: (id: string) => boolean | void): string | null;
     add(id: string, value: EShapeDataValue): void;
     set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
     clear(id: string): boolean;
+    toDirty(id: string): boolean;
     setAll(id: string, values: unknown[], times?: number[], from?: number | null, to?: number | null): boolean;
     setValue(id: string, value: unknown, time?: number): boolean;
     setValues(id: string, values: unknown[], times?: number[]): boolean;

package/dist/types/wcardinal/ui/d-diagram-canvas-data.d.ts

@@ -3,11 +3,13 @@ import { EShapeDataValue } from "./shape/e-shape-data-value";
 export interface DDiagramCanvasData {
     readonly private: EShapeDataScoped;
     readonly protected: EShapeDataScoped;
+    readonly extended: EShapeDataScoped;
     readonly ids: string[];
-    each(callback: (id: string) => boolean | void): string | null;
+    each(iteratee: (id: string) => boolean | void): string | null;
     add(id: string, value: EShapeDataValue): void;
     set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
     clear(id: string): boolean;
+    toDirty(id: string): boolean;
     setAll(id: string, values: unknown[], times?: number[], from?: number | null, to?: number | null): boolean;
     setValue(id: string, value: unknown, time?: number): boolean;
     setValues(id: string, values: unknown[], times?: number[]): boolean;

package/dist/types/wcardinal/ui/d-diagram-canvas.d.ts

@@ -33,7 +33,6 @@ export declare class DDiagramCanvas<THEME extends DThemeDiagramCanvas = DThemeDi
     protected initData(shape: EShape, dataShape: EShape | null, mapper: DDiagramDataMapper | null | undefined, formatToFormatter: Map<string, (value: unknown) => unknown>, initialToInitialValue: Map<string, unknown>, canvasTicker: DDiagramCanvasTicker, canvasData: DDiagramCanvasData): void;
     protected initActions(shape: EShape, shapeRuntime: EShapeRuntime, valueToRuntime: Map<EShapeActionValue, EShapeActionRuntime>): void;
     protected calcFormatter(value: EShapeDataValue, format: string, initial: string): (value: unknown) => unknown;
-    protected setInitial(value: EShapeDataValue, initial: unknown, tickers: DDiagramCanvasTicker): void;
     protected calcInitial(value: EShapeDataValue, initial: string): unknown;
     protected toInitial(value: EShapeDataValue): string;
     protected toDataShape(dataShape: EShape | null, shape: EShape): EShape | null;

package/dist/types/wcardinal/ui/d-diagram-data-extended-impl.d.ts

@@ -0,0 +1,10 @@
+import { DDiagramDataDiagram } from "./d-diagram-data";
+import { DDiagramDataScoped } from "./d-diagram-data-scoped";
+export declare class DDiagramDataExtendedImpl implements DDiagramDataScoped {
+    protected _diagram: DDiagramDataDiagram;
+    constructor(diagram: DDiagramDataDiagram);
+    get ids(): string[];
+    set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+    toDirty(id: string): boolean;
+    each(iteratee: (id: string) => boolean | void): string | null;
+}

package/dist/types/wcardinal/ui/d-diagram-data-impl.d.ts

@@ -1,16 +1,17 @@
-import { DDiagramDataDiagram, DDiagramDataOptions } from "./d-diagram-data";
+import { DDiagramData, DDiagramDataDiagram, DDiagramDataOptions } from "./d-diagram-data";
 import { DDiagramDataMapper } from "./d-diagram-data-mapper";
 import { DDiagramDataScoped } from "./d-diagram-data-scoped";
 import { DDiagramDataRemote } from "./d-diagram-data-remote";
 /**
  * A data helper class for diagrams.
  */
-export declare class DDiagramDataImpl {
+export declare class DDiagramDataImpl implements DDiagramData {
     protected _diagram: DDiagramDataDiagram;
     protected _mapper: DDiagramDataMapper | null;
     protected _remote: DDiagramDataRemote;
     protected _private: DDiagramDataScoped;
     protected _protected: DDiagramDataScoped;
+    protected _extended: DDiagramDataScoped;
     constructor(diagram: DDiagramDataDiagram, options?: DDiagramDataOptions);
     update(): void;
     get mapper(): DDiagramDataMapper | null;
@@ -18,10 +19,12 @@ export declare class DDiagramDataImpl {
     get remote(): DDiagramDataRemote;
     get private(): DDiagramDataScoped;
     get protected(): DDiagramDataScoped;
+    get extended(): DDiagramDataScoped;
     get ids(): string[];
-    each(callback: (id: string) => boolean | void): string | null;
+    each(iteratee: (id: string) => boolean | void): string | null;
     set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
     clear(id: string): boolean;
+    toDirty(id: string): boolean;
     setAll(id: string, values: unknown[], times?: number[], from?: number | null, to?: number | null): boolean;
     setValue(id: string, value: unknown, time?: number): boolean;
     setValues(id: string, values: unknown[], times?: number[]): boolean;

package/dist/types/wcardinal/ui/d-diagram-data-private-impl.d.ts

@@ -3,5 +3,8 @@ import { DDiagramDataScoped } from "./d-diagram-data-scoped";
 export declare class DDiagramDataPrivateImpl implements DDiagramDataScoped {
     protected _diagram: DDiagramDataDiagram;
     constructor(diagram: DDiagramDataDiagram);
+    get ids(): string[];
     set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+    toDirty(id: string): boolean;
+    each(iteratee: (id: string) => boolean | void): string | null;
 }

package/dist/types/wcardinal/ui/d-diagram-data-protected-impl.d.ts

@@ -3,5 +3,8 @@ import { DDiagramDataScoped } from "./d-diagram-data-scoped";
 export declare class DDiagramDataProtectedImpl implements DDiagramDataScoped {
     protected _diagram: DDiagramDataDiagram;
     constructor(diagram: DDiagramDataDiagram);
+    get ids(): string[];
     set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+    toDirty(id: string): boolean;
+    each(iteratee: (id: string) => boolean | void): string | null;
 }

package/dist/types/wcardinal/ui/d-diagram-data-scoped.d.ts

@@ -1,3 +1,6 @@
 export interface DDiagramDataScoped {
+    readonly ids: string[];
     set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+    toDirty(id: string): boolean;
+    each(iteratee: (id: string) => boolean | void): string | null;
 }

package/dist/types/wcardinal/ui/d-diagram-data.d.ts

@@ -26,11 +26,13 @@ export interface DDiagramData {
     readonly remote: DDiagramDataRemote;
     readonly private: DDiagramDataScoped;
     readonly protected: DDiagramDataScoped;
+    readonly extended: DDiagramDataScoped;
     readonly ids: string[];
     mapper: DDiagramDataMapper | null;
-    each(callback: (id: string) => boolean | void): string | null;
+    each(iteratee: (id: string) => boolean | void): string | null;
     set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
     clear(id: string): boolean;
+    toDirty(id: string): boolean;
     setAll(id: string, values: unknown[], times?: number[], from?: number | null, to?: number | null): boolean;
     setValue(id: string, value: unknown, time?: number): boolean;
     setValues(id: string, values: unknown[], times?: number[]): boolean;

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

@@ -28,5 +28,5 @@ export declare class DDiagramShape extends utils.EventEmitter {
     onRender(renderer: Renderer): void;
     get(id: string): EShape | null;
     getAll(id: string): EShape[];
-    each(callback: (shape: EShape) => boolean | void, reverse?: boolean): EShape | null;
+    each(iteratee: (shape: EShape) => boolean | void, reverse?: boolean): EShape | null;
 }

package/dist/types/wcardinal/ui/shape/action/e-shape-action-open-dialog-extension.d.ts

@@ -0,0 +1,6 @@
+import { EShapeActionOpenDialogOpener } from "./e-shape-action-open-dialog-opener";
+export interface EShapeActionOpenDialogExtension {
+    type: number;
+    label: string;
+    opener: EShapeActionOpenDialogOpener;
+}

package/dist/types/wcardinal/ui/shape/action/e-shape-action-open-dialog-extensions.d.ts

@@ -0,0 +1,8 @@
+import { EShapeActionOpenDialogExtension } from "./e-shape-action-open-dialog-extension";
+export declare class EShapeActionOpenDialogExtensions {
+    protected static _data?: EShapeActionOpenDialogExtension[];
+    protected static _typeToDatum?: Map<number, EShapeActionOpenDialogExtension>;
+    static add(extension: EShapeActionOpenDialogExtension): void;
+    static get(type: number): EShapeActionOpenDialogExtension | undefined;
+    static each(iteratee: (extension: EShapeActionOpenDialogExtension) => void): void;
+}

package/dist/types/wcardinal/ui/shape/action/e-shape-action-open-dialog-opener.d.ts

@@ -0,0 +1,2 @@
+import { EShape } from "../e-shape";
+export declare type EShapeActionOpenDialogOpener = (target: string, shape: EShape) => void;

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

@@ -0,0 +1,6 @@
+import { EShapeActionOpenOpener } from "./e-shape-action-open-opener";
+export interface EShapeActionOpenExtension {
+    type: number;
+    label: string;
+    opener: EShapeActionOpenOpener;
+}

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

@@ -1,7 +1,4 @@
-export interface EShapeActionOpenExtension {
-    type: number;
-    label: string;
-}
+import { EShapeActionOpenExtension } from "./e-shape-action-open-extension";
 export declare class EShapeActionOpenExtensions {
     protected static _data?: EShapeActionOpenExtension[];
     protected static _typeToDatum?: Map<number, EShapeActionOpenExtension>;

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

@@ -1,3 +1,2 @@
 import { EShape } from "../e-shape";
 export declare type EShapeActionOpenOpener = (target: string, inNewWindow: boolean, shape: EShape) => void;
-export declare const EShapeActionOpenOpeners: Record<number, EShapeActionOpenOpener>;

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

@@ -0,0 +1,2 @@
+import { EShapeActionOpenOpener } from "./e-shape-action-open-opener";
+export declare const EShapeActionOpenOpeners: Record<number, EShapeActionOpenOpener>;

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/action/e-shape-action-runtime-open-dialog-extension.d.ts

@@ -0,0 +1,12 @@
+import { EShape } from "../e-shape";
+import { EShapeRuntime } from "../e-shape-runtime";
+import { EShapeActionExpression } from "./e-shape-action-expression";
+import { EShapeActionOpenDialogOpener } from "./e-shape-action-open-dialog-opener";
+import { EShapeActionRuntimeConditional } from "./e-shape-action-runtime-conditional";
+import { EShapeActionValueOpenDialogExtension } from "./e-shape-action-value-open-dialog-extension";
+export declare class EShapeActionRuntimeOpenDialogExtension extends EShapeActionRuntimeConditional {
+    protected readonly target: EShapeActionExpression<string | null>;
+    protected readonly opener?: EShapeActionOpenDialogOpener;
+    constructor(value: EShapeActionValueOpenDialogExtension);
+    execute(shape: EShape, runtime: EShapeRuntime, time: number): void;
+}

package/dist/types/wcardinal/ui/shape/action/e-shape-action-value-open-dialog-extension.d.ts

@@ -0,0 +1,26 @@
+import { EShapeResourceManagerDeserialization } from "../e-shape-resource-manager-deserialization";
+import { EShapeResourceManagerSerialization } from "../e-shape-resource-manager-serialization";
+import { EShapeActionValue } from "./e-shape-action-value";
+import { EShapeActionValueOpenType } from "./e-shape-action-value-open-type";
+import { EShapeActionValueSubtyped } from "./e-shape-action-value-subtyped";
+import { EShapeActionValueType } from "./e-shape-action-value-type";
+import { EShapeActionValueOpenDialogType } from "./e-shape-action-value-open-dialog-type";
+import { EShapeActionRuntime } from "./e-shape-action-runtime";
+export declare type EShapeActionValueOpenDialogExtensionSerialized = [
+    typeof EShapeActionValueType.OPEN,
+    number,
+    typeof EShapeActionValueOpenType.DIALOG,
+    number,
+    0,
+    -1,
+    EShapeActionValueOpenDialogType
+];
+export declare class EShapeActionValueOpenDialogExtension extends EShapeActionValueSubtyped<typeof EShapeActionValueOpenType.DIALOG> {
+    readonly target: string;
+    readonly dialogType: EShapeActionValueOpenDialogType;
+    constructor(condition: string, target: string, dialogType: EShapeActionValueOpenDialogType);
+    isEquals(value: EShapeActionValue): boolean;
+    toRuntime(): EShapeActionRuntime;
+    serialize(manager: EShapeResourceManagerSerialization): number;
+    static deserialize(serialized: EShapeActionValueOpenDialogExtensionSerialized, manager: EShapeResourceManagerDeserialization): EShapeActionValueOpenDialogExtension;
+}

package/dist/types/wcardinal/ui/shape/action/e-shape-action-value-open-dialog-type.d.ts

@@ -6,5 +6,6 @@ export declare const EShapeActionValueOpenDialogType: {
     readonly DATE: 4;
     readonly TIME: 5;
     readonly DATETIME: 6;
+    readonly EXTENSION: 1000;
 };
-export declare type EShapeActionValueOpenDialogType = typeof EShapeActionValueOpenDialogType[keyof typeof EShapeActionValueOpenDialogType];
+export declare type EShapeActionValueOpenDialogType = number;

package/dist/types/wcardinal/ui/shape/action/e-shape-action-value-open-dialog.d.ts

@@ -15,6 +15,7 @@ export declare type EShapeActionValueOpenDialogSerializedLegacy = [
     EShapeActionValueOnInputAction,
     number
 ];
+export declare type EShapeActionValueOpenDialogTypeNew = typeof EShapeActionValueOpenDialogType.TEXT | typeof EShapeActionValueOpenDialogType.INTEGER | typeof EShapeActionValueOpenDialogType.REAL | typeof EShapeActionValueOpenDialogType.BOOLEAN | typeof EShapeActionValueOpenDialogType.DATE | typeof EShapeActionValueOpenDialogType.TIME | typeof EShapeActionValueOpenDialogType.DATETIME;
 export declare type EShapeActionValueOpenDialogSerializedNew = [
     typeof EShapeActionValueType.OPEN,
     number,
@@ -22,18 +23,18 @@ export declare type EShapeActionValueOpenDialogSerializedNew = [
     number,
     EShapeActionValueOnInputAction,
     number,
-    EShapeActionValueOpenDialogType
+    EShapeActionValueOpenDialogTypeNew
 ];
 export declare type EShapeActionValueOpenDialogSerialized = EShapeActionValueOpenDialogSerializedLegacy | EShapeActionValueOpenDialogSerializedNew;
 export declare class EShapeActionValueOpenDialog extends EShapeActionValueSubtyped<typeof EShapeActionValueOpenType.DIALOG> {
     readonly target: string;
     readonly onInputAction: EShapeActionValueOnInputAction;
     readonly initial: string;
-    readonly dialogType: EShapeActionValueOpenDialogType;
-    constructor(condition: string, target: string, onInputAction: EShapeActionValueOnInputAction, initial: string, dialogType: EShapeActionValueOpenDialogType);
+    readonly dialogType: EShapeActionValueOpenDialogTypeNew;
+    constructor(condition: string, target: string, onInputAction: EShapeActionValueOnInputAction, initial: string, dialogType: EShapeActionValueOpenDialogTypeNew);
     isEquals(value: EShapeActionValue): boolean;
     toRuntime(): EShapeActionRuntime;
     serialize(manager: EShapeResourceManagerSerialization): number;
     static deserialize(serialized: EShapeActionValueOpenDialogSerialized, manager: EShapeResourceManagerDeserialization): EShapeActionValueOpenDialog;
-    protected static toDialogType(serialized: EShapeActionValueOpenDialogSerialized): EShapeActionValueOpenDialogType;
+    protected static toDialogType(serialized: EShapeActionValueOpenDialogSerialized): EShapeActionValueOpenDialogTypeNew;
 }

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

@@ -2,8 +2,13 @@ export * from "./deserialize-action-value";
 export * from "./e-shape-action-bases";
 export * from "./e-shape-action-expression";
 export * from "./e-shape-action-expressions";
+export * from "./e-shape-action-open-dialog-extension";
+export * from "./e-shape-action-open-dialog-extensions";
+export * from "./e-shape-action-open-dialog-opener";
+export * from "./e-shape-action-open-extension";
 export * from "./e-shape-action-open-extensions";
 export * from "./e-shape-action-open-opener";
+export * from "./e-shape-action-open-openers";
 export * from "./e-shape-action-runtime-blink-brighten";
 export * from "./e-shape-action-runtime-blink-color-fill";
 export * from "./e-shape-action-runtime-blink-color-stroke";
@@ -37,6 +42,7 @@ export * from "./e-shape-action-runtime-misc-write";
 export * from "./e-shape-action-runtime-open-dialog-boolean";
 export * from "./e-shape-action-runtime-open-dialog-date";
 export * from "./e-shape-action-runtime-open-dialog-datetime";
+export * from "./e-shape-action-runtime-open-dialog-extension";
 export * from "./e-shape-action-runtime-open-dialog-integer";
 export * from "./e-shape-action-runtime-open-dialog-real";
 export * from "./e-shape-action-runtime-open-dialog-text";
@@ -92,6 +98,7 @@ export * from "./e-shape-action-value-misc-write";
 export * from "./e-shape-action-value-misc";
 export * from "./e-shape-action-value-on-input-action";
 export * from "./e-shape-action-value-on-input-actions";
+export * from "./e-shape-action-value-open-dialog-extension";
 export * from "./e-shape-action-value-open-dialog-type";
 export * from "./e-shape-action-value-open-dialog";
 export * from "./e-shape-action-value-open-extension";

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/e-shape-data-scoped-impl.d.ts

@@ -2,6 +2,9 @@ import { EShapeDataScoped } from "./e-shape-data-scoped";
 import { EShapeDataValue } from "./e-shape-data-value";
 export declare class EShapeDataScopedImpl implements EShapeDataScoped {
     protected _data?: Map<string, EShapeDataValue[]>;
+    get ids(): string[];
     add(id: string, value: EShapeDataValue): void;
     set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+    toDirty(id: string): boolean;
+    each(iteratee: (id: string) => boolean | void): string | null;
 }

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

@@ -1,5 +1,8 @@
 import { EShapeDataValue } from "./e-shape-data-value";
 export interface EShapeDataScoped {
+    readonly ids: string[];
     add(id: string, value: EShapeDataValue): void;
     set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+    toDirty(id: string): boolean;
+    each(iteratee: (id: string) => boolean | void): string | null;
 }

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

@@ -0,0 +1,6 @@
+export interface EShapeDataValueExtension {
+    id: string;
+    type: number;
+    label: string;
+    initial: unknown;
+}

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

@@ -0,0 +1,8 @@
+import { EShapeDataValueExtension } from "./e-shape-data-value-extension";
+export declare class EShapeDataValueExtensions {
+    protected static _data?: EShapeDataValueExtension[];
+    protected static _typeToDatum?: Map<number, EShapeDataValueExtension>;
+    static add(extension: EShapeDataValueExtension): void;
+    static get(type: number): EShapeDataValueExtension | undefined;
+    static each(iteratee: (extension: EShapeDataValueExtension) => void): void;
+}

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

@@ -39,6 +39,7 @@ export declare class EShapeDataValueImpl implements EShapeDataValue {
     remove(index: number): void;
     removeAll(indices: number[]): void;
     clear(): void;
+    toDirty(): void;
     /**
      * This method does not copy the `#values` and `#times` for the performance.
      *

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

@@ -6,5 +6,6 @@ export declare const EShapeDataValueType: {
     readonly OBJECT: 4;
     readonly OBJECT_ARRAY: 5;
     readonly TICKER: 6;
+    readonly EXTENSION: 1000;
 };
-export declare type EShapeDataValueType = typeof EShapeDataValueType[keyof typeof EShapeDataValueType];
+export declare type EShapeDataValueType = number;

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

@@ -27,6 +27,7 @@ export interface EShapeDataValue extends EShapeDataValueLike {
     parent?: EShapeDataValueParent;
     formatter?: (value: unknown) => unknown;
     clear(): void;
+    toDirty(): void;
     remove(index: number): void;
     removeAll(indices: number[]): void;
     copy(target: EShapeDataValue): void;

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

@@ -33,11 +33,13 @@ export * from "./e-shape-data-mapping-impl";
 export * from "./e-shape-data-mapping";
 export * from "./e-shape-data-scoped-impl";
 export * from "./e-shape-data-scoped";
+export * from "./e-shape-data-value-extension";
+export * from "./e-shape-data-value-extensions";
 export * from "./e-shape-data-value-impl";
-export * from "./e-shape-data-value-scope";
 export * from "./e-shape-data-value-order";
 export * from "./e-shape-data-value-range-impl";
 export * from "./e-shape-data-value-range";
+export * from "./e-shape-data-value-scope";
 export * from "./e-shape-data-value-type";
 export * from "./e-shape-data-value";
 export * from "./e-shape-data";

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";