@wcardinal/wcardinal-ui 0.224.0 → 0.226.0

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

@@ -6,6 +6,7 @@ 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 { EShapeDataValueType } from "./shape/e-shape-data-value-type";
 import { EShapeContainer } from "./shape/e-shape-container";
 import { DDiagramCanvasData } from "./d-diagram-canvas-data";
 import { DDiagramCanvasShape } from "./d-diagram-canvas-shape";
@@ -29,12 +30,16 @@ export declare class DDiagramCanvas<THEME extends DThemeDiagramCanvas = DThemeDi
     get shape(): DDiagramCanvasShape;
     get ticker(): DDiagramCanvasTicker;
     initialize(shapes: EShape[], mapper?: DDiagramDataMapper | null): void;
-    protected initialize_(shapes: EShape[], dataShape: EShape | null, containerShape: 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, containerShape: EShape | null, mapper: DDiagramDataMapper | null | undefined, formatToFormatter: Map<string, (value: unknown) => unknown>, initialToInitialValue: Map<string, unknown>, canvasTicker: DDiagramCanvasTicker, canvasData: DDiagramCanvasData): void;
+    protected initialize_(shapes: EShape[], dataShape: EShape | null, containerShape: EShape | null, mapper: DDiagramDataMapper | null | undefined, formatters: Map<EShapeDataValueType, Map<string, (value: unknown) => unknown>>, initializers: Map<EShapeDataValueType, Map<string, () => unknown>>, actionValueToRuntime: Map<EShapeActionValue, EShapeActionRuntime>, canvasTicker: DDiagramCanvasTicker, canvasShape: DDiagramCanvasShape, canvasData: DDiagramCanvasData, actionables: EShape[]): void;
+    protected initData(shape: EShape, dataShape: EShape | null, containerShape: EShape | null, mapper: DDiagramDataMapper | null | undefined, formatters: Map<EShapeDataValueType, Map<string, (value: unknown) => unknown>>, initializers: Map<EShapeDataValueType, Map<string, () => unknown>>, canvasTicker: DDiagramCanvasTicker, canvasData: DDiagramCanvasData): void;
+    protected initDataValue(value: EShapeDataValue, shape: EShape, dataShape: EShape | null, containerShape: EShape | null, mapper: DDiagramDataMapper | null | undefined, formatters: Map<EShapeDataValueType, Map<string, (value: unknown) => unknown>>, initializers: Map<EShapeDataValueType, Map<string, () => unknown>>, canvasData: DDiagramCanvasData): void;
+    protected initDataTicker(value: EShapeDataValue, initializers: Map<EShapeDataValueType, Map<string, () => unknown>>, canvasTicker: DDiagramCanvasTicker): void;
+    protected initDataExtension(value: EShapeDataValue, 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 calcInitial(value: EShapeDataValue, initial: string): unknown;
+    protected calcInitial(value: EShapeDataValue, initial: string): () => unknown;
     protected toInitial(value: EShapeDataValue): string;
+    protected toInitializer(value: EShapeDataValue): () => unknown;
     protected onDestroy(): void;
     hitTestInteractives(global: IPoint): EShape | null;
     onShapeMove(e: interaction.InteractionEvent): boolean;

package/dist/types/wcardinal/ui/d-table-data-list-selection.d.ts

@@ -1,10 +1,12 @@
 import { utils } from "pixi.js";
-import { DTableDataSelection, DTableDataSelectionOptions, DTableDataSelectionParent, DTableDataSelectionType } from "./d-table-data-selection";
+import { DTableData } from "./d-table-data";
+import { DTableDataSelection, DTableDataSelectionEachIteratee, DTableDataSelectionOptions, DTableDataSelectionParent, DTableDataSelectionType } from "./d-table-data-selection";
 export declare class DTableDataListSelection<ROW> extends utils.EventEmitter implements DTableDataSelection<ROW> {
     protected _parent: DTableDataSelectionParent<ROW>;
     protected _type: DTableDataSelectionType;
     protected _indices: Set<number>;
     constructor(parent: DTableDataSelectionParent<ROW>, options?: DTableDataSelectionOptions);
+    get parent(): DTableData<ROW>;
     get type(): DTableDataSelectionType;
     protected onChange(): void;
     toggle(rowIndex: number): void;
@@ -22,6 +24,7 @@ export declare class DTableDataListSelection<ROW> extends utils.EventEmitter imp
     shift(rowIndex: number, amount: number): void;
     size(): number;
     isEmpty(): boolean;
+    each(iteratee: DTableDataSelectionEachIteratee): void;
     /**
      * Returns a copy of an index array of selected rows.
      * The order of indices is an insertion order.

package/dist/types/wcardinal/ui/d-table-data-selection.d.ts

@@ -1,4 +1,5 @@
 import { utils } from "pixi.js";
+import { DOnOptions } from "./d-on-options";
 import { DTableData } from "./d-table-data";
 export declare const DTableDataSelectionType: {
     readonly NONE: 0;
@@ -6,10 +7,31 @@ export declare const DTableDataSelectionType: {
     readonly MULTIPLE: 2;
 };
 export declare type DTableDataSelectionType = typeof DTableDataSelectionType[keyof typeof DTableDataSelectionType];
-export interface DTableDataSelectionOptions {
+/**
+ * {@link DTableDataSelection} events.
+ */
+export interface DTableDataSelectionEvents<EMITTER> {
+    /**
+     * Triggered when s selection is changed.
+     *
+     *     on( "change", ( emitter ) => {} )
+     *
+     * @param emitter an emitter
+     */
+    change(emitter: EMITTER): void;
+}
+/**
+ * {@link DTableDataSelection} "on" options.
+ */
+export interface DTableDataSelectionOnOptions<EMITTER> extends Partial<DTableDataSelectionEvents<EMITTER>>, DOnOptions {
+}
+export interface DTableDataSelectionOptions<EMITTER = any> {
     type?: keyof typeof DTableDataSelectionType | DTableDataSelectionType;
+    on?: DTableDataSelectionOnOptions<EMITTER>;
 }
+export declare type DTableDataSelectionEachIteratee = (index: number) => void | boolean;
 export interface DTableDataSelection<ROW> extends utils.EventEmitter {
+    readonly parent: DTableData<ROW>;
     /**
      * Returns a copy of an index array of selected rows.
      * The order of indices is an insertion order.
@@ -36,6 +58,13 @@ export interface DTableDataSelection<ROW> extends utils.EventEmitter {
     shift(rowIndex: number, amount: number): void;
     size(): number;
     isEmpty(): boolean;
+    /**
+     * Calls the specified iteratee on each indices.
+     * If called iteratee explicitly returns false, stops an iteration.
+     *
+     * @param iteratee an function called on each indices
+     */
+    each(iteratee: DTableDataSelectionEachIteratee): void;
     /**
      * Returns an array of the (index, row value) pairs of selected rows.
      * The order of pairs is an insertion order.

package/dist/types/wcardinal/ui/d-table-data-tree-selection-impl.d.ts

@@ -1,11 +1,13 @@
 import { utils } from "pixi.js";
-import { DTableDataSelectionOptions, DTableDataSelectionType } from "./d-table-data-selection";
+import { DTableData } from "./d-table-data";
+import { DTableDataSelectionEachIteratee, DTableDataSelectionOptions, DTableDataSelectionType } from "./d-table-data-selection";
 import { DTableDataTreeSelection, DTableDataTreeSelectionParent } from "./d-table-data-tree-selection";
 export declare class DTableDataTreeSelectionImpl<NODE> extends utils.EventEmitter implements DTableDataTreeSelection<NODE> {
     protected _parent: DTableDataTreeSelectionParent<NODE>;
     protected _type: DTableDataSelectionType;
     protected _rows: Set<NODE>;
     constructor(parent: DTableDataTreeSelectionParent<NODE>, options?: DTableDataSelectionOptions);
+    get parent(): DTableData<NODE>;
     onNodeChange(nodes?: NODE[]): void;
     protected newRows(nodes: NODE[], toChildren: (node: NODE) => NODE[] | null | undefined, rows: Set<NODE>, result: Set<NODE>): Set<NODE>;
     get indices(): number[];
@@ -30,6 +32,7 @@ export declare class DTableDataTreeSelectionImpl<NODE> extends utils.EventEmitte
     shift(rowIndex: number, amount: number): void;
     size(): number;
     isEmpty(): boolean;
+    each(iteratee: DTableDataSelectionEachIteratee): void;
     toArray(): Array<[number, NODE]>;
     toSortedArray(): Array<[number, NODE]>;
     toObject(): Record<number, NODE>;

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

@@ -6,6 +6,8 @@ export declare const EShapeDataValueType: {
     readonly OBJECT: 4;
     readonly OBJECT_ARRAY: 5;
     readonly TICKER: 6;
+    readonly BOOLEAN: 7;
+    readonly BOOLEAN_ARRAY: 8;
     readonly EXTENSION: 1000;
 };
 export declare type EShapeDataValueType = number;

package/dist/wcardinal/ui/d-diagram-canvas.js

@@ -19,6 +19,26 @@ import { EShapeDataValueScope } from "./shape/e-shape-data-value-scope";
 import { EShapeEmbedded } from "./shape/variant/e-shape-embedded";
 import { EShapeDataValueExtensions } from "./shape/e-shape-data-value-extensions";
 import { EShapeActionEnvironment } from "./shape/action/e-shape-action-environment";
+var INITIAL_ZERO = "0";
+var INITIAL_ARRAY = "[]";
+var INITIAL_STRING = '""';
+var INITIAL_OBJECT = "{}";
+var INITIAL_FALSE = "false";
+var INITIALIZER_ZERO = function () {
+    return 0;
+};
+var INITIALIZER_ARRAY = function () {
+    return [];
+};
+var INITIALIZER_STRING = function () {
+    return "";
+};
+var INITIALIZER_OBJECT = function () {
+    return {};
+};
+var INITIALIZER_FALSE = function () {
+    return false;
+};
 var DDiagramCanvas = /** @class */ (function (_super) {
     __extends(DDiagramCanvas, _super);
     function DDiagramCanvas(options) {
@@ -81,7 +101,7 @@ var DDiagramCanvas = /** @class */ (function (_super) {
         });
         this._ticker.start();
     };
-    DDiagramCanvas.prototype.initialize_ = function (shapes, dataShape, containerShape, mapper, formatToFormatter, initialToInitialValue, actionValueToRuntime, canvasTicker, canvasShape, canvasData, actionables) {
+    DDiagramCanvas.prototype.initialize_ = function (shapes, dataShape, containerShape, mapper, formatters, initializers, actionValueToRuntime, canvasTicker, canvasShape, canvasData, actionables) {
         var _loop_1 = function (i, imax) {
             var shape = shapes[i];
             // ID
@@ -90,7 +110,7 @@ var DDiagramCanvas = /** @class */ (function (_super) {
                 canvasShape.add(id, shape);
             }
             // Data
-            this_1.initData(shape, dataShape, containerShape, mapper, formatToFormatter, initialToInitialValue, canvasTicker, canvasData);
+            this_1.initData(shape, dataShape, containerShape, mapper, formatters, initializers, canvasTicker, canvasData);
             // Runtime
             var runtime = new (EShapeRuntimes[shape.type] || EShapeRuntime)(shape);
             shape.runtime = runtime;
@@ -120,7 +140,7 @@ var DDiagramCanvas = /** @class */ (function (_super) {
                     }
                     newContainerShape = shape;
                 }
-                this_1.initialize_(children, newDataShape, newContainerShape, mapper, formatToFormatter, initialToInitialValue, actionValueToRuntime, canvasTicker, canvasShape, canvasData, actionables);
+                this_1.initialize_(children, newDataShape, newContainerShape, mapper, formatters, initializers, actionValueToRuntime, canvasTicker, canvasShape, canvasData, actionables);
             }
         };
         var this_1 = this;
@@ -128,14 +148,13 @@ var DDiagramCanvas = /** @class */ (function (_super) {
             _loop_1(i, imax);
         }
     };
-    DDiagramCanvas.prototype.initData = function (shape, dataShape, containerShape, mapper, formatToFormatter, initialToInitialValue, canvasTicker, canvasData) {
+    DDiagramCanvas.prototype.initData = function (shape, dataShape, containerShape, mapper, formatters, initializers, canvasTicker, canvasData) {
         var data = shape.data;
-        var format = "";
-        var initial = "";
         for (var i = 0, imax = data.size(); i < imax; ++i) {
             var value = data.get(i);
-            if (value == null)
+            if (value == null) {
                 continue;
+            }
             switch (value.type) {
                 case EShapeDataValueType.NUMBER:
                 case EShapeDataValueType.NUMBER_ARRAY:
@@ -143,95 +162,104 @@ var DDiagramCanvas = /** @class */ (function (_super) {
                 case EShapeDataValueType.STRING_ARRAY:
                 case EShapeDataValueType.OBJECT:
                 case EShapeDataValueType.OBJECT_ARRAY:
-                    // Mapping
-                    if (value.scope === EShapeDataValueScope.PRIVATE) {
-                        var id = value.id;
-                        if (0 < id.length) {
-                            if (containerShape) {
-                                containerShape.data.private.add(id, value);
-                            }
-                            else {
-                                canvasData.private.add(id, value);
-                            }
-                        }
-                    }
-                    else if (value.scope === EShapeDataValueScope.PROTECTED) {
-                        var id = value.id;
-                        if (0 < id.length) {
-                            canvasData.protected.add(id, value);
-                        }
-                    }
-                    else {
-                        if (mapper) {
-                            mapper(value, dataShape || shape);
-                        }
-                        var id = value.id;
-                        if (0 < id.length) {
-                            canvasData.add(id, value);
-                        }
-                    }
-                    // Format
-                    format = value.format;
-                    initial = value.initial;
-                    if (formatToFormatter.has(format)) {
-                        value.formatter = formatToFormatter.get(format);
-                    }
-                    else if (0 < format.length) {
-                        try {
-                            var formatter = this.calcFormatter(value, format, initial);
-                            formatToFormatter.set(format, formatter);
-                            value.formatter = formatter;
-                        }
-                        catch (e) {
-                            // DO NOTHING
-                        }
-                    }
-                    // Initial
-                    if (initialToInitialValue.has(initial)) {
-                        value.value = initialToInitialValue.get(initial);
-                    }
-                    else if (0 < initial.length) {
-                        try {
-                            var initialValue = this.calcInitial(value, initial);
-                            initialToInitialValue.set(initial, initialValue);
-                            value.value = initialValue;
-                        }
-                        catch (e) {
-                            // DO NOTHING
-                        }
-                    }
+                    this.initDataValue(value, shape, dataShape, containerShape, mapper, formatters, initializers, canvasData);
                     break;
                 case EShapeDataValueType.TICKER:
-                    // Initial
-                    initial = value.initial;
-                    if (initialToInitialValue.has(initial)) {
-                        value.value = 0;
-                        canvasTicker.add(initialToInitialValue.get(initial)).add(value);
-                    }
-                    else if (0 < initial.length) {
-                        try {
-                            var initialValue = this.calcInitial(value, initial);
-                            initialToInitialValue.set(initial, initialValue);
-                            value.value = 0;
-                            canvasTicker.add(initialValue).add(value);
-                        }
-                        catch (e) {
-                            // DO NOTHING
-                        }
-                    }
+                    this.initDataTicker(value, initializers, canvasTicker);
                     break;
                 default:
-                    var extension = EShapeDataValueExtensions.get(value.type);
-                    if (extension) {
-                        // Mapping
-                        canvasData.extended.add(extension.id, value);
-                        // Initial
-                        value.value = extension.initial;
-                    }
+                    this.initDataExtension(value, canvasData);
                     break;
             }
         }
     };
+    DDiagramCanvas.prototype.initDataValue = function (value, shape, dataShape, containerShape, mapper, formatters, initializers, canvasData) {
+        // Mapping
+        if (value.scope === EShapeDataValueScope.PRIVATE) {
+            var id = value.id;
+            if (0 < id.length) {
+                if (containerShape) {
+                    containerShape.data.private.add(id, value);
+                }
+                else {
+                    canvasData.private.add(id, value);
+                }
+            }
+        }
+        else if (value.scope === EShapeDataValueScope.PROTECTED) {
+            var id = value.id;
+            if (0 < id.length) {
+                canvasData.protected.add(id, value);
+            }
+        }
+        else {
+            if (mapper) {
+                mapper(value, dataShape || shape);
+            }
+            var id = value.id;
+            if (0 < id.length) {
+                canvasData.add(id, value);
+            }
+        }
+        // Format
+        var format = value.format;
+        var initial = value.initial;
+        var formatToFormatter = formatters.get(value.type);
+        if (formatToFormatter == null) {
+            formatToFormatter = new Map();
+            formatters.set(value.type, formatToFormatter);
+        }
+        var oldFormatter = formatToFormatter.get(format);
+        if (oldFormatter != null) {
+            value.formatter = oldFormatter;
+        }
+        else if (0 < format.length) {
+            var newFormatter = this.calcFormatter(value, format, initial);
+            formatToFormatter.set(format, newFormatter);
+            value.formatter = newFormatter;
+        }
+        // Initial
+        var initialToInitializer = initializers.get(value.type);
+        if (initialToInitializer == null) {
+            initialToInitializer = new Map();
+            initializers.set(value.type, initialToInitializer);
+        }
+        var oldInitializer = initialToInitializer.get(initial);
+        if (oldInitializer != null) {
+            value.value = oldInitializer();
+        }
+        else {
+            var newInitializer = this.calcInitial(value, initial);
+            initialToInitializer.set(initial, newInitializer);
+            value.value = newInitializer();
+        }
+    };
+    DDiagramCanvas.prototype.initDataTicker = function (value, initializers, canvasTicker) {
+        var initial = value.initial;
+        var initialToInitializer = initializers.get(value.type);
+        if (initialToInitializer == null) {
+            initialToInitializer = new Map();
+            initializers.set(value.type, initialToInitializer);
+        }
+        var oldInitializer = initialToInitializer.get(initial);
+        if (oldInitializer !== undefined) {
+            value.value = 0;
+            canvasTicker.add(oldInitializer()).add(value);
+        }
+        else {
+            var newInitializer = this.calcInitial(value, initial);
+            initialToInitializer.set(initial, newInitializer);
+            value.value = 0;
+            canvasTicker.add(newInitializer()).add(value);
+        }
+    };
+    DDiagramCanvas.prototype.initDataExtension = function (value, canvasData) {
+        var extension = EShapeDataValueExtensions.get(value.type);
+        if (extension) {
+            canvasData.extended.add(extension.id, value);
+            value.value = extension.initial;
+        }
+    };
     DDiagramCanvas.prototype.initActions = function (shape, shapeRuntime, valueToRuntime) {
         var values = shape.action.values;
         var runtimes = shapeRuntime.actions;
@@ -254,50 +282,92 @@ var DDiagramCanvas = /** @class */ (function (_super) {
     };
     DDiagramCanvas.prototype.calcFormatter = function (value, format, initial) {
         var def = this.toInitial(value);
-        return Function("value", 
-        /* eslint-disable prettier/prettier */
-        "try {" +
-            "return (".concat(format, ");") +
-            "} catch( e1 ) {" +
+        try {
+            return Function("value", 
+            /* eslint-disable prettier/prettier */
             "try {" +
-            "return (".concat(0 < initial.length ? initial : def, ");") +
-            "} catch( e2 ) {" +
-            "return ".concat(def, ";") +
-            "}" +
-            "}"
-        /* eslint-enable prettier/prettier */
-        );
+                "return (".concat(format, ");") +
+                "} catch( e1 ) {" +
+                "try {" +
+                "return (".concat(0 < initial.length ? initial : def, ");") +
+                "} catch( e2 ) {" +
+                "return ".concat(def, ";") +
+                "}" +
+                "}"
+            /* eslint-enable prettier/prettier */
+            );
+        }
+        catch (e) {
+            return this.toInitializer(value);
+        }
     };
     DDiagramCanvas.prototype.calcInitial = function (value, initial) {
-        return Function(
-        /* eslint-disable prettier/prettier */
-        "try {" +
-            "return (".concat(initial, ");") +
-            "} catch( e ) {" +
-            "return ".concat(this.toInitial(value), ";") +
-            "}"
-        /* eslint-enable prettier/prettier */
-        )();
+        if (initial.length <= 0) {
+            return this.toInitializer(value);
+        }
+        try {
+            return Function(
+            /* eslint-disable prettier/prettier */
+            "try {" +
+                "return (".concat(initial, ");") +
+                "} catch( e ) {" +
+                "return ".concat(this.toInitial(value), ";") +
+                "}"
+            /* eslint-enable prettier/prettier */
+            );
+        }
+        catch (e) {
+            return this.toInitializer(value);
+        }
     };
     DDiagramCanvas.prototype.toInitial = function (value) {
         var valueType = value.type;
         switch (valueType) {
             case EShapeDataValueType.NUMBER:
-                return "0";
+                return INITIAL_ZERO;
+            case EShapeDataValueType.NUMBER_ARRAY:
+                return INITIAL_ARRAY;
+            case EShapeDataValueType.STRING:
+                return INITIAL_STRING;
+            case EShapeDataValueType.STRING_ARRAY:
+                return INITIAL_ARRAY;
+            case EShapeDataValueType.OBJECT:
+                return INITIAL_OBJECT;
+            case EShapeDataValueType.OBJECT_ARRAY:
+                return INITIAL_ARRAY;
+            case EShapeDataValueType.TICKER:
+                return INITIAL_ZERO;
+            case EShapeDataValueType.BOOLEAN:
+                return INITIAL_FALSE;
+            case EShapeDataValueType.BOOLEAN_ARRAY:
+                return INITIAL_ARRAY;
+            default:
+                return INITIAL_ZERO;
+        }
+    };
+    DDiagramCanvas.prototype.toInitializer = function (value) {
+        var valueType = value.type;
+        switch (valueType) {
+            case EShapeDataValueType.NUMBER:
+                return INITIALIZER_ZERO;
             case EShapeDataValueType.NUMBER_ARRAY:
-                return "[]";
+                return INITIALIZER_ARRAY;
             case EShapeDataValueType.STRING:
-                return '""';
+                return INITIALIZER_STRING;
             case EShapeDataValueType.STRING_ARRAY:
-                return "[]";
+                return INITIALIZER_ARRAY;
             case EShapeDataValueType.OBJECT:
-                return "{}";
+                return INITIALIZER_OBJECT;
             case EShapeDataValueType.OBJECT_ARRAY:
-                return "[]";
+                return INITIALIZER_ARRAY;
             case EShapeDataValueType.TICKER:
-                return "0";
+                return INITIALIZER_ZERO;
+            case EShapeDataValueType.BOOLEAN:
+                return INITIALIZER_FALSE;
+            case EShapeDataValueType.BOOLEAN_ARRAY:
+                return INITIALIZER_ARRAY;
             default:
-                return "0";
+                return INITIALIZER_ZERO;
         }
     };
     DDiagramCanvas.prototype.onDestroy = function () {