@wcardinal/wcardinal-ui 0.142.0 → 0.143.0

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

@@ -1,10 +1,10 @@
 import { interaction } from "pixi.js";
 import { DButtonBase, DButtonBaseOptions, DThemeButtonBase } from "./d-button-base";
 import { DButtonBaseWhen } from "./d-button-base-when";
-import { DLink, DLinkOptions, DThemeLink } from "./d-link";
+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>, DThemeLink {
+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;

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

@@ -1,38 +1,48 @@
-import { interaction } from "pixi.js";
+import { DisplayObject, interaction, Texture } from "pixi.js";
 import InteractionEvent = interaction.InteractionEvent;
 import { DBase } from "./d-base";
 import { DLinkMenu } from "./d-link-menu";
 import { DLinkMenuItemId } from "./d-link-menu-item-id";
 import { DLinkTarget } from "./d-link-target";
 import { DMenu, DMenuOptions } from "./d-menu";
-export declare type DLinkUrlMaker = () => string | null | Promise<string | null>;
+import { DBaseStateSet } from "./d-base-state-set";
+export declare type DLinkUrlValue = string | null | undefined;
+export declare type DLinkUrlMaker = () => DLinkUrlValue | Promise<DLinkUrlValue>;
+export declare type DLinkTargetValue = DLinkTarget | null | undefined | keyof typeof DLinkTarget;
 export declare type DLinkChecker = () => boolean | Promise<boolean>;
 export interface DLinkOptions {
-    url?: string | null | DLinkUrlMaker;
-    target?: DLinkTarget | keyof typeof DLinkTarget;
+    url?: DLinkUrlValue | DLinkUrlMaker;
+    target?: DLinkTargetValue;
     checker?: DLinkChecker;
     menu?: DMenuOptions<DLinkMenuItemId> | DMenu<DLinkMenuItemId>;
 }
 export interface DThemeLink {
-    getLinkMenuOptions(): DMenuOptions<DLinkMenuItemId>;
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
+    getMenuOptions(): DMenuOptions<DLinkMenuItemId>;
 }
 export declare class DLink {
     protected static ANCHOR_ELEMENT?: HTMLAnchorElement;
-    protected _url: string | null | DLinkUrlMaker;
+    protected static MENU?: DLinkMenu;
+    protected _options?: DLinkOptions;
+    protected _url: DLinkUrlValue | DLinkUrlMaker;
     protected _target: DLinkTarget;
     protected _checker?: DLinkChecker;
-    protected _menu: DLinkMenu;
-    protected _theme: DThemeLink;
+    protected _menu?: DLinkMenu;
     protected _isEnabled: boolean;
-    constructor(theme: DThemeLink, options?: DLinkOptions);
+    constructor(options?: DLinkOptions);
     get enable(): boolean;
     set enable(enable: boolean);
-    get url(): string | null | DLinkUrlMaker;
-    set url(url: string | null | DLinkUrlMaker);
+    get url(): DLinkUrlValue | DLinkUrlMaker;
+    set url(url: DLinkUrlValue | DLinkUrlMaker);
     get target(): DLinkTarget;
+    set target(target: DLinkTargetValue);
+    get checker(): DLinkChecker | undefined;
+    set checker(checker: DLinkChecker | undefined);
     get menu(): DLinkMenu;
-    protected toStringifiedUrl(target: string | null | DLinkUrlMaker, onResolved: (url: string) => void): void;
+    protected newMenu(): DLinkMenu;
+    protected toStringifiedUrl(target: DLinkUrlValue | DLinkUrlMaker, onResolved: (url: string) => void): void;
     protected toNormalizedUrl(url: string): string;
+    protected toNormalizedTarget(target: DLinkTargetValue): DLinkTarget;
     /**
      * Copys the URL to the clipboard.
      */
@@ -64,4 +74,5 @@ export declare class DLink {
      */
     inNewWindow(e?: InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): boolean;
     add(base: DBase, onSelect: (e: InteractionEvent) => void): void;
+    onClick(base: DBase, isSimulated: boolean): boolean;
 }

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

@@ -76,14 +76,14 @@ export interface DListDataSelection<ITEM> extends utils.EventEmitter {
      */
     clear(): void;
     /**
-     * Clears all the exisint items and adds the given item.
+     * Clears all the existing items and adds the given item.
      *
      * @param target an item to be added
      * @returns true if the selection is changed
      */
     clearAndAdd(target: ITEM): boolean;
     /**
-     * Clears the exising items and add all the given items.
+     * Clears the existing items and add all the given items.
      *
      * @param targets items to be added
      * @returns true if the selection is changed

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

@@ -1,8 +1,10 @@
-import { DListItemAccessor, DListItemAccessorOptions, DListItemToId, DListItemToImage, DListItemToLabel, DListItemToTitle } from "./d-list-item-accessor";
+import { DListItemAccessor, DListItemAccessorLink, DListItemAccessorOptions, DListItemToId, DListItemToImage, DListItemToLabel, DListItemToTitle } from "./d-list-item-accessor";
 export declare class DListItemAccessorImpl<VALUE> implements DListItemAccessor<VALUE> {
     toLabel: DListItemToLabel<VALUE>;
     toTitle: DListItemToTitle<VALUE>;
     toImage: DListItemToImage<VALUE>;
     toId?: DListItemToId<VALUE>;
+    link?: DListItemAccessorLink<VALUE>;
     constructor(options?: DListItemAccessorOptions<VALUE>);
+    protected toLink(options?: DListItemAccessorOptions<VALUE>): DListItemAccessorLink<VALUE> | undefined;
 }

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

@@ -1,17 +1,32 @@
 import { DisplayObject, Texture } from "pixi.js";
-export declare type DListItemToLabel<VALUE> = (result: VALUE) => string | undefined;
-export declare type DListItemToTitle<VALUE> = (result: VALUE) => string | undefined;
-export declare type DListItemToImage<VALUE> = (result: VALUE) => DisplayObject | Texture | null | undefined;
-export declare type DListItemToId<VALUE> = (a: VALUE) => unknown;
+import { DLinkTargetValue, DLinkUrlValue } from "./d-link";
+export declare type DListItemToLabel<VALUE> = (value: VALUE) => string | undefined;
+export declare type DListItemToTitle<VALUE> = (value: VALUE) => string | undefined;
+export declare type DListItemToImage<VALUE> = (value: VALUE) => DisplayObject | Texture | null | undefined;
+export declare type DListItemToId<VALUE> = (value: VALUE) => unknown;
+export declare type DListItemToLinkUrl<VALUE> = (value: VALUE) => DLinkUrlValue | Promise<DLinkUrlValue>;
+export declare type DListItemLinkChecker<VALUE> = (value: VALUE) => boolean | Promise<boolean>;
+export interface DListItemAccessorLinkOptions<VALUE> {
+    toUrl?: DListItemToLinkUrl<VALUE>;
+    target?: DLinkTargetValue;
+    checker?: DListItemLinkChecker<VALUE>;
+}
+export interface DListItemAccessorLink<VALUE> {
+    toUrl: DListItemToLinkUrl<VALUE>;
+    target: DLinkTargetValue;
+    checker?: DListItemLinkChecker<VALUE>;
+}
 export interface DListItemAccessorOptions<VALUE> {
     toLabel?: DListItemToLabel<VALUE>;
     toTitle?: DListItemToTitle<VALUE>;
     toImage?: DListItemToImage<VALUE>;
     toId?: DListItemToId<VALUE>;
+    link?: DListItemAccessorLinkOptions<VALUE>;
 }
 export interface DListItemAccessor<VALUE> {
     toLabel: DListItemToLabel<VALUE>;
     toTitle: DListItemToTitle<VALUE>;
     toImage: DListItemToImage<VALUE>;
     toId?: DListItemToId<VALUE>;
+    link?: DListItemAccessorLink<VALUE>;
 }

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

@@ -1,6 +1,8 @@
 import { interaction } from "pixi.js";
 import { DImageBase, DImageBaseEvents, DImageBaseOptions, DThemeImageBase } from "./d-image-base";
+import { DLink, DLinkChecker, DLinkOptions, DLinkUrlMaker } from "./d-link";
 import { DListData } from "./d-list-data";
+import { DListItemAccessorLink, DListItemLinkChecker, DListItemToLinkUrl } from "./d-list-item-accessor";
 import { DOnOptions } from "./d-on-options";
 /**
  * {@link DListItem} events.
@@ -40,9 +42,12 @@ export declare class DListItem<VALUE = unknown, THEME extends DThemeListItem = D
     protected _data: DListData<VALUE>;
     protected _value?: VALUE;
     protected _index?: number;
+    protected _link?: DLink;
     constructor(data: DListData<VALUE>, options?: OPTIONS);
-    protected init(options?: OPTIONS): void;
-    protected initOnClick(options?: OPTIONS): void;
+    protected initOnClick(data: DListData<VALUE>, options?: OPTIONS): void;
+    protected toLinkOptions(accessor: DListItemAccessorLink<VALUE>): DLinkOptions;
+    protected toLinkUrl(toUrl: DListItemToLinkUrl<VALUE>): DLinkUrlMaker;
+    protected toLinkChecker(checker?: DListItemLinkChecker<VALUE>): DLinkChecker | undefined;
     get value(): VALUE | undefined;
     get index(): number | undefined;
     protected onSelect(e: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent | undefined, value: VALUE): void;

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

@@ -1,5 +1,5 @@
 import { interaction } from "pixi.js";
-import { DLink, DLinkChecker, DLinkOptions, DLinkUrlMaker, DThemeLink } from "./d-link";
+import { DLink, DLinkChecker, DLinkOptions, DLinkUrlMaker } from "./d-link";
 import { DLinkMenuItemId } from "./d-link-menu-item-id";
 import { DLinkTarget } from "./d-link-target";
 import { DMenu, DMenuOptions } from "./d-menu";
@@ -12,7 +12,7 @@ export interface DMenuItemLinkOptions<VALUE = unknown, THEME extends DThemeMenuI
     checker?: DMenuItemLinkChecker;
     menu?: DMenuOptions<DLinkMenuItemId> | DMenu<DLinkMenuItemId>;
 }
-export interface DThemeMenuItemLink extends DThemeMenuItemText, DThemeLink {
+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;

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

@@ -1,6 +1,6 @@
 import { interaction } from "pixi.js";
 import { DButtonBaseWhen } from "./d-button-base-when";
-import { DLink, DLinkChecker, DLinkOptions, DLinkUrlMaker, DThemeLink } from "./d-link";
+import { DLink, DLinkChecker, DLinkOptions, DLinkUrlMaker } from "./d-link";
 import { DLinkMenuItemId } from "./d-link-menu-item-id";
 import { DLinkTarget } from "./d-link-target";
 import { DMenu, DMenuOptions } from "./d-menu";
@@ -18,7 +18,7 @@ export interface DTableBodyCellLinkLinkOptions<ROW, VALUE> {
 export interface DTableBodyCellLinkOptions<ROW, VALUE = unknown, THEME extends DThemeTableBodyCellLink<VALUE> = DThemeTableBodyCellLink<VALUE>> extends DTableBodyCellButtonOptions<ROW, VALUE, THEME> {
     link?: DTableBodyCellLinkLinkOptions<ROW, VALUE>;
 }
-export interface DThemeTableBodyCellLink<VALUE = unknown> extends DThemeTableBodyCellButton<VALUE>, DThemeLink {
+export interface DThemeTableBodyCellLink<VALUE = unknown> extends DThemeTableBodyCellButton<VALUE> {
 }
 export declare const toLinkOptions: <ROW, VALUE>(cell: DTableBodyCell<ROW, VALUE | null>, options?: DTableBodyCellLinkLinkOptions<ROW, VALUE> | undefined) => DLinkOptions | undefined;
 export declare const toUrl: <ROW, VALUE>(cell: DTableBodyCell<ROW, VALUE | null>, url?: string | DTableBodyCellLinkUrlMaker<ROW, VALUE> | undefined) => string | DLinkUrlMaker | undefined;

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

@@ -1,7 +1,7 @@
 import { interaction, Point } from "pixi.js";
 import { DBasePaddingAdjustable } from "./d-base-padding-adjustable";
 import { DButtonBaseWhen } from "./d-button-base-when";
-import { DLink, DThemeLink } from "./d-link";
+import { DLink } from "./d-link";
 import { DTableBodyCellButton, DTableBodyCellButtonOptions, DThemeTableBodyCellButton } from "./d-table-body-cell-button";
 import { DTableBodyCellLinkLinkOptions } from "./d-table-body-cell-link";
 import { DTableColumn } from "./d-table-column";
@@ -9,7 +9,7 @@ import { DTableBodyCellOnChange } from "./d-table-body-cell";
 export interface DTableBodyCellTreeOptions<ROW, VALUE = unknown, THEME extends DThemeTableBodyCellTree<VALUE> = DThemeTableBodyCellTree<VALUE>> extends DTableBodyCellButtonOptions<ROW, VALUE, THEME> {
     link?: DTableBodyCellLinkLinkOptions<ROW, VALUE>;
 }
-export interface DThemeTableBodyCellTree<VALUE = unknown> extends DThemeTableBodyCellButton<VALUE>, DThemeLink {
+export interface DThemeTableBodyCellTree<VALUE = unknown> extends DThemeTableBodyCellButton<VALUE> {
     getLevelPadding(level: number): number;
 }
 export declare class DTableBodyCellTree<ROW, VALUE = unknown, THEME extends DThemeTableBodyCellTree<VALUE> = DThemeTableBodyCellTree<VALUE>, OPTIONS extends DTableBodyCellTreeOptions<ROW, VALUE, THEME> = DTableBodyCellTreeOptions<ROW, VALUE, THEME>> extends DTableBodyCellButton<ROW, VALUE, THEME, OPTIONS> {

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

@@ -1,7 +1,4 @@
 import { DThemeButtonLink } from "../../d-button-link";
-import { DLinkMenuItemId } from "../../d-link-menu-item-id";
-import { DMenuOptions } from "../../d-menu";
 import { DThemeDarkButtonAmbient } from "./d-theme-dark-button-ambient";
 export declare class DThemeDarkButtonLink<VALUE = unknown> extends DThemeDarkButtonAmbient<VALUE> implements DThemeButtonLink<VALUE> {
-    getLinkMenuOptions(): DMenuOptions<DLinkMenuItemId>;
 }

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

@@ -0,0 +1,12 @@
+import { DisplayObject, Texture } from "pixi.js";
+import { DThemeLink } from "../..";
+import { DBaseStateSet } from "../../d-base-state-set";
+import { DLinkMenuItemId } from "../../d-link-menu-item-id";
+import { DMenuOptions } from "../../d-menu";
+export declare class DThemeDarkLink implements DThemeLink {
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
+    getMenuOptions(): DMenuOptions<DLinkMenuItemId>;
+    protected getLabelOpenLink(): string;
+    protected getLabelOpenLinkInNewWindow(): string;
+    protected getLabelCopyLinkAddress(): string;
+}

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

@@ -2,14 +2,14 @@ import { DisplayObject, Texture } from "pixi.js";
 import { DAlignHorizontal } from "../../d-align-horizontal";
 import { DAlignWith } from "../../d-align-with";
 import { DBaseStateSet } from "../../d-base-state-set";
-import { DLinkMenuItemId } from "../../d-link-menu-item-id";
-import { DMenuOptions } from "../../d-menu";
+import { DThemeLink } from "../../d-link";
 import { DThemeMenuItemLink } from "../../d-menu-item-link";
 import { DThemeDarkMenuItemText } from "./d-theme-dark-menu-item-text";
 export declare class DThemeDarkMenuItemLink extends DThemeDarkMenuItemText implements DThemeMenuItemLink {
+    protected _link: DThemeLink;
+    constructor();
     getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
     getImageTintAlpha(state: DBaseStateSet): number;
     getImageAlignWith(): DAlignWith;
     getImageAlignHorizontal(): DAlignHorizontal;
-    getLinkMenuOptions(): DMenuOptions<DLinkMenuItemId>;
 }

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

@@ -1,11 +1,11 @@
 import { DisplayObject, Texture } from "pixi.js";
 import { DBaseStateSet } from "../../d-base-state-set";
-import { DLinkMenuItemId } from "../../d-link-menu-item-id";
-import { DMenuOptions } from "../../d-menu";
+import { DThemeLink } from "../../d-link";
 import { DThemeTableBodyCellLink } from "../../d-table-body-cell-link";
 import { DThemeDarkTableBodyCellButton } from "./d-theme-dark-table-body-cell-button";
 export declare class DThemeDarkTableBodyCellLink extends DThemeDarkTableBodyCellButton implements DThemeTableBodyCellLink {
+    protected _link: DThemeLink;
+    constructor();
     getImageTintColor(state: DBaseStateSet): number | null;
     getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
-    getLinkMenuOptions(): DMenuOptions<DLinkMenuItemId>;
 }

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

@@ -1,8 +1,6 @@
 import { DisplayObject, Texture } from "pixi.js";
 import { DAlignWith } from "../../d-align-with";
 import { DBaseStateSet } from "../../d-base-state-set";
-import { DLinkMenuItemId } from "../../d-link-menu-item-id";
-import { DMenuOptions } from "../../d-menu";
 import { DThemeTableBodyCellTree } from "../../d-table-body-cell-tree";
 import { DThemeDarkTableBodyCellButton } from "./d-theme-dark-table-body-cell-button";
 export declare class DThemeDarkTableBodyCellTree extends DThemeDarkTableBodyCellButton implements DThemeTableBodyCellTree {
@@ -12,5 +10,4 @@ export declare class DThemeDarkTableBodyCellTree extends DThemeDarkTableBodyCell
     getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
     getImageTintColor(state: DBaseStateSet): number | null;
     getImageTintAlpha(state: DBaseStateSet): number;
-    getLinkMenuOptions(): DMenuOptions<DLinkMenuItemId>;
 }

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

@@ -64,6 +64,8 @@ export * from "./d-theme-dark-dialog-select-list";
 export * from "./d-theme-dark-dialog-select-list-item";
 export * from "./d-theme-dark-dialog-time";
 export * from "./d-theme-dark-dropdown";
+export * from "./d-theme-dark-expandable";
+export * from "./d-theme-dark-expandable-header";
 export * from "./d-theme-dark-font";
 export * from "./d-theme-dark-html-element";
 export * from "./d-theme-dark-image";
@@ -85,8 +87,7 @@ export * from "./d-theme-dark-layout-horizontal";
 export * from "./d-theme-dark-layout-space";
 export * from "./d-theme-dark-layout-vertical";
 export * from "./d-theme-dark-layout";
-export * from "./d-theme-dark-expandable";
-export * from "./d-theme-dark-expandable-header";
+export * from "./d-theme-dark-link";
 export * from "./d-theme-dark-list-item-ambient";
 export * from "./d-theme-dark-list-item";
 export * from "./d-theme-dark-list-items";

package/dist/types/wcardinal/ui/theme/dark/load/index.d.ts

@@ -55,6 +55,7 @@ export * from "./load-theme-dark-input-search";
 export * from "./load-theme-dark-input-text-area";
 export * from "./load-theme-dark-input-text";
 export * from "./load-theme-dark-layout";
+export * from "./load-theme-dark-link";
 export * from "./load-theme-dark-list";
 export * from "./load-theme-dark-tree";
 export * from "./load-theme-dark-menu";

package/dist/types/wcardinal/ui/theme/dark/load/load-theme-dark-link.d.ts

@@ -0,0 +1 @@
+export declare const loadThemeDarkLink: () => void;

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

@@ -1,7 +1,4 @@
 import { DThemeButtonLink } from "../../d-button-link";
-import { DLinkMenuItemId } from "../../d-link-menu-item-id";
-import { DMenuOptions } from "../../d-menu";
 import { DThemeWhiteButtonAmbient } from "./d-theme-white-button-ambient";
 export declare class DThemeWhiteButtonLink<VALUE = unknown> extends DThemeWhiteButtonAmbient<VALUE> implements DThemeButtonLink<VALUE> {
-    getLinkMenuOptions(): DMenuOptions<DLinkMenuItemId>;
 }

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

@@ -0,0 +1,12 @@
+import { DisplayObject, Texture } from "pixi.js";
+import { DBaseStateSet } from "../../d-base-state-set";
+import { DThemeLink } from "../../d-link";
+import { DLinkMenuItemId } from "../../d-link-menu-item-id";
+import { DMenuOptions } from "../../d-menu";
+export declare class DThemeWhiteLink implements DThemeLink {
+    getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
+    getMenuOptions(): DMenuOptions<DLinkMenuItemId>;
+    protected getLabelOpenLink(): string;
+    protected getLabelOpenInNewWindow(): string;
+    protected getOpenCopyLinkAddress(): string;
+}

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

@@ -2,14 +2,14 @@ import { DisplayObject, Texture } from "pixi.js";
 import { DAlignHorizontal } from "../../d-align-horizontal";
 import { DAlignWith } from "../../d-align-with";
 import { DBaseStateSet } from "../../d-base-state-set";
-import { DLinkMenuItemId } from "../../d-link-menu-item-id";
-import { DMenuOptions } from "../../d-menu";
+import { DThemeLink } from "../../d-link";
 import { DThemeMenuItemLink } from "../../d-menu-item-link";
 import { DThemeWhiteMenuItemText } from "./d-theme-white-menu-item-text";
 export declare class DThemeWhiteMenuItemLink extends DThemeWhiteMenuItemText implements DThemeMenuItemLink {
+    protected _link: DThemeLink;
+    constructor();
     getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
     getImageTintAlpha(state: DBaseStateSet): number;
     getImageAlignWith(): DAlignWith;
     getImageAlignHorizontal(): DAlignHorizontal;
-    getLinkMenuOptions(): DMenuOptions<DLinkMenuItemId>;
 }

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

@@ -1,11 +1,11 @@
 import { DisplayObject, Texture } from "pixi.js";
 import { DBaseStateSet } from "../../d-base-state-set";
-import { DLinkMenuItemId } from "../../d-link-menu-item-id";
-import { DMenuOptions } from "../../d-menu";
+import { DThemeLink } from "../../d-link";
 import { DThemeTableBodyCellLink } from "../../d-table-body-cell-link";
 import { DThemeWhiteTableBodyCellButton } from "./d-theme-white-table-body-cell-button";
 export declare class DThemeWhiteTableBodyCellLink extends DThemeWhiteTableBodyCellButton implements DThemeTableBodyCellLink {
+    protected _link: DThemeLink;
+    constructor();
     getImageTintColor(state: DBaseStateSet): number | null;
     getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
-    getLinkMenuOptions(): DMenuOptions<DLinkMenuItemId>;
 }

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

@@ -1,8 +1,6 @@
 import { DisplayObject, Texture } from "pixi.js";
 import { DAlignWith } from "../../d-align-with";
 import { DBaseStateSet } from "../../d-base-state-set";
-import { DLinkMenuItemId } from "../../d-link-menu-item-id";
-import { DMenuOptions } from "../../d-menu";
 import { DThemeTableBodyCellTree } from "../../d-table-body-cell-tree";
 import { DThemeWhiteTableBodyCellButton } from "./d-theme-white-table-body-cell-button";
 export declare class DThemeWhiteTableBodyCellTree extends DThemeWhiteTableBodyCellButton implements DThemeTableBodyCellTree {
@@ -12,5 +10,4 @@ export declare class DThemeWhiteTableBodyCellTree extends DThemeWhiteTableBodyCe
     getImageSource(state: DBaseStateSet): Texture | DisplayObject | null;
     getImageTintColor(state: DBaseStateSet): number | null;
     getImageTintAlpha(state: DBaseStateSet): number;
-    getLinkMenuOptions(): DMenuOptions<DLinkMenuItemId>;
 }

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

@@ -87,6 +87,7 @@ export * from "./d-theme-white-layout-horizontal";
 export * from "./d-theme-white-layout-space";
 export * from "./d-theme-white-layout-vertical";
 export * from "./d-theme-white-layout";
+export * from "./d-theme-white-link";
 export * from "./d-theme-white-list-item-ambient";
 export * from "./d-theme-white-list-item";
 export * from "./d-theme-white-list-items";

package/dist/types/wcardinal/ui/theme/white/load/index.d.ts

@@ -53,6 +53,7 @@ export * from "./load-theme-white-input-search";
 export * from "./load-theme-white-input-text-area";
 export * from "./load-theme-white-input-text";
 export * from "./load-theme-white-layout";
+export * from "./load-theme-white-link";
 export * from "./load-theme-white-list";
 export * from "./load-theme-white-tree";
 export * from "./load-theme-white-menu-bar";

package/dist/types/wcardinal/ui/theme/white/load/load-theme-white-link.d.ts

@@ -0,0 +1 @@
+export declare const loadThemeWhiteLink: () => void;

package/dist/wcardinal/ui/d-button-link.js

@@ -13,7 +13,7 @@ var DButtonLink = /** @class */ (function (_super) {
     }
     DButtonLink.prototype.initOnClick = function (when, theme, options) {
         var _this = this;
-        var link = new DLink(theme, options);
+        var link = new DLink(options);
         this._link = link;
         link.add(this, function (e) {
             if (when === DButtonBaseWhen.CLICKED) {

package/dist/wcardinal/ui/d-button-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"d-button-link.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-button-link.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAGH,OAAO,EAAE,WAAW,EAAwC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,EAA4B,MAAM,UAAU,CAAC;AAU3D;IAIU,+BAAkC;IAJ5C;;IAmCA,CAAC;IA5BU,iCAAW,GAArB,UAAsB,IAAqB,EAAE,KAAY,EAAE,OAAiB;QAA5E,iBAQC;QAPA,IAAM,IAAI,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,UAAC,CAA+B;YAC9C,IAAI,IAAI,KAAK,eAAe,CAAC,OAAO,EAAE;gBACrC,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aAChB;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,sBAAI,6BAAI;aAAR;YACC,OAAO,IAAI,CAAC,KAAK,CAAC;QACnB,CAAC;;;OAAA;IAES,gCAAU,GAApB,UACC,CAA0E;QAE1E,iBAAM,UAAU,YAAC,CAAC,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC;IAED,0BAAI,GAAJ,UAAK,WAAoB;QACxB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAES,6BAAO,GAAjB;QACC,OAAO,aAAa,CAAC;IACtB,CAAC;IACF,kBAAC;AAAD,CAAC,AAnCD,CAIU,WAAW,GA+BpB","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { interaction } from \"pixi.js\";\nimport { DButtonBase, DButtonBaseOptions, DThemeButtonBase } from \"./d-button-base\";\nimport { DButtonBaseWhen } from \"./d-button-base-when\";\nimport { DLink, DLinkOptions, DThemeLink } from \"./d-link\";\n\nexport interface DButtonLinkOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeButtonLink<VALUE> = DThemeButtonLink<VALUE>\n> extends DButtonBaseOptions<VALUE, THEME>,\n\t\tDLinkOptions {}\n\nexport interface DThemeButtonLink<VALUE = unknown> extends DThemeButtonBase<VALUE>, DThemeLink {}\n\nexport class DButtonLink<\n\tVALUE = unknown,\n\tTHEME extends DThemeButtonLink<VALUE> = DThemeButtonLink<VALUE>,\n\tOPTIONS extends DButtonLinkOptions<VALUE, THEME> = DButtonLinkOptions<VALUE, THEME>\n> extends DButtonBase<VALUE, THEME, OPTIONS> {\n\tprotected _link!: DLink;\n\n\tprotected initOnClick(when: DButtonBaseWhen, theme: THEME, options?: OPTIONS): void {\n\t\tconst link = new DLink(theme, options);\n\t\tthis._link = link;\n\t\tlink.add(this, (e: interaction.InteractionEvent): void => {\n\t\t\tif (when === DButtonBaseWhen.CLICKED) {\n\t\t\t\tthis.onClick(e);\n\t\t\t}\n\t\t});\n\t}\n\n\tget link(): DLink {\n\t\treturn this._link;\n\t}\n\n\tprotected onActivate(\n\t\te?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent\n\t): void {\n\t\tsuper.onActivate(e);\n\t\tthis._link.open(e);\n\t}\n\n\topen(inNewWindow: boolean): void {\n\t\tthis._link.open(inNewWindow);\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DButtonLink\";\n\t}\n}\n"]}
+{"version":3,"file":"d-button-link.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-button-link.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAGH,OAAO,EAAE,WAAW,EAAwC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAgB,MAAM,UAAU,CAAC;AAU/C;IAIU,+BAAkC;IAJ5C;;IAmCA,CAAC;IA5BU,iCAAW,GAArB,UAAsB,IAAqB,EAAE,KAAY,EAAE,OAAiB;QAA5E,iBAQC;QAPA,IAAM,IAAI,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,UAAC,CAA+B;YAC9C,IAAI,IAAI,KAAK,eAAe,CAAC,OAAO,EAAE;gBACrC,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aAChB;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,sBAAI,6BAAI;aAAR;YACC,OAAO,IAAI,CAAC,KAAK,CAAC;QACnB,CAAC;;;OAAA;IAES,gCAAU,GAApB,UACC,CAA0E;QAE1E,iBAAM,UAAU,YAAC,CAAC,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC;IAED,0BAAI,GAAJ,UAAK,WAAoB;QACxB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAES,6BAAO,GAAjB;QACC,OAAO,aAAa,CAAC;IACtB,CAAC;IACF,kBAAC;AAAD,CAAC,AAnCD,CAIU,WAAW,GA+BpB","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { interaction } from \"pixi.js\";\nimport { DButtonBase, DButtonBaseOptions, DThemeButtonBase } from \"./d-button-base\";\nimport { DButtonBaseWhen } from \"./d-button-base-when\";\nimport { DLink, DLinkOptions } from \"./d-link\";\n\nexport interface DButtonLinkOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeButtonLink<VALUE> = DThemeButtonLink<VALUE>\n> extends DButtonBaseOptions<VALUE, THEME>,\n\t\tDLinkOptions {}\n\nexport interface DThemeButtonLink<VALUE = unknown> extends DThemeButtonBase<VALUE> {}\n\nexport class DButtonLink<\n\tVALUE = unknown,\n\tTHEME extends DThemeButtonLink<VALUE> = DThemeButtonLink<VALUE>,\n\tOPTIONS extends DButtonLinkOptions<VALUE, THEME> = DButtonLinkOptions<VALUE, THEME>\n> extends DButtonBase<VALUE, THEME, OPTIONS> {\n\tprotected _link!: DLink;\n\n\tprotected initOnClick(when: DButtonBaseWhen, theme: THEME, options?: OPTIONS): void {\n\t\tconst link = new DLink(options);\n\t\tthis._link = link;\n\t\tlink.add(this, (e: interaction.InteractionEvent): void => {\n\t\t\tif (when === DButtonBaseWhen.CLICKED) {\n\t\t\t\tthis.onClick(e);\n\t\t\t}\n\t\t});\n\t}\n\n\tget link(): DLink {\n\t\treturn this._link;\n\t}\n\n\tprotected onActivate(\n\t\te?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent\n\t): void {\n\t\tsuper.onActivate(e);\n\t\tthis._link.open(e);\n\t}\n\n\topen(inNewWindow: boolean): void {\n\t\tthis._link.open(inNewWindow);\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DButtonLink\";\n\t}\n}\n"]}

package/dist/wcardinal/ui/d-link.js

@@ -11,15 +11,14 @@ import { isString } from "./util/is-string";
 import { toEnum } from "./util/to-enum";
 import { UtilClipboard } from "./util/util-clipboard";
 import { UtilPointerEvent } from "./util/util-pointer-event";
+import { DThemes } from "./theme/d-themes";
 var DLink = /** @class */ (function () {
-    function DLink(theme, options) {
-        var _a, _b, _c;
-        this._url = (_a = options === null || options === void 0 ? void 0 : options.url) !== null && _a !== void 0 ? _a : null;
-        this._target = toEnum((_b = options === null || options === void 0 ? void 0 : options.target) !== null && _b !== void 0 ? _b : DLinkTarget.AUTO, DLinkTarget);
+    function DLink(options) {
+        this._options = options;
+        this._url = options === null || options === void 0 ? void 0 : options.url;
+        this._target = this.toNormalizedTarget(options === null || options === void 0 ? void 0 : options.target);
         this._checker = options === null || options === void 0 ? void 0 : options.checker;
-        this._theme = theme;
         this._isEnabled = true;
-        this._menu = new DLinkMenu(this, (_c = options === null || options === void 0 ? void 0 : options.menu) !== null && _c !== void 0 ? _c : theme.getLinkMenuOptions());
     }
     Object.defineProperty(DLink.prototype, "enable", {
         get: function () {
@@ -45,16 +44,49 @@ var DLink = /** @class */ (function () {
         get: function () {
             return this._target;
         },
+        set: function (target) {
+            this._target = this.toNormalizedTarget(target);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DLink.prototype, "checker", {
+        get: function () {
+            return this._checker;
+        },
+        set: function (checker) {
+            this._checker = checker;
+        },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(DLink.prototype, "menu", {
         get: function () {
-            return this._menu;
+            var result = this._menu;
+            if (result == null) {
+                result = this.newMenu();
+                this._menu = result;
+            }
+            return result;
         },
         enumerable: false,
         configurable: true
     });
+    DLink.prototype.newMenu = function () {
+        var options = this._options;
+        if (options) {
+            var menu = options.menu;
+            if (menu) {
+                return new DLinkMenu(this, menu);
+            }
+        }
+        var result = DLink.MENU;
+        if (result == null) {
+            result = new DLinkMenu(this, DThemes.getInstance().get("DLink").getMenuOptions());
+            DLink.MENU = result;
+        }
+        return result;
+    };
     DLink.prototype.toStringifiedUrl = function (target, onResolved) {
         var url = isFunction(target) ? target() : target;
         if (url != null) {
@@ -76,6 +108,9 @@ var DLink = /** @class */ (function () {
         a.href = url;
         return a.href;
     };
+    DLink.prototype.toNormalizedTarget = function (target) {
+        return toEnum(target !== null && target !== void 0 ? target : DLinkTarget.AUTO, DLinkTarget);
+    };
     /**
      * Copys the URL to the clipboard.
      */
@@ -164,28 +199,26 @@ var DLink = /** @class */ (function () {
     };
     DLink.prototype.add = function (base, onSelect) {
         var _this = this;
-        var onClick = function (e) {
-            if (_this._isEnabled && base.state.isActionable) {
+        UtilPointerEvent.onClick(base, function (e, isSimulated) {
+            if (!_this.onClick(base, isSimulated)) {
                 onSelect(e);
             }
-        };
-        if (this._target !== DLinkTarget.AUTO) {
-            UtilPointerEvent.onClick(base, onClick);
-        }
-        else {
-            UtilPointerEvent.onClick(base, function (e, isSimulated) {
-                if (isSimulated) {
-                    var menu = _this._menu;
-                    if (menu.enable) {
-                        if (_this._isEnabled && base.state.isActionable) {
-                            menu.open(base);
-                        }
-                        return;
-                    }
+        });
+    };
+    DLink.prototype.onClick = function (base, isSimulated) {
+        if (this._target === DLinkTarget.AUTO && isSimulated) {
+            var menu = this.menu;
+            if (menu.enable) {
+                if (this._isEnabled && base.state.isActionable) {
+                    menu.open(base);
                 }
-                onClick(e);
-            });
+                return true;
+            }
+        }
+        if (this._isEnabled && base.state.isActionable) {
+            return false;
         }
+        return true;
     };
     return DLink;
 }());