@wcardinal/wcardinal-ui 0.167.0 → 0.170.0

package/dist/types/wcardinal/ui/d-button-select.d.ts

@@ -1,5 +1,6 @@
 import { interaction } from "pixi.js";
 import { DButton, DButtonEvents, DButtonOptions, DThemeButton } from "./d-button";
+import { DDialogOpener } from "./d-dialog";
 import { DDialogSelectOptions } from "./d-dialog-select";
 import { DOnOptions } from "./d-on-options";
 /**
@@ -7,7 +8,7 @@ import { DOnOptions } from "./d-on-options";
  */
 export interface DButtonSelectDialog<VALUE> {
     readonly value: VALUE | null;
-    open(): Promise<unknown>;
+    open(opener?: DDialogOpener): Promise<unknown>;
 }
 /**
  * A function to retrieve a selected value from a dialog.
@@ -39,7 +40,7 @@ export interface DButtonSelectOnOptions<VALUE, EMITTER> extends Partial<DButtonS
 /**
  * {@link DButtonSelect} options.
  */
-export interface DButtonSelectOptions<VALUE extends unknown = unknown, DIALOG_VALUE extends unknown = unknown, DIALOG extends DButtonSelectDialog<DIALOG_VALUE> = DButtonSelectDialog<DIALOG_VALUE>, THEME extends DThemeButtonSelect<VALUE> = DThemeButtonSelect<VALUE>, EMITTER = any> extends DButtonOptions<VALUE | null, THEME, EMITTER> {
+export interface DButtonSelectOptions<VALUE = unknown, DIALOG_VALUE = unknown, DIALOG extends DButtonSelectDialog<DIALOG_VALUE> = DButtonSelectDialog<DIALOG_VALUE>, THEME extends DThemeButtonSelect<VALUE> = DThemeButtonSelect<VALUE>, EMITTER = any> extends DButtonOptions<VALUE | null, THEME, EMITTER> {
     /**
      * A function to retrieve a selected value from a dialog.
      */
@@ -60,7 +61,7 @@ export interface DButtonSelectOptions<VALUE extends unknown = unknown, DIALOG_VA
  */
 export interface DThemeButtonSelect<VALUE = unknown> extends DThemeButton<VALUE | null> {
 }
-export declare class DButtonSelect<VALUE extends unknown = unknown, DIALOG_VALUE extends unknown = unknown, DIALOG extends DButtonSelectDialog<DIALOG_VALUE> = DButtonSelectDialog<DIALOG_VALUE>, THEME extends DThemeButtonSelect<VALUE> = DThemeButtonSelect<VALUE>, OPTIONS extends DButtonSelectOptions<VALUE, DIALOG_VALUE, DIALOG, THEME> = DButtonSelectOptions<VALUE, DIALOG_VALUE, DIALOG, THEME>> extends DButton<VALUE | null, THEME, OPTIONS> {
+export declare class DButtonSelect<VALUE = unknown, DIALOG_VALUE = unknown, DIALOG extends DButtonSelectDialog<DIALOG_VALUE> = DButtonSelectDialog<DIALOG_VALUE>, THEME extends DThemeButtonSelect<VALUE> = DThemeButtonSelect<VALUE>, OPTIONS extends DButtonSelectOptions<VALUE, DIALOG_VALUE, DIALOG, THEME> = DButtonSelectOptions<VALUE, DIALOG_VALUE, DIALOG, THEME>> extends DButton<VALUE | null, THEME, OPTIONS> {
     protected _dialog?: DIALOG;
     protected _dialogGetter: DButtonSelectGetter<VALUE, DIALOG>;
     protected _dialogSetter: DButtonSelectSetter<VALUE, DIALOG>;

package/dist/types/wcardinal/ui/d-command-flag.d.ts

@@ -5,8 +5,12 @@ export declare const DCommandFlag: {
      */
     readonly UNSTORABLE: 1;
     /**
-     * Commands with a `CLEAR` flag clears the command queue.
+     * Commands with a `CLEAR` flag clear the command queue.
      */
     readonly CLEAR: 2;
+    /**
+     * Commands with a `CLEAN` flag are not considered as modifications to documents
+     */
+    readonly CLEAN: 4;
 };
 export declare type DCommandFlag = number;

package/dist/types/wcardinal/ui/d-controller-default-command.d.ts

@@ -1,5 +1,7 @@
 import { utils } from "pixi.js";
 import { DCommand } from "./d-command";
+import { DCommandRedo } from "./d-command-redo";
+import { DCommandUndo } from "./d-command-undo";
 import { DControllerCommand } from "./d-controller-command";
 export declare class DControllerDefaultCommand extends utils.EventEmitter implements DControllerCommand {
     protected _position: number;
@@ -10,9 +12,14 @@ export declare class DControllerDefaultCommand extends utils.EventEmitter implem
     last(): DCommand | null;
     push(command: DCommand): void;
     next(): void;
+    protected executeUndo(command: DCommandUndo): void;
+    protected executeRedo(command: DCommandRedo): void;
+    protected execute(command: DCommand): void;
     protected cleanup(): void;
     protected remove(size: number): boolean;
     protected onSuccess(command: DCommand): void;
+    protected onSuccessUndo(undoed: DCommand): void;
+    protected onSuccessRedo(redoed: DCommand): void;
     protected onFail(command: DCommand): void;
     size(): number;
     clear(): void;

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

@@ -2,6 +2,7 @@ import { DBaseShadow } from "./d-base";
 import { DCanvasContainer, DCanvasContainerEvents, DCanvasContainerOptions, DThemeCanvasContainer } from "./d-canvas-container";
 import { DDiagramCanvasBackgroundOptions, DDiagramCanvasBase, DDiagramCanvasBaseOptions } from "./d-diagram-canvas-base";
 import { DDiagramCanvasTilePyramidFactory } from "./d-diagram-canvas-tile";
+import { DDiagramDataMapper } from "./d-diagram-data-mapper";
 import { DDiagramLayer } from "./d-diagram-layer";
 import { DDiagramSerialized, DDiagramSerializedSimple } from "./d-diagram-serialized";
 import { DDiagramSnapshot, DDiagramSnapshotOptions } from "./d-diagram-snapshot";
@@ -75,10 +76,10 @@ export declare abstract class DDiagramBase<CANVAS extends DDiagramCanvasBase = D
     protected onSet(serialized: DDiagramSerialized): void;
     protected abstract isEditMode(): boolean;
     protected newLayer(serialized: DDiagramSerialized, canvas: CANVAS, isEditMode: boolean, pieces?: string[], pieceData?: Map<string, EShapeEmbeddedDatum | null>): void;
+    protected initLayer(canvas: CANVAS, shapes: EShape[], mapper?: DDiagramDataMapper | null): void;
     protected toCanvasBaseOptions(serialized: DDiagramSerialized): DDiagramCanvasBaseOptions<any>;
     protected toCanvasBaseBackgroundOptions(serialized: DDiagramSerialized, theme: THEME, isAmbient: boolean): DDiagramCanvasBackgroundOptions;
     openByName(name: string): void;
-    protected initialize(shapes: EShape[]): void;
     protected abstract newCanvas(serialized: DDiagramSerialized): CANVAS;
     protected onUnset(): void;
     get(): DDiagramSerialized | null;

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

@@ -2,6 +2,7 @@ import { IPoint } from "pixi.js";
 import { DBaseBackgroundOptions } from "./d-base";
 import { DCanvas, DCanvasOptions, DThemeCanvas } from "./d-canvas";
 import { DDiagramCanvasTile, DDiagramCanvasTileOptions } from "./d-diagram-canvas-tile";
+import { DDiagramDataMapper } from "./d-diagram-data-mapper";
 import { DDiagramLayerContainer } from "./d-diagram-layer-container";
 import { EShape } from "./shape/e-shape";
 export interface DDiagramCanvasBackgroundOptions extends DBaseBackgroundOptions {
@@ -24,8 +25,9 @@ export declare class DDiagramCanvasBase<THEME extends DThemeDiagramCanvasBase =
     protected toBackgroundBase(theme: THEME, options?: OPTIONS): number | null;
     get tile(): DDiagramCanvasTile;
     get layer(): DDiagramLayerContainer;
-    initialize(shapes: EShape[]): void;
+    initialize(shapes: EShape[], mapper?: DDiagramDataMapper | null): void;
     destroy(): void;
+    protected onDestroy(): void;
     hitTest(global: IPoint, onHit?: (shape: EShape) => boolean): EShape | null;
     protected getType(): string;
 }

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

@@ -0,0 +1,20 @@
+import { DDiagramCanvasData } from "./d-diagram-canvas-data";
+import { DDiagramCanvasDataPrivate } from "./d-diagram-canvas-data-private";
+import { EShapeDataValue } from "./shape/e-shape-data-value";
+export declare class DDiagramCanvasDataImpl implements DDiagramCanvasData {
+    protected _data?: Map<string, EShapeDataValue[]>;
+    protected _private?: DDiagramCanvasDataPrivate;
+    get private(): DDiagramCanvasDataPrivate;
+    protected newPrivate(): DDiagramCanvasDataPrivate;
+    get ids(): string[];
+    each(callback: (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;
+    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;
+    setTime(id: string, time: number): boolean;
+    setTimes(id: string, times: number[]): boolean;
+    setRange(id: string, from?: number | null, to?: number | null): boolean;
+}

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

@@ -0,0 +1,7 @@
+import { DDiagramCanvasDataPrivate } from "./d-diagram-canvas-data-private";
+import { EShapeDataValue } from "./shape/e-shape-data-value";
+export declare class DDiagramCanvasDataPrivateImpl implements DDiagramCanvasDataPrivate {
+    protected _data?: Map<string, EShapeDataValue[]>;
+    add(id: string, value: EShapeDataValue): void;
+    set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+}

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

@@ -0,0 +1,5 @@
+import { EShapeDataValue } from "./shape/e-shape-data-value";
+export interface DDiagramCanvasDataPrivate {
+    add(id: string, value: EShapeDataValue): void;
+    set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+}

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

@@ -0,0 +1,16 @@
+import { DDiagramCanvasDataPrivate } from "./d-diagram-canvas-data-private";
+import { EShapeDataValue } from "./shape/e-shape-data-value";
+export interface DDiagramCanvasData {
+    readonly private: DDiagramCanvasDataPrivate;
+    readonly ids: string[];
+    each(callback: (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;
+    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;
+    setTime(id: string, time: number): boolean;
+    setTimes(id: string, times: number[]): boolean;
+    setRange(id: string, from?: number | null, to?: number | null): boolean;
+}

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

@@ -0,0 +1,9 @@
+import { DDiagramCanvasShape } from "./d-diagram-canvas-shape";
+import { EShape } from "./shape/e-shape";
+export declare class DDiagramCanvasShapeImpl implements DDiagramCanvasShape {
+    protected _data: Map<string, EShape[]>;
+    constructor();
+    add(id: string, shape: EShape): void;
+    get(id: string): EShape | null;
+    getAll(id: string): EShape[];
+}

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

@@ -0,0 +1,6 @@
+import { EShape } from "./shape/e-shape";
+export interface DDiagramCanvasShape {
+    add(id: string, shape: EShape): void;
+    get(id: string): EShape | null;
+    getAll(id: string): EShape[];
+}

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

@@ -0,0 +1,10 @@
+import { DDiagramCanvasTicker } from "./d-diagram-canvas-ticker";
+import { DDiagramTicker } from "./d-diagram-ticker";
+export declare class DDiagramCanvasTickerImpl implements DDiagramCanvasTicker {
+    protected _data: Map<number, DDiagramTicker>;
+    constructor();
+    add(interval: unknown): DDiagramTicker;
+    protected toNormalized(interval: unknown): number;
+    start(): void;
+    stop(): void;
+}

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

@@ -0,0 +1,6 @@
+import { DDiagramTicker } from "./d-diagram-ticker";
+export interface DDiagramCanvasTicker {
+    add(interval: unknown): DDiagramTicker;
+    start(): void;
+    stop(): void;
+}

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

@@ -1,25 +1,43 @@
-import { interaction, IPoint, Point } from "pixi.js";
+import { interaction, IPoint, Point, Renderer } from "pixi.js";
 import { DDiagramCanvasBase, DDiagramCanvasBaseOptions, DThemeDiagramCanvasBase } from "./d-diagram-canvas-base";
-import { DDiagramCanvasIdMap } from "./d-diagram-canvas-id-map";
-import { DDiagramCanvasDataMap } from "./d-diagram-canvas-data-map";
-import { EShapeContainer } from "./shape";
 import { EShape } from "./shape/e-shape";
+import { EShapeActionValue } from "./shape/action/e-shape-action-value";
+import { EShapeActionRuntime } from "./shape/action/e-shape-action-runtime";
+import { DDiagramDataMapper } from "./d-diagram-data-mapper";
+import { EShapeRuntime } from "./shape/e-shape-runtime";
+import { EShapeDataValue } from "./shape/e-shape-data-value";
+import { EShapeContainer } from "./shape/e-shape-container";
+import { DDiagramCanvasData } from "./d-diagram-canvas-data";
+import { DDiagramCanvasShape } from "./d-diagram-canvas-shape";
+import { DDiagramCanvasTicker } from "./d-diagram-canvas-ticker";
 export interface DDiagramCanvasOptions<THEME extends DThemeDiagramCanvas = DThemeDiagramCanvas> extends DDiagramCanvasBaseOptions<THEME> {
 }
 export interface DThemeDiagramCanvas extends DThemeDiagramCanvasBase {
 }
 export declare class DDiagramCanvas<THEME extends DThemeDiagramCanvas = DThemeDiagramCanvas, OPTIONS extends DDiagramCanvasOptions<THEME> = DDiagramCanvasOptions<THEME>> extends DDiagramCanvasBase<THEME, OPTIONS> {
     protected static WORK_DBLCLICK?: Point;
-    /** @deprecated in favor of {@link data} */
-    tags: DDiagramCanvasDataMap;
-    data: DDiagramCanvasDataMap;
-    actionables: EShape[];
-    ids: DDiagramCanvasIdMap;
+    protected _data: DDiagramCanvasData;
+    protected _shape: DDiagramCanvasShape;
+    protected _ticker: DDiagramCanvasTicker;
+    protected _actionables: EShape[];
     protected _overed?: EShape | null;
     protected _downed?: EShape | null;
     protected _downeds: Set<EShape>;
+    protected _updateBound: () => void;
     constructor(options: OPTIONS);
-    initialize(): void;
+    get data(): DDiagramCanvasData;
+    get shape(): DDiagramCanvasShape;
+    get ticker(): DDiagramCanvasTicker;
+    initialize(shapes: EShape[], mapper?: DDiagramDataMapper | null): void;
+    protected initialize_(shapes: EShape[], dataShape: EShape | null, mapper: DDiagramDataMapper | null | undefined, formatToFormatter: Map<string, (value: unknown) => unknown>, initialToInitialValue: Map<string, unknown>, actionValueToRuntime: Map<EShapeActionValue, EShapeActionRuntime>, canvasTicker: DDiagramCanvasTicker, canvasShape: DDiagramCanvasShape, canvasData: DDiagramCanvasData, actionables: EShape[]): void;
+    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;
+    protected onDestroy(): void;
     hitTestInteractives(global: IPoint): EShape | null;
     onShapeMove(e: interaction.InteractionEvent): boolean;
     protected toShapeCursor(target: EShape | null): string;
@@ -31,5 +49,7 @@ export declare class DDiagramCanvas<THEME extends DThemeDiagramCanvas = DThemeDi
     onShapeCancel(e: interaction.InteractionEvent): boolean;
     onShapeClick(e: interaction.InteractionEvent): boolean;
     onShapeDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager): boolean;
+    update(): void;
+    onRender(renderer: Renderer): void;
     protected getType(): string;
 }

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

@@ -0,0 +1,29 @@
+import { DDiagramDataDiagram, DDiagramDataOptions } from "./d-diagram-data";
+import { DDiagramDataMapper } from "./d-diagram-data-mapper";
+import { DDiagramDataPrivate } from "./d-diagram-data-private";
+import { DDiagramDataRemote } from "./d-diagram-data-remote";
+/**
+ * A data helper class for diagrams.
+ */
+export declare class DDiagramDataImpl {
+    protected _diagram: DDiagramDataDiagram;
+    protected _mapper: DDiagramDataMapper | null;
+    protected _remote: DDiagramDataRemote;
+    protected _private: DDiagramDataPrivate;
+    constructor(diagram: DDiagramDataDiagram, options?: DDiagramDataOptions);
+    update(): void;
+    get mapper(): DDiagramDataMapper | null;
+    set mapper(mapper: DDiagramDataMapper | null);
+    get remote(): DDiagramDataRemote;
+    get private(): DDiagramDataPrivate;
+    get ids(): string[];
+    each(callback: (id: string) => boolean | void): string | null;
+    set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+    clear(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;
+    setTime(id: string, time: number): boolean;
+    setTimes(id: string, times: number[]): boolean;
+    setRange(id: string, from?: number | null, to?: number | null): boolean;
+}

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

@@ -0,0 +1,8 @@
+import { EShape } from "./shape/e-shape";
+import { EShapeDataValue } from "./shape/e-shape-data-value";
+/**
+ * A data mapper.
+ *
+ * @param dataValue a data value
+ */
+export declare type DDiagramDataMapper = (value: EShapeDataValue, shape: EShape) => void;

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

@@ -0,0 +1,7 @@
+import { DDiagramDataDiagram } from "./d-diagram-data";
+import { DDiagramDataPrivate } from "./d-diagram-data-private";
+export declare class DDiagramDataPrivateImpl implements DDiagramDataPrivate {
+    protected _diagram: DDiagramDataDiagram;
+    constructor(diagram: DDiagramDataDiagram);
+    set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+}

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

@@ -0,0 +1,3 @@
+export interface DDiagramDataPrivate {
+    set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+}

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

@@ -0,0 +1,6 @@
+import { DDiagramDataRemote, DDiagramDataRemoteController, DDiagramDataRemoteOptions } from "./d-diagram-data-remote";
+export declare class DDiagramDataRemoteImpl implements DDiagramDataRemote {
+    protected _controller?: DDiagramDataRemoteController;
+    constructor(options?: DDiagramDataRemoteOptions);
+    set(id: string, value: unknown, time: number): boolean;
+}

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

@@ -4,8 +4,6 @@ export interface DDiagramDataRemoteController {
 export interface DDiagramDataRemoteOptions {
     controller?: DDiagramDataRemoteController;
 }
-export declare class DDiagramDataRemote {
-    protected _controller?: DDiagramDataRemoteController;
-    constructor(options?: DDiagramDataRemoteOptions);
+export interface DDiagramDataRemote {
     set(id: string, value: unknown, time: number): boolean;
 }

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

@@ -1,19 +1,14 @@
-import { DDiagramCanvasDataMap } from "./d-diagram-canvas-data-map";
-import { DDiagramDataRemote, DDiagramDataRemoteOptions } from "./d-diagram-data-remote";
-import { EShape } from "./shape/e-shape";
-import { EShapeDataValue } from "./shape/e-shape-data-value";
+import { DDiagramCanvasData } from "./d-diagram-canvas-data";
+import { DDiagramDataMapper } from "./d-diagram-data-mapper";
+import { DDiagramDataPrivate } from "./d-diagram-data-private";
+import { DDiagramDataRemote } from "./d-diagram-data-remote";
+import { DDiagramDataRemoteOptions } from "./d-diagram-data-remote";
 export interface DDiagramDataCanvas {
-    data: DDiagramCanvasDataMap;
+    data: DDiagramCanvasData;
 }
 export interface DDiagramDataDiagram {
     canvas: DDiagramDataCanvas | null;
 }
-/**
- * A data mapper.
- *
- * @param dataValue a data value
- */
-export declare type DDiagramDataMapper = (value: EShapeDataValue, shape: EShape) => void;
 export interface DDiagramDataOptions {
     /**
      * A data mapper.
@@ -27,16 +22,11 @@ export interface DDiagramDataOptions {
 /**
  * A data helper class for diagrams.
  */
-export declare class DDiagramData {
-    protected _diagram: DDiagramDataDiagram;
-    protected _mapper: DDiagramDataMapper | null;
-    protected _remote: DDiagramDataRemote;
-    constructor(diagram: DDiagramDataDiagram, options?: DDiagramDataOptions);
-    update(): void;
-    get mapper(): DDiagramDataMapper | null;
-    set mapper(mapper: DDiagramDataMapper | null);
-    get remote(): DDiagramDataRemote;
-    getIds(): string[];
+export interface DDiagramData {
+    readonly remote: DDiagramDataRemote;
+    readonly private: DDiagramDataPrivate;
+    readonly ids: string[];
+    mapper: DDiagramDataMapper | null;
     each(callback: (id: string) => boolean | void): string | null;
     set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
     clear(id: string): boolean;
@@ -46,4 +36,5 @@ export declare class DDiagramData {
     setTime(id: string, time: number): boolean;
     setTimes(id: string, times: number[]): boolean;
     setRange(id: string, from?: number | null, to?: number | null): boolean;
+    update(): void;
 }

package/dist/types/wcardinal/ui/d-diagram-layer-container.d.ts

@@ -1,7 +1,7 @@
 import { Container } from "pixi.js";
 import { DDiagramLayer } from "./d-diagram-layer";
 import { DDiagramSerializedItem, DDiagramSerializedLayer } from "./d-diagram-serialized";
-import { EShapeResourceManagerDeserialization } from "./shape";
+import { EShapeResourceManagerDeserialization } from "./shape/e-shape-resource-manager-deserialization";
 import { EShapeResourceManagerSerialization } from "./shape/e-shape-resource-manager-serialization";
 export declare class DDiagramLayerContainer extends Container {
     children: DDiagramLayer[];

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

@@ -1,7 +1,5 @@
 import { IPoint } from "pixi.js";
 import { DBaseStateSet } from "./d-base-state-set";
-import { DDiagramCanvasIdMap } from "./d-diagram-canvas-id-map";
-import { DDiagramCanvasDataMap } from "./d-diagram-canvas-data-map";
 import { DDiagramLayerBackground } from "./d-diagram-layer-background";
 import { DDiagramSerializedItem, DDiagramSerializedLayer } from "./d-diagram-serialized";
 import { EShape } from "./shape/e-shape";
@@ -20,8 +18,8 @@ export declare class DDiagramLayer extends EShapeContainer {
     get background(): DDiagramLayerBackground;
     get state(): DBaseStateSet;
     protected newShape(): EShape;
-    initialize(data: DDiagramCanvasDataMap, ids: DDiagramCanvasIdMap, actionables: EShape[]): void;
-    protected doInitialize(shapes: EShape[], data: DDiagramCanvasDataMap, interactives: EShape[], actionables: EShape[], ids: DDiagramCanvasIdMap): void;
+    initialize(actionables: EShape[]): void;
+    protected doInitialize(shapes: EShape[], interactives: EShape[]): void;
     hitTestInteractives(global: IPoint): EShape | null;
     addUuid(manager: EShapeResourceManagerSerialization): void;
     updateUuid(manager: EShapeResourceManagerSerialization): void;

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

@@ -2,7 +2,7 @@ import { DDiagramCanvasTileMapping } from "./d-diagram-canvas-mapping";
 import { EShapeCorner } from "./shape/e-shape-corner";
 import { EShapeStrokeSide } from "./shape/e-shape-stroke-side";
 import { EShapeStrokeStyle } from "./shape/e-shape-stroke-style";
-import { EShapeDataValueOrder } from "./shape/e-shape-data-value";
+import { EShapeDataValueOrder } from "./shape/e-shape-data-value-order";
 import { EShapeTextStyle, EShapeTextWeight } from "./shape/e-shape-text";
 import { EShapeTextAlignHorizontal } from "./shape/e-shape-text-align-horizontal";
 import { EShapeTextAlignVertical } from "./shape/e-shape-text-align-vertical";
@@ -10,6 +10,8 @@ import { EShapeTextDirection } from "./shape/e-shape-text-direction";
 import { EShapeType } from "./shape/e-shape-type";
 import { ESnapperTargetValueType } from "./snapper/e-snapper-target-value";
 import { EShapeDataValueRangeType } from "./shape/e-shape-data-value-range";
+import { EShapeDataValueType } from "./shape/e-shape-data-value-type";
+import { EShapeDataValueScope } from "./shape/e-shape-data-value-scope";
 export declare const DDiagramSerializedVersion: number;
 /**
  * A serialized data range.
@@ -28,22 +30,18 @@ export interface DDiagramSerializedDataRange {
 export interface DDiagramSerializedDataValue {
     /**
      * A resource index number of an ID.
-     * Stored at DDiagramSerialized#resources.
      */
     [0]: number;
     /**
      * A resource index number of an initial value expression.
-     * Stored at DDiagramSerialized#resources.
      */
     [1]: number;
     /**
      * A resource index number of a format expression.
-     * Stored at DDiagramSerialized#resources.
      */
     [2]: number;
     /**
-     * A resource index number of a serialized range, JSON.stringify(DDiagramSerializedDataRange).
-     * Stored at DDiagramSerialized#resources.
+     * A resource index number of JSON.stringify(DDiagramSerializedDataRange).
      */
     [3]: number;
     /**
@@ -54,7 +52,36 @@ export interface DDiagramSerializedDataValue {
      * A order.
      */
     [5]: EShapeDataValueOrder;
+    /**
+     * A type.
+     */
+    [6]: EShapeDataValueType | undefined;
+    /**
+     * A scope.
+     */
+    [7]: EShapeDataValueScope | undefined;
 }
+/**
+ * A serialized data mapping.
+ * Each number at the index 2N+0 is a resource index number of the N-th mapping source.
+ * Each number at the index 2N+1 is a resource index number of the N-th mapping destination.
+ */
+export declare type DDiagramSerializedDataMapping = number[];
+/**
+ * A serialized data with a mapping data.
+ * Each number is a resource index number of JSON.stringify(DDiagramSerializedDataValue).
+ * The last number is a resource index number of JSON.stringify(DDiagramSerializedDataMapping).
+ */
+export declare type DDiagramSerializedDataWithMapping = [number[]];
+/**
+ * A serialized data without a mapping data.
+ * Each number is a resource index number of JSON.stringify(DDiagramSerializedDataValue).
+ */
+export declare type DDiagramSerializedDataWithoutMapping = number[];
+/**
+ * A serialized data.
+ */
+export declare type DDiagramSerializedData = DDiagramSerializedDataWithoutMapping | DDiagramSerializedDataWithMapping;
 /**
  * A serialized fill.
  */
@@ -151,32 +178,27 @@ export interface DDiagramSerializedText {
     /** A weight. */
     [5]: EShapeTextWeight;
     /**
-     * A resource index number of a stringified serialized align,
-     * JSON.stringify(DDiagramSerializedTextAlign).
+     * A resource index number of JSON.stringify(DDiagramSerializedTextAlign).
      */
     [6]: number;
     /**
-     * A resource index number of a stringified serialized offset,
-     * JSON.stringify(DDiagramSerializedTextOffset).
+     * A resource index number of JSON.stringify(DDiagramSerializedTextOffset).
      */
     [7]: number;
     /** A style. */
     [8]: EShapeTextStyle;
     /**
-     * A resource index number of a stringified serialized outline,
-     * JSON.stringify(DDiagramSerializedTextOutline).
+     * A resource index number of JSON.stringify(DDiagramSerializedTextOutline).
      */
     [9]: number;
     /**
-     * A resource index number of a stringified serialized spacing,
-     * JSON.stringify(DDiagramSerializedTextSpacing).
+     * A resource index number of JSON.stringify(DDiagramSerializedTextSpacing).
      */
     [10]: number;
     /** A direction. */
     [11]: EShapeTextDirection;
     /**
-     * A resource index number of a stringified serialized padding,
-     * JSON.stringify(DDiagramSerializedTextPadding).
+     * A resource index number of JSON.stringify(DDiagramSerializedTextPadding).
      */
     [12]: number;
     /** A clipping. (0: Off, 1: On) */
@@ -203,25 +225,21 @@ export interface DDiagramSerializedItem {
     /** A skew. */
     [7]: number;
     /**
-     * A resource index number of a stringified serialized fill,
-     * JSON.stringify(DDiagramSerializedFill).
+     * A resource index number of JSON.stringify(DDiagramSerializedFill).
      */
     [8]: number;
     /**
-     * A resource index number of a stringified serialized stroke,
-     * JSON.stringify(DDiagramSerializedStroke).
+     * A resource index number of JSON.stringify(DDiagramSerializedStroke).
      */
     [9]: number;
     /** A resource index number of a cursor. */
     [10]: number;
     /**
-     * A resource index number of a stringified serialized text,
-     * JSON.stringify(DDiagramSerializedText).
+     * A resource index number of JSON.stringify(DDiagramSerializedText).
      */
     [11]: number;
     /**
-     * A resource index number of stringified serialized data,
-     * JSON.stringify(DDiagramSerializedDataValue[]).
+     * A resource index number of JSON.stringify(DDiagramSerializedData).
      */
     [12]: number;
     /** A radius. */
@@ -242,9 +260,9 @@ export interface DDiagramSerializedItem {
      * JSON.stringify(number[]).
      *
      * * The first number in the array is a direction in degree.
-     * * The number at an index number 1 + 3 * n + 0 is a color of a n-th point.
-     * * The number at an index number 1 + 3 * n + 1 is a alpha of a n-th point.
-     * * The number at an index number 1 + 3 * n + 2 is a position of a n-th point whose range is [0, 1].
+     * * Each number at the index 3N + 1 is a color of a N-th point.
+     * * Each number at the index 3N + 2 is a alpha of a N-th point.
+     * * Each number at the index 3N + 3 is a position of a N-th point whose range is [0, 1].
      */
     [19]: number;
     /** A children. */

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

@@ -1,6 +1,6 @@
 import { Renderer, utils } from "pixi.js";
 import { DApplicationTarget } from "./d-application-like";
-import { DDiagramCanvasIdMap } from "./d-diagram-canvas-id-map";
+import { DDiagramCanvasShape } from "./d-diagram-canvas-shape";
 import { EShape } from "./shape/e-shape";
 export interface DDiagramShapeLayer {
     children: EShape[];
@@ -10,8 +10,9 @@ export interface DDiagramShapeLayerContainer {
 }
 export interface DDiagramShapeCanvas {
     layer: DDiagramShapeLayerContainer;
-    ids: DDiagramCanvasIdMap;
-    actionables: EShape[];
+    shape: DDiagramCanvasShape;
+    update(): void;
+    onRender(renderer: Renderer): void;
 }
 export interface DDiagramShapeDiagram extends DApplicationTarget {
     canvas: DDiagramShapeCanvas | null;

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

@@ -2,7 +2,7 @@ import { utils } from "pixi.js";
 import { DBase } from "./d-base";
 import { DOnOptions } from "./d-on-options";
 import { DView } from "./d-view";
-import { EShapeContainer } from "./shape";
+import { EShapeContainer } from "./shape/e-shape-container";
 export interface DDiagramSnapshotParent<CANVAS> {
     canvas: CANVAS | null;
     view: DView;

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

@@ -0,0 +1,13 @@
+import { EShapeDataValue } from "./shape/e-shape-data-value";
+export declare class DDiagramTicker {
+    protected _interval: number;
+    protected _timeoutId?: number;
+    protected _onTimeBound: () => void;
+    protected _values: EShapeDataValue[];
+    constructor(interval: number);
+    add(value: EShapeDataValue): void;
+    start(): void;
+    protected getInterval(): number;
+    protected onTime(): void;
+    stop(): void;
+}