@wcardinal/wcardinal-ui 0.210.0 → 0.213.0

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

@@ -167,6 +167,13 @@ export interface DBaseEvents<EMITTER> {
      * @param emitter an emitter
      */
     up(e: InteractionEvent, emitter: EMITTER): void;
+    /**
+     * Triggered when an emitter is clicked.
+     *
+     * @param e an interaction event
+     * @param emitter an emitter
+     */
+    click(e: InteractionEvent, emitter: EMITTER): void;
     /**
      * Triggered when an emitter is double clicked.
      *
@@ -175,6 +182,13 @@ export interface DBaseEvents<EMITTER> {
      * @param emitter an emitter
      */
     dblclick(e: MouseEvent | TouchEvent, interactionManager: InteractionManager, emitter: EMITTER): void;
+    /**
+     * Triggered when a shortcut is pressed.
+     *
+     * @param e an event
+     * @param emitter an emitter
+     */
+    shortcut(e: KeyboardEvent, emitter: EMITTER): void;
 }
 /**
  * {@link DBase} "on" options.
@@ -673,9 +687,9 @@ export declare class DBase<THEME extends DThemeBase = DThemeBase, OPTIONS extend
      * @param oldY an old parent's local y position
      */
     protected onParentMove(newX: number, newY: number, oldX: number, oldY: number): void;
-    onWheel(e: WheelEvent, deltas: UtilWheelEventDeltas, global: Point): boolean;
-    onKeyDown(e: KeyboardEvent): boolean;
-    onKeyUp(e: KeyboardEvent): boolean;
+    protected onWheel(e: WheelEvent, deltas: UtilWheelEventDeltas, global: Point): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyUp(e: KeyboardEvent): boolean;
     protected isEventTarget(e: InteractionEvent): boolean;
     protected onDown(e: InteractionEvent): void;
     protected onDownThis(e: InteractionEvent): void;
@@ -684,7 +698,7 @@ export declare class DBase<THEME extends DThemeBase = DThemeBase, OPTIONS extend
     protected focusOnClosest(): void;
     protected onOver(e: InteractionEvent): void;
     protected onOut(e: InteractionEvent): void;
-    onDblClick(e: MouseEvent | TouchEvent, interactionManager: InteractionManager): boolean;
+    protected onDblClick(e: MouseEvent | TouchEvent, interactionManager: InteractionManager): boolean;
     render(renderer: Renderer): void;
     protected getThemeDefault(): THEME;
     protected getType(): string;

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

@@ -69,11 +69,11 @@ export declare class DButtonBase<VALUE = unknown, THEME extends DThemeButtonBase
     protected init(options?: OPTIONS): void;
     protected onShortcut(e: KeyboardEvent): void;
     get isToggle(): boolean;
-    protected initOnClick(when: DButtonBaseWhen, theme: THEME, options?: OPTIONS): void;
-    protected initOnPress(when: DButtonBaseWhen, theme: THEME, options?: OPTIONS): void;
+    protected initOnPress(): void;
     protected getType(): string;
-    onClick(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
-    onDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager): boolean;
+    protected onClick(e: interaction.InteractionEvent): void;
+    protected onDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager): boolean;
+    activate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected onActivate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected onInactivate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     toggle(): void;
@@ -81,7 +81,7 @@ export declare class DButtonBase<VALUE = unknown, THEME extends DThemeButtonBase
     protected onToggleEnd(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected onActivateKeyDown(e: KeyboardEvent): void;
     protected onActivateKeyUp(e: KeyboardEvent): void;
-    onKeyDown(e: KeyboardEvent): boolean;
-    onKeyUp(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyUp(e: KeyboardEvent): boolean;
     destroy(): void;
 }

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

@@ -1,14 +1,13 @@
 import { interaction } from "pixi.js";
 import { DButtonBase, DButtonBaseOptions, DThemeButtonBase } from "./d-button-base";
-import { DButtonBaseWhen } from "./d-button-base-when";
 import { DLink, DLinkOptions } from "./d-link";
 export interface DButtonLinkOptions<VALUE = unknown, THEME extends DThemeButtonLink<VALUE> = DThemeButtonLink<VALUE>> extends DButtonBaseOptions<VALUE, THEME>, DLinkOptions {
 }
 export interface DThemeButtonLink<VALUE = unknown> extends DThemeButtonBase<VALUE> {
 }
 export declare class DButtonLink<VALUE = unknown, THEME extends DThemeButtonLink<VALUE> = DThemeButtonLink<VALUE>, OPTIONS extends DButtonLinkOptions<VALUE, THEME> = DButtonLinkOptions<VALUE, THEME>> extends DButtonBase<VALUE, THEME, OPTIONS> {
-    protected _link: DLink;
-    protected initOnClick(when: DButtonBaseWhen, theme: THEME, options?: OPTIONS): void;
+    protected _link?: DLink;
+    protected onClick(e: interaction.InteractionEvent): void;
     get link(): DLink;
     protected onActivate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     open(inNewWindow: boolean): void;

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

@@ -60,8 +60,8 @@ export declare class DCanvasContainer<CANVAS extends DBase = DCanvas, CANVAS_OPT
     protected getOverflowMask(): DBaseOverflowMask;
     protected updateContentSize(newWidth: number, newHeight: number, oldWidth: number, oldHeight: number): void;
     get view(): DView;
-    onWheel(e: WheelEvent, deltas: UtilWheelEventDeltas, global: Point): boolean;
-    onDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager, skipView?: boolean): boolean;
+    protected onWheel(e: WheelEvent, deltas: UtilWheelEventDeltas, global: Point): boolean;
+    protected onDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager, skipView?: boolean): boolean;
     protected onDown(e: interaction.InteractionEvent, skipView?: boolean): void;
     destroy(): void;
 }

package/dist/types/wcardinal/ui/d-chart-plot-area-impl.d.ts

@@ -37,8 +37,8 @@ export declare class DChartPlotAreaImpl<CHART extends DBase = DBase, THEME exten
     get container(): DChartPlotAreaContainer;
     get axis(): DChartAxisContainer<CHART>;
     get view(): DView;
-    onWheel(e: WheelEvent, deltas: UtilWheelEventDeltas, global: Point): boolean;
-    onDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager): boolean;
+    protected onWheel(e: WheelEvent, deltas: UtilWheelEventDeltas, global: Point): boolean;
+    protected onDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager): boolean;
     protected onDown(e: interaction.InteractionEvent): void;
     render(renderer: Renderer): void;
     destroy(): void;

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

@@ -0,0 +1,8 @@
+import { DDiagramCanvasBaseShape, DDiagramCanvasBaseShapeCanvas } from "./d-diagram-canvas-base-shape";
+import { EShape } from "./shape/e-shape";
+export declare class DDiagramCanvasBaseShapeImpl implements DDiagramCanvasBaseShape {
+    protected _canvas: DDiagramCanvasBaseShapeCanvas;
+    constructor(canvas: DDiagramCanvasBaseShapeCanvas);
+    each(iteratee: (shape: EShape) => boolean | void, ignoreCapability?: boolean): this;
+    protected each_(shapes: EShape[], iteratee: (shape: EShape) => boolean | void, ignoreCapability?: boolean): boolean | undefined;
+}

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

@@ -0,0 +1,13 @@
+import { EShape } from "./shape/e-shape";
+export interface DDiagramCanvasBaseShapeLayer {
+    children: EShape[];
+}
+export interface DDiagramCanvasBaseShapeLayerContainer {
+    children: DDiagramCanvasBaseShapeLayer[];
+}
+export interface DDiagramCanvasBaseShapeCanvas {
+    layer: DDiagramCanvasBaseShapeLayerContainer;
+}
+export interface DDiagramCanvasBaseShape {
+    each(iteratee: (shape: EShape) => boolean, ignoreCapability?: boolean): this;
+}

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

@@ -0,0 +1,3 @@
+import { DDiagramCanvasBaseShapeImpl } from "./d-diagram-canvas-base-shape-impl";
+export declare class DDiagramCanvasEditorShapeImpl extends DDiagramCanvasBaseShapeImpl {
+}

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

@@ -0,0 +1,3 @@
+import { DDiagramCanvasBaseShape } from "./d-diagram-canvas-base-shape";
+export interface DDiagramCanvasEditorShape extends DDiagramCanvasBaseShape {
+}

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

@@ -1,4 +1,5 @@
 import { DDiagramCanvasBase, DDiagramCanvasBaseOptions, DThemeDiagramCanvasBase } from "./d-diagram-canvas-base";
+import { DDiagramCanvasEditorShape } from "./d-diagram-canvas-editor-shape";
 import { DDiagramCanvasEditorSnap, DDiagramCanvasEditorSnapOptions, DThemeDiagramCanvasEditorSnap } from "./d-diagram-canvas-editor-snap";
 import { DDiagramSerialized } from "./d-diagram-serialized";
 export interface DDiagramCanvasEditorOptions<THEME extends DThemeDiagramCanvasEditor = DThemeDiagramCanvasEditor> extends DDiagramCanvasBaseOptions<THEME> {
@@ -10,10 +11,13 @@ export interface DDiagramCanvasEditorThumbnail {
     serialize(): string | undefined;
 }
 export declare class DDiagramCanvasEditor<THEME extends DThemeDiagramCanvasEditor = DThemeDiagramCanvasEditor, OPTIONS extends DDiagramCanvasEditorOptions<THEME> = DDiagramCanvasEditorOptions<THEME>> extends DDiagramCanvasBase<THEME, OPTIONS> {
+    protected _shape?: DDiagramCanvasEditorShape;
     protected _snap: DDiagramCanvasEditorSnap | null;
     constructor(options: OPTIONS);
     protected toSnap(theme: THEME, options?: DDiagramCanvasEditorSnapOptions): DDiagramCanvasEditorSnap | null;
     get snap(): DDiagramCanvasEditorSnap | null;
+    get shape(): DDiagramCanvasEditorShape;
+    protected newShape(): DDiagramCanvasEditorShape;
     serialize(id?: number, thumbnail?: DDiagramCanvasEditorThumbnail): DDiagramSerialized;
     onReflow(): void;
     protected getType(): string;

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

@@ -1,8 +1,9 @@
-import { DDiagramCanvasShape } from "./d-diagram-canvas-shape";
+import { DDiagramCanvasBaseShapeCanvas } from "./d-diagram-canvas-base-shape";
+import { DDiagramCanvasBaseShapeImpl } from "./d-diagram-canvas-base-shape-impl";
 import { EShape } from "./shape/e-shape";
-export declare class DDiagramCanvasShapeImpl implements DDiagramCanvasShape {
+export declare class DDiagramCanvasShapeImpl extends DDiagramCanvasBaseShapeImpl {
     protected _data: Map<string, EShape[]>;
-    constructor();
+    constructor(canvas: DDiagramCanvasBaseShapeCanvas);
     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

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

package/dist/types/wcardinal/ui/d-dialog-color-gradient.d.ts

@@ -17,6 +17,6 @@ export declare class DDialogColorGradient<THEME extends DThemeDialogColorGradien
     get recent(): DPickerColorGradientRecent;
     get picker(): DPickerColorGradient;
     protected getResolvedValue(): DColorGradient | PromiseLike<DColorGradient>;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-dialog-layered-footer.d.ts

@@ -27,9 +27,9 @@ export declare class DDialogLayeredFooter<THEME extends DThemeDialogLayeredFoote
     protected _buttonOk?: DButton<string> | null;
     protected _buttonCancel?: DButton<string> | null;
     constructor(parent: DDialogLayeredFooterParent, options?: OPTIONS);
-    protected get buttonCancel(): DButton<string> | null;
+    get buttonCancel(): DButton<string> | null;
     protected newButtonCancel(): DButton<string> | null;
-    protected get buttonOk(): DButton<string> | null;
+    get buttonOk(): DButton<string> | null;
     protected newButtonOk(): DButton<string> | null;
     protected newButtonSpace(): DLayoutSpace;
     protected getType(): string;

package/dist/types/wcardinal/ui/d-dialog.d.ts

@@ -122,7 +122,7 @@ export declare class DDialog<VALUE = void, THEME extends DThemeDialog = DThemeDi
     protected doResolve(value: VALUE | PromiseLike<VALUE>): void;
     protected doReject(reason?: any): void;
     protected onClose(): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected onCloseOn(): void;
     protected containsGlobalPoint(point: Point): boolean;
     protected getType(): string;

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

@@ -52,7 +52,7 @@ export declare class DDropdownBase<VALUE = unknown, TEXT_VALUE = string, THEME e
     set menu(newMenu: DMenu<VALUE>);
     protected onMenuReplaced(newMenu: DMenu<VALUE>, oldMenu?: DMenu<VALUE>): void;
     protected getType(): string;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected onKeyDownArrowDown(e: KeyboardEvent): boolean;
     protected onActivate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     start(): void;

package/dist/types/wcardinal/ui/d-expandable-header.d.ts

@@ -7,7 +7,7 @@ export interface DThemeExpandableHeader<VALUE = unknown> extends DThemeImage<VAL
 export declare class DExpandableHeader<VALUE = unknown, THEME extends DThemeExpandableHeader<VALUE> = DThemeExpandableHeader<VALUE>, OPTIONS extends DExpandableHeaderOptions<VALUE, THEME> = DExpandableHeaderOptions<VALUE, THEME>> extends DImage<VALUE, THEME, OPTIONS> {
     constructor(options?: OPTIONS);
     protected onSelect(e: KeyboardEvent | interaction.InteractionEvent): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected onKeyDownActivate(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

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

@@ -29,7 +29,7 @@ export declare class DHtmlElement<VALUE = unknown, ELEMENT extends HTMLElement =
     select(): this;
     protected onActivateKeyDown(e: KeyboardEvent): void;
     protected onActivateKeyUp(e: KeyboardEvent): void;
-    onKeyDown(e: KeyboardEvent): boolean;
-    onKeyUp(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyUp(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-link.d.ts

@@ -73,6 +73,5 @@ export declare class DLink {
      * @param e An event object.
      */
     inNewWindow(e?: InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): boolean;
-    add(base: DBase, onSelect: (e: InteractionEvent) => void): void;
-    onClick(base: DBase, isSimulated: boolean): boolean;
+    onClick(base: DBase, e: InteractionEvent): boolean;
 }

package/dist/types/wcardinal/ui/d-list-item.d.ts

@@ -24,6 +24,16 @@ export interface DListItemEvents<VALUE, EMITTER> extends DImageBaseEvents<VALUE,
      * @param emitter an emitter
      */
     unset(emitter: EMITTER): void;
+    /**
+     * Triggered when selected.
+     * Please note that even when selected, {@link DList} selection state may not be changed.
+     *
+     *     on( "select", ( value, emitter ) => {} )
+     *
+     * @param value a value
+     * @param emitter an emitter
+     */
+    select(value: VALUE, emitter: EMITTER): void;
 }
 /**
  * {@link DListItem} "on" options.
@@ -42,9 +52,12 @@ export declare class DListItem<VALUE = unknown, THEME extends DThemeListItem = D
     protected _data: DListData<VALUE>;
     protected _value?: VALUE;
     protected _index?: number;
-    protected _link?: DLink;
+    protected _link?: DLink | null;
     constructor(data: DListData<VALUE>, options?: OPTIONS);
-    protected initOnClick(data: DListData<VALUE>, options?: OPTIONS): void;
+    protected get link(): DLink | null;
+    protected newLink(): DLink | null;
+    protected onClick(e: interaction.InteractionEvent): void;
+    activate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected toLinkOptions(accessor: DListItemAccessorLink<VALUE>): DLinkOptions;
     protected toLinkUrl(toUrl: DListItemToLinkUrl<VALUE>): DLinkUrlMaker;
     protected toLinkChecker(checker?: DListItemLinkChecker<VALUE>): DLinkChecker | undefined;
@@ -53,7 +66,7 @@ export declare class DListItem<VALUE = unknown, THEME extends DThemeListItem = D
     protected onSelect(e: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent | undefined, value: VALUE): void;
     set(value: VALUE, index: number, forcibly?: boolean): void;
     unset(): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected onKeyDownActivate(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-list.d.ts

@@ -32,6 +32,6 @@ export declare class DList<VALUE = unknown, DATA extends DListData<VALUE> = DLis
      * @param forcibly true to update forcibly
      */
     update(forcibly?: boolean): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-menu-bar-item.d.ts

@@ -17,7 +17,7 @@ export declare class DMenuBarItem<VALUE = unknown, THEME extends DThemeMenuBarIt
     close(): void;
     get menu(): DMenu<VALUE>;
     protected onMenuSelect(value: VALUE, item: DMenuItem<VALUE>, menu: DMenu<VALUE>): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected onKeyDownArrowDown(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-menu-bar.d.ts

@@ -15,6 +15,6 @@ export interface DThemeMenuBar extends DThemeLayoutHorizontal {
 export declare class DMenuBar<VALUE = unknown, THEME extends DThemeMenuBar = DThemeMenuBar, OPTIONS extends DMenuBarOptions<VALUE, THEME> = DMenuBarOptions<VALUE, THEME>> extends DLayoutHorizontal<THEME, OPTIONS> {
     protected init(options?: OPTIONS): void;
     protected toItem(item: DMenuBarItemOptions<VALUE> | DMenuBarItemSpaceOptions | DisplayObject | null): DisplayObject | null;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-menu-item-base.d.ts

@@ -10,15 +10,16 @@ export declare class DMenuItemBase<VALUE = unknown, THEME extends DThemeMenuItem
     protected _value: VALUE | null;
     constructor(options?: OPTIONS);
     protected init(options?: OPTIONS): void;
-    protected initOnClick(options?: OPTIONS): void;
+    protected onClick(e: interaction.InteractionEvent): void;
+    activate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     get value(): VALUE | null;
     set value(value: VALUE | null);
     protected hasSelection(target: any): target is {
         selection: DMenuItemBaseSelection;
     };
     protected getSelection(): DMenuItemBaseSelection | null;
-    protected onSelect(e: KeyboardEvent | interaction.InteractionEvent): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onSelect(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected onKeyDownActivate(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-menu-item-check.d.ts

@@ -8,5 +8,5 @@ export interface DThemeMenuItemCheck extends DThemeMenuItemText {
 export declare class DMenuItemCheck<VALUE = unknown, THEME extends DThemeMenuItemCheck = DThemeMenuItemCheck, OPTIONS extends DMenuItemCheckOptions<VALUE, THEME> = DMenuItemCheckOptions<VALUE, THEME>> extends DMenuItemText<VALUE, THEME, OPTIONS> {
     protected init(options?: OPTIONS): void;
     protected getType(): string;
-    protected onSelect(e: KeyboardEvent | interaction.InteractionEvent): void;
+    protected onSelect(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
 }

package/dist/types/wcardinal/ui/d-menu-item-expandable.d.ts

@@ -27,6 +27,6 @@ export declare class DMenuItemExpandable<VALUE = unknown, THEME extends DThemeMe
     protected onActivated(): void;
     protected onDeactivated(): void;
     protected onStateChange(newState: DBaseStateSet, oldState: DBaseStateSet): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-menu-item-link.d.ts

@@ -15,15 +15,15 @@ export interface DMenuItemLinkOptions<VALUE = unknown, THEME extends DThemeMenuI
 export interface DThemeMenuItemLink extends DThemeMenuItemText {
 }
 export declare class DMenuItemLink<VALUE = unknown, THEME extends DThemeMenuItemLink = DThemeMenuItemLink, OPTIONS extends DMenuItemLinkOptions<VALUE, THEME> = DMenuItemLinkOptions<VALUE, THEME>> extends DMenuItemText<VALUE, THEME, OPTIONS> {
-    protected _link: DLink;
+    protected _link?: DLink;
     protected toLinkOptions(options?: OPTIONS): DLinkOptions | undefined;
     protected toUrl(url?: string | DMenuItemLinkUrlMaker): string | DLinkUrlMaker | undefined;
     protected toChecker(checker?: DMenuItemLinkChecker): DLinkChecker | undefined;
     protected init(options?: OPTIONS): void;
     get link(): DLink;
-    protected initOnClick(options?: OPTIONS): void;
+    protected onClick(e: interaction.InteractionEvent): void;
     protected getType(): string;
-    protected onSelect(e: KeyboardEvent | interaction.InteractionEvent): void;
+    protected onSelect(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     open(inNewWindow: boolean): void;
     protected onShortcut(e: KeyboardEvent): void;
 }

package/dist/types/wcardinal/ui/d-menu-item-menu.d.ts

@@ -18,8 +18,8 @@ export declare class DMenuItemMenu<VALUE = unknown, THEME extends DThemeMenuItem
     protected onOpen(menu: DMenu<VALUE>): void;
     close(): void;
     toggle(): void;
-    protected onSelect(e: KeyboardEvent | interaction.InteractionEvent): void;
+    protected onSelect(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected onMenuSelect(value: VALUE, item: DMenuItem<VALUE>, menu: DMenu<VALUE>): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected onKeyDownArrowRight(e: KeyboardEvent): boolean;
 }

package/dist/types/wcardinal/ui/d-menu-item-text.d.ts

@@ -19,6 +19,6 @@ export declare class DMenuItemText<VALUE = unknown, THEME extends DThemeMenuItem
     protected updateTextColor(text: DDynamicText): void;
     protected updateText(): void;
     protected getType(): string;
-    protected onSelect(e: KeyboardEvent | interaction.InteractionEvent): void;
+    protected onSelect(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected onShortcut(e: KeyboardEvent): void;
 }

package/dist/types/wcardinal/ui/d-menu-sided.d.ts

@@ -25,6 +25,6 @@ export declare class DMenuSided<VALUE = unknown, THEME extends DThemeMenuSided =
     getCloseable(): Closeable | null;
     open(): void;
     close(): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-menu.d.ts

@@ -35,6 +35,6 @@ export declare class DMenu<VALUE, THEME extends DThemeMenu = DThemeMenu, OPTIONS
     open(owner: DBase<any, any>, closeable?: Closeable | null, context?: DMenuContext | null): this;
     protected onPrerender(): void;
     close(): this;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected containsGlobalPoint(point: Point): boolean;
 }

package/dist/types/wcardinal/ui/d-pane.d.ts

@@ -59,7 +59,7 @@ export declare class DPane<THEME extends DThemePane = DThemePane, CONTENT_OPTION
     protected newContent(options?: CONTENT_OPTIONS): DBase;
     protected initContent(content: DBase): void;
     protected getOverflowMask(): DBaseOverflowMask;
-    onWheel(e: WheelEvent, deltas: UtilWheelEventDeltas, global: Point): boolean;
+    protected onWheel(e: WheelEvent, deltas: UtilWheelEventDeltas, global: Point): boolean;
     protected getWheelContentX(content: DBase, delta: number): number;
     protected getWheelContentY(content: DBase, delta: number): number;
     protected toContentX(content: DBase, x: number): number;

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

@@ -11,13 +11,13 @@ export interface DThemeTableBodyCellButton<VALUE = unknown> extends DThemeTableB
 export declare class DTableBodyCellButton<ROW, VALUE = unknown, THEME extends DThemeTableBodyCellButton<VALUE> = DThemeTableBodyCellButton<VALUE>, OPTIONS extends DTableBodyCellButtonOptions<ROW, VALUE, THEME> = DTableBodyCellButtonOptions<ROW, VALUE, THEME>> extends DTableBodyCellText<ROW, VALUE | null, THEME, OPTIONS> {
     protected _when: DButtonBaseWhen;
     constructor(columnIndex: number, column: DTableColumn<ROW, VALUE | null>, onChange: DTableBodyCellOnChange<ROW, VALUE | null>, options?: OPTIONS);
-    protected initOnClick(when: DButtonBaseWhen, theme: THEME, options?: OPTIONS): void;
-    onClick(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
+    protected onClick(e: interaction.InteractionEvent): void;
     onDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager): boolean;
+    activate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected onActivate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected onActivateKeyDown(e: KeyboardEvent): void;
     protected onActivateKeyUp(e: KeyboardEvent): void;
-    onKeyDown(e: KeyboardEvent): boolean;
-    onKeyUp(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyUp(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

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

@@ -1,5 +1,4 @@
 import { interaction } from "pixi.js";
-import { DButtonBaseWhen } from "./d-button-base-when";
 import { DLink, DLinkChecker, DLinkOptions, DLinkUrlMaker } from "./d-link";
 import { DLinkMenuItemId } from "./d-link-menu-item-id";
 import { DLinkTarget } from "./d-link-target";
@@ -26,7 +25,7 @@ export declare const toChecker: <ROW, VALUE>(cell: DTableBodyCell<ROW, VALUE | n
 export declare class DTableBodyCellLink<ROW, VALUE = unknown, THEME extends DThemeTableBodyCellLink<VALUE> = DThemeTableBodyCellLink<VALUE>, OPTIONS extends DTableBodyCellLinkOptions<ROW, VALUE, THEME> = DTableBodyCellLinkOptions<ROW, VALUE, THEME>> extends DTableBodyCellButton<ROW, VALUE, THEME, OPTIONS> {
     protected _link?: DLink;
     constructor(columnIndex: number, column: DTableColumn<ROW, VALUE | null>, onChange: DTableBodyCellOnChange<ROW, VALUE | null>, options: OPTIONS);
-    protected initOnClick(when: DButtonBaseWhen, theme: THEME, options?: OPTIONS): void;
+    protected onClick(e: interaction.InteractionEvent): void;
     get link(): DLink;
     protected getType(): string;
     protected onActivate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;

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

@@ -1,6 +1,5 @@
 import { interaction, Point } from "pixi.js";
 import { DBasePaddingAdjustable } from "./d-base-padding-adjustable";
-import { DButtonBaseWhen } from "./d-button-base-when";
 import { DLink } from "./d-link";
 import { DTableBodyCellButton, DTableBodyCellButtonOptions, DThemeTableBodyCellButton } from "./d-table-body-cell-button";
 import { DTableBodyCellLinkLinkOptions } from "./d-table-body-cell-link";
@@ -16,7 +15,7 @@ export declare class DTableBodyCellTree<ROW, VALUE = unknown, THEME extends DThe
     protected _padding: DBasePaddingAdjustable;
     protected _link?: DLink | null;
     constructor(columnIndex: number, column: DTableColumn<ROW, VALUE | null>, onChange: DTableBodyCellOnChange<ROW, VALUE | null>, options?: OPTIONS);
-    protected initOnClick(when: DButtonBaseWhen, theme: THEME, options: OPTIONS): void;
+    protected onClick(e: interaction.InteractionEvent): void;
     get link(): DLink | null;
     protected newLink(): DLink | null;
     protected onActivate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;

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

@@ -56,6 +56,7 @@ export declare class DTableBody<ROW, DATA extends DTableData<ROW> = DTableDataLi
     protected toCell(row: DTableBodyRow<ROW>, local: Point): DTableBodyCell<ROW, unknown> | null;
     onRowClick(e: InteractionEvent): void;
     protected onRowSelect(e: InteractionEvent, rowIndexMapped: number): void;
+    onDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager): boolean;
     protected getType(): string;
     get data(): DATA;
 }

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

@@ -35,7 +35,8 @@ export declare class DTableHeaderCell<ROW, THEME extends DThemeTableHeaderCell =
     protected onSorterChange(): void;
     protected toClickPosition(e: InteractionEvent): number;
     protected isCheckClicked(e: InteractionEvent): boolean;
-    onClick(e: InteractionEvent): void;
+    protected onClick(e: InteractionEvent): void;
+    activate(e?: InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected onActivate(e?: InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected doSort(e?: InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     get isSortable(): boolean;
@@ -45,8 +46,8 @@ export declare class DTableHeaderCell<ROW, THEME extends DThemeTableHeaderCell =
     protected onToggleEnd(): void;
     protected onActivateKeyDown(e: KeyboardEvent): void;
     protected onActivateKeyUp(e: KeyboardEvent): void;
-    onKeyDown(e: KeyboardEvent): boolean;
-    onKeyUp(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyUp(e: KeyboardEvent): boolean;
     protected getType(): string;
     destroy(): void;
 }

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

@@ -43,7 +43,7 @@ export declare class DTable<ROW, DATA extends DTableData<ROW> = DTableDataList<R
     protected toCategoryColumns(index: number, columns: Array<DTableColumn<ROW, unknown>>, frozen: number): DTableCategoryColumn[];
     protected toCategoryOptions(index: number, options: DTableCategoryOptions | undefined, columns: Array<DTableColumn<ROW, unknown>>, frozen: number, offset: number): DTableCategoryOptions;
     protected newCategories(options: OPTIONS | undefined, columns: Array<DTableColumn<ROW, unknown>>, frozen: number): DTableCategory[];
-    onDblClick(e: MouseEvent | TouchEvent, interactionManager: InteractionManager): boolean;
+    protected onDblClick(e: MouseEvent | TouchEvent, interactionManager: InteractionManager): boolean;
     protected newScrollBar(options?: DPaneScrollBarOptions): DTableScrollBar;
     protected toContentWidth(options?: OPTIONS): DCoordinateSize;
     get headerOffset(): number;
@@ -60,7 +60,7 @@ export declare class DTable<ROW, DATA extends DTableData<ROW> = DTableDataList<R
     get data(): DATA;
     protected getFocusedChildClippingRect(focused: DBase, contentX: number, contentY: number, contentWidth: number, contentHeight: number, width: number, height: number, result: Rectangle): Rectangle;
     protected toFrozenCellX(cell: DBase): number;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected onKeyDownArrowUpOrDown(e: KeyboardEvent, isDown: boolean): boolean;
     protected toCell(focused: DFocusable): DBase | null;
     protected getType(): string;

package/dist/types/wcardinal/ui/d-tree-item-button.d.ts

@@ -11,13 +11,13 @@ export interface DThemeTreeItemButton extends DThemeTreeItemText {
 export declare class DTreeItemButton<NODE extends DTreeNode = DTreeNode, THEME extends DThemeTreeItemButton = DThemeTreeItemButton, OPTIONS extends DTreeItemButtonOptions<NODE, THEME> = DTreeItemButtonOptions<NODE, THEME>> extends DTreeItemText<NODE, THEME, OPTIONS> {
     protected _when: DButtonBaseWhen;
     constructor(data: DTreeData<NODE>, options?: OPTIONS);
-    protected initOnClick(when: DButtonBaseWhen, theme: THEME, options?: OPTIONS): void;
-    onClick(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
-    onDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager): boolean;
+    protected onClick(e: interaction.InteractionEvent): void;
+    protected onDblClick(e: MouseEvent | TouchEvent, interactionManager: interaction.InteractionManager): boolean;
+    activate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected onActivate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void;
     protected onActivateKeyDown(e: KeyboardEvent): void;
     protected onActivateKeyUp(e: KeyboardEvent): void;
-    onKeyDown(e: KeyboardEvent): boolean;
-    onKeyUp(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyUp(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-tree-item-text.d.ts

@@ -54,7 +54,7 @@ export declare class DTreeItemText<NODE extends DTreeNode = DTreeNode, THEME ext
     set(node: NODE, index: number, forcibly?: boolean): void;
     unset(): void;
     protected onSelect(e: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent | undefined, value: NODE): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected onKeyDownActivate(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

package/dist/types/wcardinal/ui/d-tree.d.ts

@@ -59,6 +59,6 @@ export declare class DTree<NODE extends DTreeNode = DTreeNode, DATA extends DTre
     addBefore(target: NODE, sibling: NODE): boolean;
     addAfter(target: NODE, sibling: NODE): boolean;
     each(iteratee: DTreeNodeIteratee<NODE>): void;
-    onKeyDown(e: KeyboardEvent): boolean;
+    protected onKeyDown(e: KeyboardEvent): boolean;
     protected getType(): string;
 }

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

@@ -188,9 +188,13 @@ export * from "./d-corner";
 export * from "./d-diagram-base-controller";
 export * from "./d-diagram-base";
 export * from "./d-diagram-canvas-base";
+export * from "./d-diagram-canvas-base-shape-impl";
+export * from "./d-diagram-canvas-base-shape";
 export * from "./d-diagram-canvas-data-impl";
 export * from "./d-diagram-canvas-data";
 export * from "./d-diagram-canvas-editor-background";
+export * from "./d-diagram-canvas-editor-shape-impl";
+export * from "./d-diagram-canvas-editor-shape";
 export * from "./d-diagram-canvas-editor-snap";
 export * from "./d-diagram-canvas-editor";
 export * from "./d-diagram-canvas-mapping-impl";