@wcardinal/wcardinal-ui 0.300.0 → 0.301.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types/wcardinal/ui/d-button-base.d.ts +16 -0
- package/dist/wcardinal/ui/d-button-base.js +26 -7
- package/dist/wcardinal/ui/d-button-base.js.map +1 -1
- package/dist/wcardinal-ui-theme-dark.js +1 -1
- package/dist/wcardinal-ui-theme-dark.min.js +1 -1
- package/dist/wcardinal-ui-theme-white.js +1 -1
- package/dist/wcardinal-ui-theme-white.min.js +1 -1
- package/dist/wcardinal-ui.cjs.js +27 -8
- package/dist/wcardinal-ui.js +27 -8
- package/dist/wcardinal-ui.min.js +2 -2
- package/dist/wcardinal-ui.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ import { DButtonBaseWhen } from "./d-button-base-when";
|
|
|
3
3
|
import { DButtonGroup } from "./d-button-group";
|
|
4
4
|
import { DImageBase, DImageBaseEvents, DImageBaseOptions, DThemeImageBase } from "./d-image-base";
|
|
5
5
|
import { DOnOptions } from "./d-on-options";
|
|
6
|
+
import { DBaseStateSet } from "./d-base-state-set";
|
|
6
7
|
/**
|
|
7
8
|
* {@link DButtonBase} events.
|
|
8
9
|
*/
|
|
@@ -19,6 +20,18 @@ export interface DButtonBaseEvents<VALUE, EMITTER> extends DImageBaseEvents<VALU
|
|
|
19
20
|
* @param emitter an emitter
|
|
20
21
|
*/
|
|
21
22
|
inactive(emitter: EMITTER): void;
|
|
23
|
+
/**
|
|
24
|
+
* Triggered when the button is pressed.
|
|
25
|
+
*
|
|
26
|
+
* @param emitter an emitter
|
|
27
|
+
*/
|
|
28
|
+
press(emitter: EMITTER): void;
|
|
29
|
+
/**
|
|
30
|
+
* Triggered when the button is released.
|
|
31
|
+
*
|
|
32
|
+
* @param emitter an emitter
|
|
33
|
+
*/
|
|
34
|
+
unpress(emitter: EMITTER): void;
|
|
22
35
|
}
|
|
23
36
|
/**
|
|
24
37
|
* {@link DButtonBase} "on" options.
|
|
@@ -86,5 +99,8 @@ export declare class DButtonBase<VALUE = unknown, THEME extends DThemeButtonBase
|
|
|
86
99
|
protected onActivateKeyUp(e: KeyboardEvent): void;
|
|
87
100
|
protected onKeyDown(e: KeyboardEvent): boolean;
|
|
88
101
|
protected onKeyUp(e: KeyboardEvent): boolean;
|
|
102
|
+
protected onStateChange(newState: DBaseStateSet, oldState: DBaseStateSet): void;
|
|
103
|
+
protected onPress(): void;
|
|
104
|
+
protected onUnpress(): void;
|
|
89
105
|
destroy(): void;
|
|
90
106
|
}
|
|
@@ -72,13 +72,15 @@ var DButtonBase = /** @class */ (function (_super) {
|
|
|
72
72
|
}
|
|
73
73
|
};
|
|
74
74
|
this.on(UtilPointerEvent.down, function () {
|
|
75
|
-
_this.state.
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
75
|
+
if (_this.state.isActionable) {
|
|
76
|
+
_this.state.isPressed = true;
|
|
77
|
+
var layer = DApplications.getLayer(_this);
|
|
78
|
+
if (layer) {
|
|
79
|
+
interactionManager = layer.renderer.plugins.interaction;
|
|
80
|
+
interactionManager.on(UtilPointerEvent.up, onUp);
|
|
81
|
+
interactionManager.on(UtilPointerEvent.upoutside, onUp);
|
|
82
|
+
interactionManager.on(UtilPointerEvent.cancel, onUp);
|
|
83
|
+
}
|
|
82
84
|
}
|
|
83
85
|
});
|
|
84
86
|
};
|
|
@@ -173,6 +175,23 @@ var DButtonBase = /** @class */ (function (_super) {
|
|
|
173
175
|
}
|
|
174
176
|
return _super.prototype.onKeyUp.call(this, e);
|
|
175
177
|
};
|
|
178
|
+
DButtonBase.prototype.onStateChange = function (newState, oldState) {
|
|
179
|
+
_super.prototype.onStateChange.call(this, newState, oldState);
|
|
180
|
+
if (newState.isPressed) {
|
|
181
|
+
if (!oldState.isPressed) {
|
|
182
|
+
this.onPress();
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
else if (oldState.isPressed) {
|
|
186
|
+
this.onUnpress();
|
|
187
|
+
}
|
|
188
|
+
};
|
|
189
|
+
DButtonBase.prototype.onPress = function () {
|
|
190
|
+
this.emit("press", this);
|
|
191
|
+
};
|
|
192
|
+
DButtonBase.prototype.onUnpress = function () {
|
|
193
|
+
this.emit("unpress", this);
|
|
194
|
+
};
|
|
176
195
|
DButtonBase.prototype.destroy = function () {
|
|
177
196
|
var _a, _b;
|
|
178
197
|
(_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.group) === null || _b === void 0 ? void 0 : _b.remove(this);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-button-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-button-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { interaction } from \"pixi.js\";\nimport { DApplications } from \"./d-applications\";\nimport { DButtonBaseWhen } from \"./d-button-base-when\";\nimport { DButtonGroup } from \"./d-button-group\";\nimport { DImageBase, DImageBaseEvents, DImageBaseOptions, DThemeImageBase } from \"./d-image-base\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { toEnum } from \"./util/to-enum\";\nimport { UtilKeyboardEvent } from \"./util/util-keyboard-event\";\nimport { UtilPointerEvent } from \"./util/util-pointer-event\";\n\n/**\n * {@link DButtonBase} events.\n */\nexport interface DButtonBaseEvents<VALUE, EMITTER> extends DImageBaseEvents<VALUE, EMITTER> {\n\t/**\n\t * Triggered when the button is activated.\n\t *\n\t * @param emitter an emitter\n\t */\n\tactive(emitter: EMITTER): void;\n\n\t/**\n\t * Triggered when the button is inactivated.\n\t *\n\t * @param emitter an emitter\n\t */\n\tinactive(emitter: EMITTER): void;\n}\n\n/**\n * {@link DButtonBase} \"on\" options.\n */\nexport interface DButtonBaseOnOptions<VALUE, EMITTER>\n\textends Partial<DButtonBaseEvents<VALUE, EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DButtonBase} options.\n */\nexport interface DButtonBaseOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeButtonBase<VALUE> = DThemeButtonBase<VALUE>,\n\tEMITTER = any\n> extends DImageBaseOptions<VALUE, THEME, EMITTER> {\n\t/**\n\t * True to turn a toggle mode on.\n\t */\n\ttoggle?: boolean;\n\n\t/**\n\t * A button group.\n\t */\n\tgroup?: DButtonGroup;\n\n\t/**\n\t * An option when to activate a button.\n\t */\n\twhen?: DButtonBaseWhen | keyof typeof DButtonBaseWhen;\n\n\t/**\n\t * Mappings of event names and handlers.\n\t */\n\ton?: DButtonBaseOnOptions<VALUE, EMITTER>;\n}\n\n/**\n * {@link DButtonBase} theme.\n */\nexport interface DThemeButtonBase<VALUE = unknown> extends DThemeImageBase<VALUE> {\n\t/**\n\t * Returns true to turn a toggle mode on.\n\t */\n\tisToggle(): boolean;\n\n\t/**\n\t * Returns when to activate a button.\n\t */\n\tgetWhen(): DButtonBaseWhen;\n}\n\n/**\n * A base class for button classes.\n * See {@link DButtonBaseEvents} for event details.\n */\nexport class DButtonBase<\n\tVALUE = unknown,\n\tTHEME extends DThemeButtonBase<VALUE> = DThemeButtonBase<VALUE>,\n\tOPTIONS extends DButtonBaseOptions<VALUE, THEME> = DButtonBaseOptions<VALUE, THEME>\n> extends DImageBase<VALUE, THEME, OPTIONS> {\n\tprotected _isToggle?: boolean;\n\tprotected _isGrouped?: boolean;\n\tprotected _when?: DButtonBaseWhen;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tsuper.init(options);\n\n\t\tconst theme = this.theme;\n\t\tthis._isToggle = options?.toggle ?? theme.isToggle();\n\t\tthis._when = toEnum(options?.when ?? theme.getWhen(), DButtonBaseWhen);\n\n\t\t// Event handlers\n\t\tthis.on(UtilPointerEvent.tap, (e: interaction.InteractionEvent): void => {\n\t\t\tthis.onClick(e);\n\t\t});\n\t\tthis.initOnPress();\n\n\t\t// Group\n\t\tconst group = options?.group;\n\t\tif (group) {\n\t\t\tgroup.add(this);\n\t\t}\n\t}\n\n\tprotected onShortcut(e: KeyboardEvent): void {\n\t\tif (this.state.isActionable) {\n\t\t\tthis.activate(e);\n\t\t}\n\t\tsuper.onShortcut(e);\n\t}\n\n\tget isToggle(): boolean {\n\t\treturn !!this._isToggle;\n\t}\n\n\tget isGrouped(): boolean {\n\t\treturn !!this._isGrouped;\n\t}\n\n\tset isGrouped(isGrouped: boolean) {\n\t\tthis._isGrouped = isGrouped;\n\t}\n\n\tprotected initOnPress(): void {\n\t\tlet interactionManager: interaction.InteractionManager | null = null;\n\n\t\tconst onUp = (): void => {\n\t\t\tthis.state.isPressed = false;\n\t\t\tif (interactionManager != null) {\n\t\t\t\tinteractionManager.off(UtilPointerEvent.up, onUp);\n\t\t\t\tinteractionManager.off(UtilPointerEvent.upoutside, onUp);\n\t\t\t\tinteractionManager.off(UtilPointerEvent.cancel, onUp);\n\t\t\t\tinteractionManager = null;\n\t\t\t}\n\t\t};\n\n\t\tthis.on(UtilPointerEvent.down, (): void => {\n\t\t\tthis.state.isPressed = true;\n\t\t\tconst layer = DApplications.getLayer(this);\n\t\t\tif (layer) {\n\t\t\t\tinteractionManager = layer.renderer.plugins.interaction;\n\t\t\t\tinteractionManager.on(UtilPointerEvent.up, onUp);\n\t\t\t\tinteractionManager.on(UtilPointerEvent.upoutside, onUp);\n\t\t\t\tinteractionManager.on(UtilPointerEvent.cancel, onUp);\n\t\t\t}\n\t\t});\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DButton\";\n\t}\n\n\tprotected onClick(e: interaction.InteractionEvent): void {\n\t\tif (this._when === DButtonBaseWhen.CLICKED && this.state.isActionable) {\n\t\t\tthis.activate(e);\n\t\t}\n\t}\n\n\tprotected onDblClick(\n\t\te: MouseEvent | TouchEvent,\n\t\tinteractionManager: interaction.InteractionManager\n\t): boolean {\n\t\tif (this._when === DButtonBaseWhen.DOUBLE_CLICKED && this.state.isActionable) {\n\t\t\tthis.activate(e);\n\t\t}\n\t\treturn super.onDblClick(e, interactionManager);\n\t}\n\n\tactivate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void {\n\t\tif (this._isToggle) {\n\t\t\tif (this._isGrouped) {\n\t\t\t\tif (!this.state.isActive) {\n\t\t\t\t\tthis.onToggleStart(e);\n\t\t\t\t\tthis.onToggleEnd(e);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.onToggleStart(e);\n\t\t\t\tthis.onToggleEnd(e);\n\t\t\t}\n\t\t} else {\n\t\t\tthis.onActivate(e);\n\t\t}\n\t}\n\n\tprotected onActivate(\n\t\te?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent\n\t): void {\n\t\tthis.emit(\"active\", this);\n\t}\n\n\tprotected onInactivate(\n\t\te?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent\n\t): void {\n\t\tthis.emit(\"inactive\", this);\n\t}\n\n\ttoggle(): void {\n\t\tif (this.state.isActionable) {\n\t\t\tif (this._isToggle) {\n\t\t\t\tthis.onToggleStart();\n\t\t\t\tthis.onToggleEnd();\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onToggleStart(\n\t\te?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent\n\t): void {\n\t\tthis.state.isActive = !this.state.isActive;\n\t}\n\n\tprotected onToggleEnd(\n\t\te?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent\n\t): void {\n\t\tif (this.state.isActive) {\n\t\t\tthis.onActivate(e);\n\t\t} else {\n\t\t\tthis.onInactivate(e);\n\t\t}\n\t}\n\n\tprotected onActivateKeyDown(e: KeyboardEvent): void {\n\t\tif (this.state.isActionable) {\n\t\t\tif (this._isToggle) {\n\t\t\t\tthis.onToggleStart(e);\n\t\t\t} else {\n\t\t\t\tthis.state.isPressed = true;\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onActivateKeyUp(e: KeyboardEvent): void {\n\t\tif (this.state.isActionable) {\n\t\t\tif (this._isToggle) {\n\t\t\t\tthis.onToggleEnd(e);\n\t\t\t} else {\n\t\t\t\tif (this.state.isPressed) {\n\t\t\t\t\tthis.onActivate(e);\n\t\t\t\t}\n\t\t\t\tthis.state.isPressed = false;\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onKeyDown(e: KeyboardEvent): boolean {\n\t\tif (UtilKeyboardEvent.isActivateKey(e)) {\n\t\t\tthis.onActivateKeyDown(e);\n\t\t}\n\n\t\treturn super.onKeyDown(e);\n\t}\n\n\tprotected onKeyUp(e: KeyboardEvent): boolean {\n\t\tif (UtilKeyboardEvent.isActivateKey(e)) {\n\t\t\tthis.onActivateKeyUp(e);\n\t\t}\n\n\t\treturn super.onKeyUp(e);\n\t}\n\n\tdestroy(): void {\n\t\tthis._options?.group?.remove(this);\n\t\tsuper.destroy();\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"d-button-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-button-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { interaction } from \"pixi.js\";\nimport { DApplications } from \"./d-applications\";\nimport { DButtonBaseWhen } from \"./d-button-base-when\";\nimport { DButtonGroup } from \"./d-button-group\";\nimport { DImageBase, DImageBaseEvents, DImageBaseOptions, DThemeImageBase } from \"./d-image-base\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { toEnum } from \"./util/to-enum\";\nimport { UtilKeyboardEvent } from \"./util/util-keyboard-event\";\nimport { UtilPointerEvent } from \"./util/util-pointer-event\";\nimport { DBaseStateSet } from \"./d-base-state-set\";\n\n/**\n * {@link DButtonBase} events.\n */\nexport interface DButtonBaseEvents<VALUE, EMITTER> extends DImageBaseEvents<VALUE, EMITTER> {\n\t/**\n\t * Triggered when the button is activated.\n\t *\n\t * @param emitter an emitter\n\t */\n\tactive(emitter: EMITTER): void;\n\n\t/**\n\t * Triggered when the button is inactivated.\n\t *\n\t * @param emitter an emitter\n\t */\n\tinactive(emitter: EMITTER): void;\n\n\t/**\n\t * Triggered when the button is pressed.\n\t *\n\t * @param emitter an emitter\n\t */\n\tpress(emitter: EMITTER): void;\n\n\t/**\n\t * Triggered when the button is released.\n\t *\n\t * @param emitter an emitter\n\t */\n\tunpress(emitter: EMITTER): void;\n}\n\n/**\n * {@link DButtonBase} \"on\" options.\n */\nexport interface DButtonBaseOnOptions<VALUE, EMITTER>\n\textends Partial<DButtonBaseEvents<VALUE, EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DButtonBase} options.\n */\nexport interface DButtonBaseOptions<\n\tVALUE = unknown,\n\tTHEME extends DThemeButtonBase<VALUE> = DThemeButtonBase<VALUE>,\n\tEMITTER = any\n> extends DImageBaseOptions<VALUE, THEME, EMITTER> {\n\t/**\n\t * True to turn a toggle mode on.\n\t */\n\ttoggle?: boolean;\n\n\t/**\n\t * A button group.\n\t */\n\tgroup?: DButtonGroup;\n\n\t/**\n\t * An option when to activate a button.\n\t */\n\twhen?: DButtonBaseWhen | keyof typeof DButtonBaseWhen;\n\n\t/**\n\t * Mappings of event names and handlers.\n\t */\n\ton?: DButtonBaseOnOptions<VALUE, EMITTER>;\n}\n\n/**\n * {@link DButtonBase} theme.\n */\nexport interface DThemeButtonBase<VALUE = unknown> extends DThemeImageBase<VALUE> {\n\t/**\n\t * Returns true to turn a toggle mode on.\n\t */\n\tisToggle(): boolean;\n\n\t/**\n\t * Returns when to activate a button.\n\t */\n\tgetWhen(): DButtonBaseWhen;\n}\n\n/**\n * A base class for button classes.\n * See {@link DButtonBaseEvents} for event details.\n */\nexport class DButtonBase<\n\tVALUE = unknown,\n\tTHEME extends DThemeButtonBase<VALUE> = DThemeButtonBase<VALUE>,\n\tOPTIONS extends DButtonBaseOptions<VALUE, THEME> = DButtonBaseOptions<VALUE, THEME>\n> extends DImageBase<VALUE, THEME, OPTIONS> {\n\tprotected _isToggle?: boolean;\n\tprotected _isGrouped?: boolean;\n\tprotected _when?: DButtonBaseWhen;\n\n\tprotected init(options?: OPTIONS): void {\n\t\tsuper.init(options);\n\n\t\tconst theme = this.theme;\n\t\tthis._isToggle = options?.toggle ?? theme.isToggle();\n\t\tthis._when = toEnum(options?.when ?? theme.getWhen(), DButtonBaseWhen);\n\n\t\t// Event handlers\n\t\tthis.on(UtilPointerEvent.tap, (e: interaction.InteractionEvent): void => {\n\t\t\tthis.onClick(e);\n\t\t});\n\t\tthis.initOnPress();\n\n\t\t// Group\n\t\tconst group = options?.group;\n\t\tif (group) {\n\t\t\tgroup.add(this);\n\t\t}\n\t}\n\n\tprotected onShortcut(e: KeyboardEvent): void {\n\t\tif (this.state.isActionable) {\n\t\t\tthis.activate(e);\n\t\t}\n\t\tsuper.onShortcut(e);\n\t}\n\n\tget isToggle(): boolean {\n\t\treturn !!this._isToggle;\n\t}\n\n\tget isGrouped(): boolean {\n\t\treturn !!this._isGrouped;\n\t}\n\n\tset isGrouped(isGrouped: boolean) {\n\t\tthis._isGrouped = isGrouped;\n\t}\n\n\tprotected initOnPress(): void {\n\t\tlet interactionManager: interaction.InteractionManager | null = null;\n\n\t\tconst onUp = (): void => {\n\t\t\tthis.state.isPressed = false;\n\t\t\tif (interactionManager != null) {\n\t\t\t\tinteractionManager.off(UtilPointerEvent.up, onUp);\n\t\t\t\tinteractionManager.off(UtilPointerEvent.upoutside, onUp);\n\t\t\t\tinteractionManager.off(UtilPointerEvent.cancel, onUp);\n\t\t\t\tinteractionManager = null;\n\t\t\t}\n\t\t};\n\n\t\tthis.on(UtilPointerEvent.down, (): void => {\n\t\t\tif (this.state.isActionable) {\n\t\t\t\tthis.state.isPressed = true;\n\t\t\t\tconst layer = DApplications.getLayer(this);\n\t\t\t\tif (layer) {\n\t\t\t\t\tinteractionManager = layer.renderer.plugins.interaction;\n\t\t\t\t\tinteractionManager.on(UtilPointerEvent.up, onUp);\n\t\t\t\t\tinteractionManager.on(UtilPointerEvent.upoutside, onUp);\n\t\t\t\t\tinteractionManager.on(UtilPointerEvent.cancel, onUp);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DButton\";\n\t}\n\n\tprotected onClick(e: interaction.InteractionEvent): void {\n\t\tif (this._when === DButtonBaseWhen.CLICKED && this.state.isActionable) {\n\t\t\tthis.activate(e);\n\t\t}\n\t}\n\n\tprotected onDblClick(\n\t\te: MouseEvent | TouchEvent,\n\t\tinteractionManager: interaction.InteractionManager\n\t): boolean {\n\t\tif (this._when === DButtonBaseWhen.DOUBLE_CLICKED && this.state.isActionable) {\n\t\t\tthis.activate(e);\n\t\t}\n\t\treturn super.onDblClick(e, interactionManager);\n\t}\n\n\tactivate(e?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent): void {\n\t\tif (this._isToggle) {\n\t\t\tif (this._isGrouped) {\n\t\t\t\tif (!this.state.isActive) {\n\t\t\t\t\tthis.onToggleStart(e);\n\t\t\t\t\tthis.onToggleEnd(e);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.onToggleStart(e);\n\t\t\t\tthis.onToggleEnd(e);\n\t\t\t}\n\t\t} else {\n\t\t\tthis.onActivate(e);\n\t\t}\n\t}\n\n\tprotected onActivate(\n\t\te?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent\n\t): void {\n\t\tthis.emit(\"active\", this);\n\t}\n\n\tprotected onInactivate(\n\t\te?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent\n\t): void {\n\t\tthis.emit(\"inactive\", this);\n\t}\n\n\ttoggle(): void {\n\t\tif (this.state.isActionable) {\n\t\t\tif (this._isToggle) {\n\t\t\t\tthis.onToggleStart();\n\t\t\t\tthis.onToggleEnd();\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onToggleStart(\n\t\te?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent\n\t): void {\n\t\tthis.state.isActive = !this.state.isActive;\n\t}\n\n\tprotected onToggleEnd(\n\t\te?: interaction.InteractionEvent | KeyboardEvent | MouseEvent | TouchEvent\n\t): void {\n\t\tif (this.state.isActive) {\n\t\t\tthis.onActivate(e);\n\t\t} else {\n\t\t\tthis.onInactivate(e);\n\t\t}\n\t}\n\n\tprotected onActivateKeyDown(e: KeyboardEvent): void {\n\t\tif (this.state.isActionable) {\n\t\t\tif (this._isToggle) {\n\t\t\t\tthis.onToggleStart(e);\n\t\t\t} else {\n\t\t\t\tthis.state.isPressed = true;\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onActivateKeyUp(e: KeyboardEvent): void {\n\t\tif (this.state.isActionable) {\n\t\t\tif (this._isToggle) {\n\t\t\t\tthis.onToggleEnd(e);\n\t\t\t} else {\n\t\t\t\tif (this.state.isPressed) {\n\t\t\t\t\tthis.onActivate(e);\n\t\t\t\t}\n\t\t\t\tthis.state.isPressed = false;\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected onKeyDown(e: KeyboardEvent): boolean {\n\t\tif (UtilKeyboardEvent.isActivateKey(e)) {\n\t\t\tthis.onActivateKeyDown(e);\n\t\t}\n\n\t\treturn super.onKeyDown(e);\n\t}\n\n\tprotected onKeyUp(e: KeyboardEvent): boolean {\n\t\tif (UtilKeyboardEvent.isActivateKey(e)) {\n\t\t\tthis.onActivateKeyUp(e);\n\t\t}\n\n\t\treturn super.onKeyUp(e);\n\t}\n\n\tprotected onStateChange(newState: DBaseStateSet, oldState: DBaseStateSet): void {\n\t\tsuper.onStateChange(newState, oldState);\n\n\t\tif (newState.isPressed) {\n\t\t\tif (!oldState.isPressed) {\n\t\t\t\tthis.onPress();\n\t\t\t}\n\t\t} else if (oldState.isPressed) {\n\t\t\tthis.onUnpress();\n\t\t}\n\t}\n\n\tprotected onPress(): void {\n\t\tthis.emit(\"press\", this);\n\t}\n\n\tprotected onUnpress(): void {\n\t\tthis.emit(\"unpress\", this);\n\t}\n\n\tdestroy(): void {\n\t\tthis._options?.group?.remove(this);\n\t\tsuper.destroy();\n\t}\n}\n"]}
|
package/dist/wcardinal-ui.cjs.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
Winter Cardinal UI v0.
|
|
2
|
+
Winter Cardinal UI v0.301.0
|
|
3
3
|
Copyright (C) 2019 Toshiba Corporation
|
|
4
4
|
SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
|
|
@@ -28859,13 +28859,15 @@ var DButtonBase = /** @class */ (function (_super) {
|
|
|
28859
28859
|
}
|
|
28860
28860
|
};
|
|
28861
28861
|
this.on(UtilPointerEvent.down, function () {
|
|
28862
|
-
_this.state.
|
|
28863
|
-
|
|
28864
|
-
|
|
28865
|
-
|
|
28866
|
-
|
|
28867
|
-
|
|
28868
|
-
|
|
28862
|
+
if (_this.state.isActionable) {
|
|
28863
|
+
_this.state.isPressed = true;
|
|
28864
|
+
var layer = DApplications.getLayer(_this);
|
|
28865
|
+
if (layer) {
|
|
28866
|
+
interactionManager = layer.renderer.plugins.interaction;
|
|
28867
|
+
interactionManager.on(UtilPointerEvent.up, onUp);
|
|
28868
|
+
interactionManager.on(UtilPointerEvent.upoutside, onUp);
|
|
28869
|
+
interactionManager.on(UtilPointerEvent.cancel, onUp);
|
|
28870
|
+
}
|
|
28869
28871
|
}
|
|
28870
28872
|
});
|
|
28871
28873
|
};
|
|
@@ -28960,6 +28962,23 @@ var DButtonBase = /** @class */ (function (_super) {
|
|
|
28960
28962
|
}
|
|
28961
28963
|
return _super.prototype.onKeyUp.call(this, e);
|
|
28962
28964
|
};
|
|
28965
|
+
DButtonBase.prototype.onStateChange = function (newState, oldState) {
|
|
28966
|
+
_super.prototype.onStateChange.call(this, newState, oldState);
|
|
28967
|
+
if (newState.isPressed) {
|
|
28968
|
+
if (!oldState.isPressed) {
|
|
28969
|
+
this.onPress();
|
|
28970
|
+
}
|
|
28971
|
+
}
|
|
28972
|
+
else if (oldState.isPressed) {
|
|
28973
|
+
this.onUnpress();
|
|
28974
|
+
}
|
|
28975
|
+
};
|
|
28976
|
+
DButtonBase.prototype.onPress = function () {
|
|
28977
|
+
this.emit("press", this);
|
|
28978
|
+
};
|
|
28979
|
+
DButtonBase.prototype.onUnpress = function () {
|
|
28980
|
+
this.emit("unpress", this);
|
|
28981
|
+
};
|
|
28963
28982
|
DButtonBase.prototype.destroy = function () {
|
|
28964
28983
|
var _a, _b;
|
|
28965
28984
|
(_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.group) === null || _b === void 0 ? void 0 : _b.remove(this);
|
package/dist/wcardinal-ui.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
Winter Cardinal UI v0.
|
|
2
|
+
Winter Cardinal UI v0.301.0
|
|
3
3
|
Copyright (C) 2019 Toshiba Corporation
|
|
4
4
|
SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
|
|
@@ -28856,13 +28856,15 @@
|
|
|
28856
28856
|
}
|
|
28857
28857
|
};
|
|
28858
28858
|
this.on(UtilPointerEvent.down, function () {
|
|
28859
|
-
_this.state.
|
|
28860
|
-
|
|
28861
|
-
|
|
28862
|
-
|
|
28863
|
-
|
|
28864
|
-
|
|
28865
|
-
|
|
28859
|
+
if (_this.state.isActionable) {
|
|
28860
|
+
_this.state.isPressed = true;
|
|
28861
|
+
var layer = DApplications.getLayer(_this);
|
|
28862
|
+
if (layer) {
|
|
28863
|
+
interactionManager = layer.renderer.plugins.interaction;
|
|
28864
|
+
interactionManager.on(UtilPointerEvent.up, onUp);
|
|
28865
|
+
interactionManager.on(UtilPointerEvent.upoutside, onUp);
|
|
28866
|
+
interactionManager.on(UtilPointerEvent.cancel, onUp);
|
|
28867
|
+
}
|
|
28866
28868
|
}
|
|
28867
28869
|
});
|
|
28868
28870
|
};
|
|
@@ -28957,6 +28959,23 @@
|
|
|
28957
28959
|
}
|
|
28958
28960
|
return _super.prototype.onKeyUp.call(this, e);
|
|
28959
28961
|
};
|
|
28962
|
+
DButtonBase.prototype.onStateChange = function (newState, oldState) {
|
|
28963
|
+
_super.prototype.onStateChange.call(this, newState, oldState);
|
|
28964
|
+
if (newState.isPressed) {
|
|
28965
|
+
if (!oldState.isPressed) {
|
|
28966
|
+
this.onPress();
|
|
28967
|
+
}
|
|
28968
|
+
}
|
|
28969
|
+
else if (oldState.isPressed) {
|
|
28970
|
+
this.onUnpress();
|
|
28971
|
+
}
|
|
28972
|
+
};
|
|
28973
|
+
DButtonBase.prototype.onPress = function () {
|
|
28974
|
+
this.emit("press", this);
|
|
28975
|
+
};
|
|
28976
|
+
DButtonBase.prototype.onUnpress = function () {
|
|
28977
|
+
this.emit("unpress", this);
|
|
28978
|
+
};
|
|
28960
28979
|
DButtonBase.prototype.destroy = function () {
|
|
28961
28980
|
var _a, _b;
|
|
28962
28981
|
(_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.group) === null || _b === void 0 ? void 0 : _b.remove(this);
|