@wcardinal/wcardinal-ui 0.201.0 → 0.202.0

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

@@ -62,6 +62,7 @@ export declare abstract class DDiagramBase<CANVAS extends DDiagramCanvasBase = D
     get controller(): CONTROLLER | null;
     set(serialized: null): Promise<null>;
     set(serialized: DDiagramSerialized): Promise<CANVAS>;
+    set(serialized: DDiagramSerialized | null): Promise<CANVAS | null>;
     protected onSet(serialized: DDiagramSerialized, canvas: CANVAS): void;
     protected abstract isEditMode(): boolean;
     protected newLayer(serialized: DDiagramSerialized, canvas: CANVAS, isEditMode: boolean, pieces?: string[], pieceData?: Map<string, EShapeEmbeddedDatum | null>): Promise<CANVAS>;

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

@@ -1,6 +1,7 @@
 import { DDiagramCanvasData } from "./d-diagram-canvas-data";
 import { EShapeDataScoped } from "./shape/e-shape-data-scoped";
 import { EShapeDataValue } from "./shape/e-shape-data-value";
+import { EShapeDataValueState } from "./shape/e-shape-data-value-state";
 export declare class DDiagramCanvasDataImpl implements DDiagramCanvasData {
     protected _data?: Map<string, EShapeDataValue[]>;
     protected _private?: EShapeDataScoped;
@@ -15,13 +16,15 @@ export declare class DDiagramCanvasDataImpl implements DDiagramCanvasData {
     get ids(): string[];
     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;
+    set(id: string, value: unknown, time?: number, state?: EShapeDataValueState, 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;
+    setAll(id: string, values: unknown[], times?: number[], states?: EShapeDataValueState[], from?: number | null, to?: number | null): boolean;
+    setValue(id: string, value: unknown): boolean;
+    setValues(id: string, values: unknown[]): boolean;
     setTime(id: string, time: number): boolean;
     setTimes(id: string, times: number[]): boolean;
+    setState(id: string, state: EShapeDataValueState): boolean;
+    setStates(id: string, states: EShapeDataValueState[]): boolean;
     setRange(id: string, from?: number | null, to?: number | null): boolean;
 }

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

@@ -1,5 +1,6 @@
 import { EShapeDataScoped } from "./shape/e-shape-data-scoped";
 import { EShapeDataValue } from "./shape/e-shape-data-value";
+import { EShapeDataValueState } from "./shape/e-shape-data-value-state";
 export interface DDiagramCanvasData {
     readonly private: EShapeDataScoped;
     readonly protected: EShapeDataScoped;
@@ -7,13 +8,15 @@ export interface DDiagramCanvasData {
     readonly ids: string[];
     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;
+    set(id: string, value: unknown, time?: number, state?: EShapeDataValueState, 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;
+    setAll(id: string, values: unknown[], times?: number[], states?: EShapeDataValueState[], from?: number | null, to?: number | null): boolean;
+    setValue(id: string, value: unknown): boolean;
+    setValues(id: string, values: unknown[]): boolean;
     setTime(id: string, time: number): boolean;
     setTimes(id: string, times: number[]): boolean;
+    setState(id: string, state: EShapeDataValueState): boolean;
+    setStates(id: string, states: EShapeDataValueState[]): boolean;
     setRange(id: string, from?: number | null, to?: number | null): boolean;
 }

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

@@ -1,10 +1,11 @@
 import { DDiagramDataDiagram } from "./d-diagram-data";
 import { DDiagramDataScoped } from "./d-diagram-data-scoped";
+import { EShapeDataValueState } from "./shape/e-shape-data-value-state";
 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;
+    set(id: string, value: unknown, time?: number, state?: EShapeDataValueState, 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

@@ -2,6 +2,7 @@ import { DDiagramData, DDiagramDataDiagram, DDiagramDataOptions } from "./d-diag
 import { DDiagramDataMapper } from "./d-diagram-data-mapper";
 import { DDiagramDataScoped } from "./d-diagram-data-scoped";
 import { DDiagramDataRemote } from "./d-diagram-data-remote";
+import { EShapeDataValueState } from "./shape/e-shape-data-value-state";
 /**
  * A data helper class for diagrams.
  */
@@ -22,13 +23,15 @@ export declare class DDiagramDataImpl implements DDiagramData {
     get extended(): DDiagramDataScoped;
     get ids(): string[];
     each(iteratee: (id: string) => boolean | void): string | null;
-    set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+    set(id: string, value: unknown, time?: number, state?: EShapeDataValueState, 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;
+    setAll(id: string, values: unknown[], times?: number[], states?: EShapeDataValueState[], from?: number | null, to?: number | null): boolean;
+    setValue(id: string, value: unknown): boolean;
+    setValues(id: string, values: unknown[]): boolean;
     setTime(id: string, time: number): boolean;
     setTimes(id: string, times: number[]): boolean;
+    setState(id: string, state: EShapeDataValueState): boolean;
+    setStates(id: string, states: EShapeDataValueState[]): boolean;
     setRange(id: string, from?: number | null, to?: number | null): boolean;
 }

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

@@ -1,10 +1,11 @@
 import { DDiagramDataDiagram } from "./d-diagram-data";
 import { DDiagramDataScoped } from "./d-diagram-data-scoped";
+import { EShapeDataValueState } from "./shape/e-shape-data-value-state";
 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;
+    set(id: string, value: unknown, time?: number, state?: EShapeDataValueState, 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

@@ -1,10 +1,11 @@
 import { DDiagramDataDiagram } from "./d-diagram-data";
 import { DDiagramDataScoped } from "./d-diagram-data-scoped";
+import { EShapeDataValueState } from "./shape/e-shape-data-value-state";
 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;
+    set(id: string, value: unknown, time?: number, state?: EShapeDataValueState, 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-remote-impl.d.ts

@@ -2,5 +2,5 @@ import { DDiagramDataRemote, DDiagramDataRemoteController, DDiagramDataRemoteOpt
 export declare class DDiagramDataRemoteImpl implements DDiagramDataRemote {
     protected _controller?: DDiagramDataRemoteController;
     constructor(options?: DDiagramDataRemoteOptions);
-    set(id: string, value: unknown, time: number): boolean;
+    set(id: string, value: unknown): boolean;
 }

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

@@ -5,5 +5,5 @@ export interface DDiagramDataRemoteOptions {
     controller?: DDiagramDataRemoteController;
 }
 export interface DDiagramDataRemote {
-    set(id: string, value: unknown, time: number): boolean;
+    set(id: string, value: unknown): boolean;
 }

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

@@ -1,6 +1,7 @@
+import { EShapeDataValueState } from "./shape/e-shape-data-value-state";
 export interface DDiagramDataScoped {
     readonly ids: string[];
-    set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+    set(id: string, value: unknown, time?: number, state?: EShapeDataValueState, 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

@@ -3,6 +3,7 @@ import { DDiagramDataMapper } from "./d-diagram-data-mapper";
 import { DDiagramDataScoped } from "./d-diagram-data-scoped";
 import { DDiagramDataRemote } from "./d-diagram-data-remote";
 import { DDiagramDataRemoteOptions } from "./d-diagram-data-remote";
+import { EShapeDataValueState } from "./shape/e-shape-data-value-state";
 export interface DDiagramDataCanvas {
     data: DDiagramCanvasData;
 }
@@ -30,14 +31,16 @@ export interface DDiagramData {
     readonly ids: string[];
     mapper: DDiagramDataMapper | null;
     each(iteratee: (id: string) => boolean | void): string | null;
-    set(id: string, value: unknown, time?: number, from?: number | null, to?: number | null): boolean;
+    set(id: string, value: unknown, time?: number, state?: EShapeDataValueState, 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;
+    setAll(id: string, values: unknown[], times?: number[], states?: EShapeDataValueState[], 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;
+    setState(id: string, state: unknown): boolean;
+    setStates(id: string, states: unknown[]): boolean;
     setRange(id: string, from?: number | null, to?: number | null): boolean;
     update(): void;
 }

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

@@ -60,6 +60,10 @@ export interface DDiagramSerializedDataValue {
      * A scope.
      */
     [7]: EShapeDataValueScope | undefined;
+    /**
+     * A resource index number of an alias.
+     */
+    [8]: number | undefined;
 }
 /**
  * A serialized data mapping.

package/dist/types/wcardinal/ui/d-table-body-cell-color.d.ts

@@ -18,7 +18,7 @@ export declare class DTableBodyCellColor<ROW = unknown, THEME extends DThemeTabl
     get rowIndex(): number;
     get columnIndex(): number;
     get column(): DTableColumn<ROW, DColorAndAlpha>;
-    set(newValue: unknown, row: ROW, supplimental: unknown, rowIndex: number, columnIndex: number, forcibly?: boolean): void;
+    set(value: unknown, row: ROW, supplimental: unknown, rowIndex: number, columnIndex: number, forcibly?: boolean): void;
     unset(): void;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-table-body-cell-options.d.ts

@@ -0,0 +1,18 @@
+import { DTableBodyCellButtonOptions } from "./d-table-body-cell-button";
+import { DTableBodyCellCheckOptions } from "./d-table-body-cell-check";
+import { DTableBodyCellColorOptions } from "./d-table-body-cell-color";
+import { DTableBodyCellDateOptions } from "./d-table-body-cell-date";
+import { DTableBodyCellDatetimeOptions } from "./d-table-body-cell-datetime";
+import { DTableBodyCellIndexOptions } from "./d-table-body-cell-index";
+import { DTableBodyCellInputIntegerOptions } from "./d-table-body-cell-input-integer";
+import { DTableBodyCellInputRealOptions } from "./d-table-body-cell-input-real";
+import { DTableBodyCellInputTextOptions } from "./d-table-body-cell-input-text";
+import { DTableBodyCellLinkOptions } from "./d-table-body-cell-link";
+import { DTableBodyCellSelectDialogOptions } from "./d-table-body-cell-select-dialog";
+import { DTableBodyCellSelectMenuOptions } from "./d-table-body-cell-select-menu";
+import { DTableBodyCellSelectMultipleOptions } from "./d-table-body-cell-select-multiple";
+import { DTableBodyCellSelectPromiseOptions } from "./d-table-body-cell-select-promise";
+import { DTableBodyCellTextOptions } from "./d-table-body-cell-text";
+import { DTableBodyCellTimeOptions } from "./d-table-body-cell-time";
+import { DTableBodyCellTreeOptions } from "./d-table-body-cell-tree";
+export declare type DTableBodyCellOptions<ROW_VALUE> = DTableBodyCellTextOptions<ROW_VALUE> | DTableBodyCellInputTextOptions<ROW_VALUE> | DTableBodyCellInputIntegerOptions<ROW_VALUE> | DTableBodyCellInputRealOptions<ROW_VALUE> | DTableBodyCellIndexOptions<ROW_VALUE> | DTableBodyCellColorOptions<ROW_VALUE> | DTableBodyCellCheckOptions<ROW_VALUE> | DTableBodyCellSelectDialogOptions<ROW_VALUE> | DTableBodyCellSelectPromiseOptions<ROW_VALUE> | DTableBodyCellSelectMenuOptions<ROW_VALUE> | DTableBodyCellDateOptions<ROW_VALUE> | DTableBodyCellDatetimeOptions<ROW_VALUE> | DTableBodyCellTimeOptions<ROW_VALUE> | DTableBodyCellButtonOptions<ROW_VALUE> | DTableBodyCellLinkOptions<ROW_VALUE> | DTableBodyCellSelectMultipleOptions<ROW_VALUE> | DTableBodyCellTreeOptions<ROW_VALUE>;

package/dist/types/wcardinal/ui/d-table-body-cell-select-dialog.d.ts

@@ -27,7 +27,7 @@ export declare class DTableBodyCellSelectDialog<ROW = unknown, VALUE = unknown,
     get column(): DTableColumn<ROW, VALUE | null>;
     get value(): VALUE | null;
     set value(value: VALUE | null);
-    set(value: VALUE | null, row: ROW, supplimental: unknown, rowIndex: number, columnIndex: number, forcibly?: boolean): void;
+    set(value: unknown, row: ROW, supplimental: unknown, rowIndex: number, columnIndex: number, forcibly?: boolean): void;
     unset(): void;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-table-body-cell-select-promise.d.ts

@@ -27,7 +27,7 @@ export declare class DTableBodyCellSelectPromise<ROW = unknown, VALUE = unknown,
     get column(): DTableColumn<ROW, VALUE | null>;
     get value(): VALUE | null;
     set value(value: VALUE | null);
-    set(value: VALUE | null, row: ROW, supplimental: unknown, rowIndex: number, columnIndex: number, forcibly?: boolean): void;
+    set(value: unknown, row: ROW, supplimental: unknown, rowIndex: number, columnIndex: number, forcibly?: boolean): void;
     unset(): void;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-table-body-cell-time.d.ts

@@ -17,7 +17,7 @@ export declare class DTableBodyCellTime<ROW = unknown, THEME extends DThemeTable
     get rowIndex(): number;
     get columnIndex(): number;
     get column(): DTableColumn<ROW, Date>;
-    set(value: Date, row: ROW, supplimental: unknown, rowIndex: number, columnIndex: number, forcibly?: boolean): void;
+    set(value: unknown, row: ROW, supplimental: unknown, rowIndex: number, columnIndex: number, forcibly?: boolean): void;
     unset(): void;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-table-body-cells.d.ts

@@ -1,19 +1,21 @@
 import { DBaseStateSet } from "./d-base-state-set";
-import { DTableEditable, DTableRenderable } from "./d-table-column";
+import { DTableColumnEditable } from "./d-table-column-editing";
+import { DTableColumnRenderable } from "./d-table-column-renderable";
+import { DTableColumnState } from "./d-table-column-state";
 export interface DTableBodyCellsColumnEditing<ROW> {
-    enable: boolean | DTableEditable<ROW>;
+    enable: boolean | DTableColumnEditable<ROW>;
 }
 export interface DTableBodyCellsColumn<ROW> {
     editing: DTableBodyCellsColumnEditing<ROW>;
-    renderable: boolean | DTableRenderable<ROW>;
+    renderable: boolean | DTableColumnRenderable<ROW>;
+    state: DTableColumnState<ROW>;
 }
 export interface DTableBodyCellsTarget {
     renderable: boolean;
     state: DBaseStateSet;
 }
 export declare class DTableBodyCells {
-    static setReadOnly<ROW>(target: DTableBodyCellsTarget, row: ROW, columnIndex: number, column: DTableBodyCellsColumn<ROW>): void;
-    static setRenderable<ROW>(target: DTableBodyCellsTarget, row: ROW, columnIndex: number, column: DTableBodyCellsColumn<ROW>): void;
+    static set<ROW>(target: DTableBodyCellsTarget, row: ROW, columnIndex: number, column: DTableBodyCellsColumn<ROW>, readOnly?: boolean): void;
     static toReadOnly<ROW>(row: ROW, columnIndex: number, column: DTableBodyCellsColumn<ROW>): boolean;
     static toRenderable<ROW>(row: ROW, columnIndex: number, column: DTableBodyCellsColumn<ROW>): boolean;
 }

package/dist/types/wcardinal/ui/d-table-body-row.d.ts

@@ -1,6 +1,7 @@
 import { DBase } from "./d-base";
 import { DTableBodyCell, DTableBodyCellOnChange } from "./d-table-body-cell";
-import { DTableBodyCellOptionsUnion, DTableColumn } from "./d-table-column";
+import { DTableBodyCellOptions } from "./d-table-body-cell-options";
+import { DTableColumn } from "./d-table-column";
 import { DTableDataSelectionType } from "./d-table-data-selection";
 import { DTableRow, DTableRowOptions, DThemeTableRow } from "./d-table-row";
 export interface DTableBodyRowSelectionOptions {
@@ -8,7 +9,7 @@ export interface DTableBodyRowSelectionOptions {
 }
 export interface DTableBodyRowOptions<ROW, THEME extends DThemeTableBodyRow = DThemeTableBodyRow> extends DTableRowOptions<ROW, DTableColumn<ROW, unknown>, THEME> {
     height?: number;
-    cell?: DTableBodyCellOptionsUnion<ROW>;
+    cell?: DTableBodyCellOptions<ROW>;
     selection?: DTableBodyRowSelectionOptions;
 }
 export interface DThemeTableBodyRow extends DThemeTableRow {
@@ -18,13 +19,14 @@ export declare class DTableBodyRow<ROW, THEME extends DThemeTableBodyRow = DThem
     protected _value?: ROW;
     protected _index: number;
     protected _onCellChangeBound: DTableBodyCellOnChange<ROW, unknown>;
-    constructor(onChange: DTableBodyRowOnChange<ROW, unknown>, isEven: boolean, options: OPTIONS);
+    protected _columnIndexToCellOptions: Map<number, DTableBodyCellOptions<ROW>>;
+    constructor(onChange: DTableBodyRowOnChange<ROW, unknown>, isEven: boolean, columnIndexToCellOptions: Map<number, DTableBodyCellOptions<ROW>>, options: OPTIONS);
     protected newCell(columnIndex: number, column: DTableColumn<ROW, unknown>, columns: Array<DTableColumn<ROW, unknown>>, options: OPTIONS): DBase;
     protected newCellEditable(columnIndex: number, column: DTableColumn<ROW, any>, onChange: DTableBodyCellOnChange<ROW, unknown>, options: any): DBase;
     protected newCellUnediable(columnIndex: number, column: DTableColumn<ROW, any>, onChange: DTableBodyCellOnChange<ROW, unknown>, options: any): DBase;
     protected newCellSelect(columnIndex: number, column: DTableColumn<ROW, any>, onChange: DTableBodyCellOnChange<ROW, unknown>, options: any): DBase;
     protected newCellAction(columnIndex: number, column: DTableColumn<ROW, any>, onChange: DTableBodyCellOnChange<ROW, unknown>, options: any): DBase;
-    protected toCellOptions(columnIndex: number, column: DTableColumn<ROW, unknown>, options: OPTIONS): DTableBodyCellOptionsUnion<ROW>;
+    protected toCellOptions(columnIndex: number, column: DTableColumn<ROW, unknown>, options: OPTIONS): DTableBodyCellOptions<ROW>;
     protected getType(): string;
     /**
      * Returns a row data if exists.

package/dist/types/wcardinal/ui/d-table-body.d.ts

@@ -7,6 +7,7 @@ import { DTableData, DTableDataOptions } from "./d-table-data";
 import { DTableDataList, DTableDataListOptions } from "./d-table-data-list";
 import { DTableDataSelection } from "./d-table-data-selection";
 import { DTableBodyCell } from "./d-table-body-cell";
+import { DTableBodyCellOptions } from "./d-table-body-cell-options";
 export interface DTableBodyOptions<ROW, DATA extends DTableData<ROW> = DTableDataList<ROW>, THEME extends DThemeTableBody = DThemeTableBody> extends DBaseOptions<THEME> {
     columns?: Array<DTableColumn<ROW, unknown>>;
     row?: DTableBodyRowOptions<ROW>;
@@ -29,6 +30,7 @@ export declare class DTableBody<ROW, DATA extends DTableData<ROW> = DTableDataLi
     protected _isUpdateRowsCalledForcibly: boolean;
     protected _workRows: Array<DTableBodyRow<ROW>>;
     protected _onRowChangeBound: DTableBodyRowOnChange<ROW, unknown>;
+    protected _columnIndexToCellOptions: Map<number, DTableBodyCellOptions<ROW>>;
     protected _data: DATA;
     constructor(options: OPTIONS);
     protected toData(options?: DATA | DTableDataListOptions<ROW>): DATA;

package/dist/types/wcardinal/ui/d-table-column-editing.d.ts

@@ -0,0 +1,16 @@
+export declare type DTableColumnEditingFormatter<CELL_VALUE> = (cell: CELL_VALUE) => string;
+export declare type DTableColumnEditingUnformatter<CELL_VALUE> = (formatted: string) => CELL_VALUE;
+export declare type DTableColumnEditingValidator<CELL_VALUE> = (cell: CELL_VALUE) => string | null;
+export declare type DTableColumnEditable<ROW_VALUE> = (row: ROW_VALUE, columnIndex: number) => boolean;
+export interface DTableColumnEditingOptions<ROW_VALUE, CELL_VALUE> {
+    enable?: boolean | DTableColumnEditable<ROW_VALUE> | "auto" | "AUTO";
+    formatter?: DTableColumnEditingFormatter<CELL_VALUE>;
+    unformatter?: DTableColumnEditingUnformatter<CELL_VALUE>;
+    validator?: DTableColumnEditingValidator<CELL_VALUE>;
+}
+export interface DTableColumnEditing<ROW_VALUE, CELL_VALUE> {
+    enable: boolean | DTableColumnEditable<ROW_VALUE>;
+    formatter?: DTableColumnEditingFormatter<CELL_VALUE>;
+    unformatter?: DTableColumnEditingUnformatter<CELL_VALUE>;
+    validator?: DTableColumnEditingValidator<CELL_VALUE>;
+}

package/dist/types/wcardinal/ui/d-table-column-formatter.d.ts

@@ -0,0 +1 @@
+export declare type DTableColumnFormatter<CELL_VALUE, EMITTER = any> = (cell: CELL_VALUE, emitter: EMITTER) => string;

package/dist/types/wcardinal/ui/d-table-column-getter.d.ts

@@ -0,0 +1 @@
+export declare type DTableColumnGetter<ROW_VALUE, CELL_VALUE> = (row: ROW_VALUE, columnIndex: number) => CELL_VALUE;

package/dist/types/wcardinal/ui/d-table-column-renderable.d.ts

@@ -0,0 +1 @@
+export declare type DTableColumnRenderable<ROW_VALUE> = (row: ROW_VALUE, columnIndex: number) => boolean;

package/dist/types/wcardinal/ui/d-table-column-selecting.d.ts

@@ -0,0 +1,25 @@
+import { DDialogOpener } from "./d-dialog";
+import { DDialogSelectOptions } from "./d-dialog-select";
+import { DMenu, DMenuOptions } from "./d-menu";
+export declare type DTableColumnSelectingGetter<CELL_VALUE, DIALOG> = (dialog: DIALOG) => CELL_VALUE;
+export declare type DTableColumnSelectingSetter<CELL_VALUE, DIALOG> = (dialog: DIALOG, cell: CELL_VALUE) => void;
+export interface DTableColumnSelectingDialog<DIALOG_VALUE> {
+    readonly value: DIALOG_VALUE;
+    open(owner?: DDialogOpener): Promise<DIALOG_VALUE>;
+}
+export interface DTableColumnSelectingOptions<CELL_VALUE, DIALOG_VALUE, DIALOG extends DTableColumnSelectingDialog<DIALOG_VALUE>> {
+    getter?: DTableColumnSelectingGetter<CELL_VALUE, DIALOG>;
+    setter?: DTableColumnSelectingSetter<CELL_VALUE, DIALOG>;
+    menu?: DMenuOptions<CELL_VALUE> | DMenu<CELL_VALUE>;
+    multiple?: DMenuOptions<CELL_VALUE> | DMenu<CELL_VALUE>;
+    dialog?: DDialogSelectOptions<DIALOG_VALUE> | DIALOG;
+    promise?: () => Promise<CELL_VALUE>;
+}
+export interface DTableColumnSelecting<CELL_VALUE, DIALOG_VALUE, DIALOG extends DTableColumnSelectingDialog<DIALOG_VALUE>> {
+    getter: DTableColumnSelectingGetter<CELL_VALUE, DIALOG>;
+    setter: DTableColumnSelectingSetter<CELL_VALUE, DIALOG>;
+    menu?: DMenu<CELL_VALUE>;
+    multiple?: DMenu<CELL_VALUE>;
+    dialog?: DIALOG;
+    promise?: () => Promise<CELL_VALUE>;
+}

package/dist/types/wcardinal/ui/d-table-column-setter.d.ts

@@ -0,0 +1 @@
+export declare type DTableColumnSetter<ROW_VALUE, CELL_VALUE> = (row: ROW_VALUE, columnIndex: number, cell: CELL_VALUE) => void;

package/dist/types/wcardinal/ui/d-table-column-sorting.d.ts

@@ -0,0 +1,9 @@
+import { DTableDataComparator } from "./d-table-data-sorter";
+export interface DTableColumnSortingOptions<ROW_VALUE> {
+    enable?: boolean;
+    comparator?: DTableDataComparator<ROW_VALUE>;
+}
+export interface DTableColumnSorting<ROW_VALUE> {
+    enable: boolean;
+    comparator?: DTableDataComparator<ROW_VALUE>;
+}

package/dist/types/wcardinal/ui/d-table-column-state.d.ts

@@ -0,0 +1,11 @@
+import { DBaseStateSet } from "./d-base-state-set";
+/**
+ * {@link DTable} column state modifier.
+ * This function is called on every cells of a column when the cell data is changed.
+ * The state given at the third parameter is a state of a cell.
+ */
+export declare type DTableColumnStateModifier<ROW_VALUE> = (row: ROW_VALUE, columnIndex: number, state: DBaseStateSet) => void;
+export interface DTableColumnState<ROW_VALUE> {
+    initial?: string | string[];
+    modifier?: DTableColumnStateModifier<ROW_VALUE>;
+}

package/dist/types/wcardinal/ui/d-table-column-type.d.ts

@@ -0,0 +1,18 @@
+export declare const DTableColumnType: {
+    readonly INDEX: 0;
+    readonly TEXT: 1;
+    readonly INTEGER: 2;
+    readonly REAL: 3;
+    readonly CHECK: 4;
+    readonly CHECK_SINGLE: 5;
+    readonly COLOR: 6;
+    readonly BUTTON: 7;
+    readonly SELECT: 8;
+    readonly DATE: 9;
+    readonly DATETIME: 10;
+    readonly TIME: 11;
+    readonly ACTION: 12;
+    readonly LINK: 13;
+    readonly TREE: 14;
+};
+export declare type DTableColumnType = typeof DTableColumnType[keyof typeof DTableColumnType];

package/dist/types/wcardinal/ui/d-table-column.d.ts

@@ -1,106 +1,37 @@
 import { DAlignHorizontal } from "./d-align-horizontal";
-import { DDialogOpener } from "./d-dialog";
-import { DDialogSelectOptions } from "./d-dialog-select";
-import { DMenu, DMenuOptions } from "./d-menu";
-import { DTableBodyCellButtonOptions } from "./d-table-body-cell-button";
-import { DTableBodyCellCheckOptions } from "./d-table-body-cell-check";
-import { DTableBodyCellColorOptions } from "./d-table-body-cell-color";
-import { DTableBodyCellDateOptions } from "./d-table-body-cell-date";
-import { DTableBodyCellDatetimeOptions } from "./d-table-body-cell-datetime";
-import { DTableBodyCellIndexOptions } from "./d-table-body-cell-index";
-import { DTableBodyCellInputIntegerOptions } from "./d-table-body-cell-input-integer";
-import { DTableBodyCellInputRealOptions } from "./d-table-body-cell-input-real";
-import { DTableBodyCellInputTextOptions } from "./d-table-body-cell-input-text";
-import { DTableBodyCellLinkLinkOptions, DTableBodyCellLinkOptions } from "./d-table-body-cell-link";
-import { DTableBodyCellSelectDialogOptions } from "./d-table-body-cell-select-dialog";
-import { DTableBodyCellSelectMenuOptions } from "./d-table-body-cell-select-menu";
-import { DTableBodyCellSelectMultipleOptions } from "./d-table-body-cell-select-multiple";
-import { DTableBodyCellSelectPromiseOptions } from "./d-table-body-cell-select-promise";
-import { DTableBodyCellTextOptions } from "./d-table-body-cell-text";
-import { DTableBodyCellTimeOptions } from "./d-table-body-cell-time";
-import { DTableBodyCellTreeOptions } from "./d-table-body-cell-tree";
-import { DTableDataComparator } from "./d-table-data-sorter";
+import { DTableBodyCellLinkLinkOptions } from "./d-table-body-cell-link";
+import { DTableBodyCellOptions } from "./d-table-body-cell-options";
+import { DTableColumnEditing, DTableColumnEditingOptions, DTableColumnEditable } from "./d-table-column-editing";
+import { DTableColumnFormatter } from "./d-table-column-formatter";
+import { DTableColumnGetter } from "./d-table-column-getter";
+import { DTableColumnRenderable } from "./d-table-column-renderable";
+import { DTableColumnSelecting, DTableColumnSelectingDialog, DTableColumnSelectingOptions } from "./d-table-column-selecting";
+import { DTableColumnSetter } from "./d-table-column-setter";
+import { DTableColumnSorting, DTableColumnSortingOptions } from "./d-table-column-sorting";
+import { DTableColumnState, DTableColumnStateModifier } from "./d-table-column-state";
+import { DTableColumnType } from "./d-table-column-type";
 import { DTableHeaderCellOptions } from "./d-table-header-cell";
-export declare const DTableColumnType: {
-    readonly INDEX: 0;
-    readonly TEXT: 1;
-    readonly INTEGER: 2;
-    readonly REAL: 3;
-    readonly CHECK: 4;
-    readonly CHECK_SINGLE: 5;
-    readonly COLOR: 6;
-    readonly BUTTON: 7;
-    readonly SELECT: 8;
-    readonly DATE: 9;
-    readonly DATETIME: 10;
-    readonly TIME: 11;
-    readonly ACTION: 12;
-    readonly LINK: 13;
-    readonly TREE: 14;
-};
-export declare type DTableColumnType = typeof DTableColumnType[keyof typeof DTableColumnType];
-export declare type DTableGetter<ROW_VALUE, CELL_VALUE> = (row: ROW_VALUE, columnIndex: number) => CELL_VALUE;
-export declare type DTableSetter<ROW_VALUE, CELL_VALUE> = (row: ROW_VALUE, columnIndex: number, cell: CELL_VALUE) => void;
-export declare type DTableFormatter<CELL_VALUE> = (cell: CELL_VALUE) => string;
-export declare type DTableEditingFormatter<CELL_VALUE> = (cell: CELL_VALUE) => string;
-export declare type DTableEditingUnformatter<CELL_VALUE> = (formatted: string) => CELL_VALUE;
-export declare type DTableEditingValidator<CELL_VALUE> = (cell: CELL_VALUE) => string | null;
-export declare type DTableSelectingGetter<CELL_VALUE, DIALOG> = (dialog: DIALOG) => CELL_VALUE;
-export declare type DTableSelectingSetter<CELL_VALUE, DIALOG> = (dialog: DIALOG, cell: CELL_VALUE) => void;
-export declare type DTableEditable<ROW_VALUE> = (row: ROW_VALUE, columnIndex: number) => boolean;
-export declare type DTableRenderable<ROW_VALUE> = (row: ROW_VALUE, columnIndex: number) => boolean;
-export declare type DTableBodyCellOptionsUnion<ROW_VALUE> = DTableBodyCellTextOptions<ROW_VALUE> | DTableBodyCellInputTextOptions<ROW_VALUE> | DTableBodyCellInputIntegerOptions<ROW_VALUE> | DTableBodyCellInputRealOptions<ROW_VALUE> | DTableBodyCellIndexOptions<ROW_VALUE> | DTableBodyCellColorOptions<ROW_VALUE> | DTableBodyCellCheckOptions<ROW_VALUE> | DTableBodyCellSelectDialogOptions<ROW_VALUE> | DTableBodyCellSelectPromiseOptions<ROW_VALUE> | DTableBodyCellSelectMenuOptions<ROW_VALUE> | DTableBodyCellDateOptions<ROW_VALUE> | DTableBodyCellDatetimeOptions<ROW_VALUE> | DTableBodyCellTimeOptions<ROW_VALUE> | DTableBodyCellButtonOptions<ROW_VALUE> | DTableBodyCellLinkOptions<ROW_VALUE> | DTableBodyCellSelectMultipleOptions<ROW_VALUE> | DTableBodyCellTreeOptions<ROW_VALUE>;
-export interface DTableColumnEditingOptions<ROW_VALUE, CELL_VALUE> {
-    enable?: boolean | DTableEditable<ROW_VALUE> | "auto" | "AUTO";
-    formatter?: DTableEditingFormatter<CELL_VALUE>;
-    unformatter?: DTableEditingUnformatter<CELL_VALUE>;
-    validator?: DTableEditingValidator<CELL_VALUE>;
-}
-export interface DTableColumnEditing<ROW_VALUE, CELL_VALUE> {
-    enable: boolean | DTableEditable<ROW_VALUE>;
-    formatter?: DTableEditingFormatter<CELL_VALUE>;
-    unformatter?: DTableEditingUnformatter<CELL_VALUE>;
-    validator?: DTableEditingValidator<CELL_VALUE>;
-}
-export interface DTableColumnSortingOptions<ROW_VALUE> {
-    enable?: boolean;
-    comparator?: DTableDataComparator<ROW_VALUE>;
-}
-export interface DTableColumnSorting<ROW_VALUE> {
-    enable: boolean;
-    comparator?: DTableDataComparator<ROW_VALUE>;
-}
-export interface DTableColumnSelectingDialog<DIALOG_VALUE> {
-    readonly value: DIALOG_VALUE;
-    open(owner?: DDialogOpener): Promise<DIALOG_VALUE>;
-}
-export interface DTableColumnSelectingOptions<CELL_VALUE, DIALOG_VALUE, DIALOG extends DTableColumnSelectingDialog<DIALOG_VALUE>> {
-    getter?: DTableSelectingGetter<CELL_VALUE, DIALOG>;
-    setter?: DTableSelectingSetter<CELL_VALUE, DIALOG>;
-    menu?: DMenuOptions<CELL_VALUE> | DMenu<CELL_VALUE>;
-    multiple?: DMenuOptions<CELL_VALUE> | DMenu<CELL_VALUE>;
-    dialog?: DDialogSelectOptions<DIALOG_VALUE> | DIALOG;
-    promise?: () => Promise<CELL_VALUE>;
-}
-export interface DTableColumnSelecting<CELL_VALUE, DIALOG_VALUE, DIALOG extends DTableColumnSelectingDialog<DIALOG_VALUE>> {
-    getter: DTableSelectingGetter<CELL_VALUE, DIALOG>;
-    setter: DTableSelectingSetter<CELL_VALUE, DIALOG>;
-    menu?: DMenu<CELL_VALUE>;
-    multiple?: DMenu<CELL_VALUE>;
-    dialog?: DIALOG;
-    promise?: () => Promise<CELL_VALUE>;
-}
 export interface DTableColumnOptions<ROW_VALUE, CELL_VALUE = any, DIALOG_VALUE = any, DIALOG extends DTableColumnSelectingDialog<DIALOG_VALUE> = any> {
     weight?: number;
     width?: number;
     type?: keyof typeof DTableColumnType | DTableColumnType;
     label?: string;
-    getter?: DTableGetter<ROW_VALUE, CELL_VALUE>;
-    setter?: DTableSetter<ROW_VALUE, CELL_VALUE>;
+    getter?: DTableColumnGetter<ROW_VALUE, CELL_VALUE>;
+    setter?: DTableColumnSetter<ROW_VALUE, CELL_VALUE>;
     path?: string;
     default?: CELL_VALUE;
-    formatter?: DTableFormatter<CELL_VALUE>;
+    /**
+     * A shortcut of body#text#formatter.
+     */
+    formatter?: DTableColumnFormatter<CELL_VALUE>;
+    /**
+     * A shortcut of body#text#align#horizontal.
+     */
     align?: keyof typeof DAlignHorizontal | DAlignHorizontal;
+    /**
+     * A state option.
+     */
+    state?: string | string[] | DTableColumnStateModifier<ROW_VALUE>;
     /**
      * If the renderable is
      *
@@ -109,7 +40,7 @@ export interface DTableColumnOptions<ROW_VALUE, CELL_VALUE = any, DIALOG_VALUE =
      * * a function, cells get rendered only when that function returns true.
      * * "AUTO", cells get rendered only when the cell data exit.
      */
-    renderable?: boolean | DTableRenderable<ROW_VALUE> | "auto" | "AUTO";
+    renderable?: boolean | DTableColumnRenderable<ROW_VALUE> | "auto" | "AUTO";
     /**
      * If the editable is
      *
@@ -118,12 +49,12 @@ export interface DTableColumnOptions<ROW_VALUE, CELL_VALUE = any, DIALOG_VALUE =
      * * a function, cells are editable only when that function returns true.
      * * "AUTO", cells are editable only when the cell data exist.
      */
-    editable?: boolean | DTableEditable<ROW_VALUE> | "auto" | "AUTO";
+    editable?: boolean | DTableColumnEditable<ROW_VALUE> | "auto" | "AUTO";
     editing?: DTableColumnEditingOptions<ROW_VALUE, CELL_VALUE>;
     sortable?: boolean;
     sorting?: DTableColumnSortingOptions<ROW_VALUE>;
     header?: DTableHeaderCellOptions<ROW_VALUE>;
-    body?: DTableBodyCellOptionsUnion<ROW_VALUE>;
+    body?: DTableBodyCellOptions<ROW_VALUE>;
     selecting?: DTableColumnSelectingOptions<CELL_VALUE, DIALOG_VALUE, DIALOG>;
     category?: string | string[];
     frozen?: boolean;
@@ -134,15 +65,16 @@ export interface DTableColumn<ROW_VALUE, CELL_VALUE, DIALOG_VALUE = CELL_VALUE,
     width: number | undefined;
     type: DTableColumnType;
     label: string;
-    getter: DTableGetter<ROW_VALUE, CELL_VALUE>;
-    setter: DTableSetter<ROW_VALUE, CELL_VALUE>;
-    formatter?: DTableFormatter<CELL_VALUE>;
+    getter: DTableColumnGetter<ROW_VALUE, CELL_VALUE>;
+    setter: DTableColumnSetter<ROW_VALUE, CELL_VALUE>;
+    formatter?: DTableColumnFormatter<CELL_VALUE>;
     align: DAlignHorizontal;
-    renderable: boolean | DTableRenderable<ROW_VALUE>;
+    state: DTableColumnState<ROW_VALUE>;
+    renderable: boolean | DTableColumnRenderable<ROW_VALUE>;
     editing: DTableColumnEditing<ROW_VALUE, CELL_VALUE>;
     sorting: DTableColumnSorting<ROW_VALUE>;
     header?: DTableHeaderCellOptions<ROW_VALUE>;
-    body?: DTableBodyCellOptionsUnion<ROW_VALUE>;
+    body?: DTableBodyCellOptions<ROW_VALUE>;
     selecting: DTableColumnSelecting<CELL_VALUE, DIALOG_VALUE, DIALOG>;
     category?: string | string[];
     frozen?: boolean;