Fix XO

src/action.ts

@@ -24,8 +24,7 @@ export type Hotkey = {
 	 * @see https://github.com/jaywcjlove/hotkeys-js#option
 	 */
 	splitKey?: string;
-}
-
+};
 
 export type Action = {
 	/**
@@ -66,7 +65,7 @@ export type Action = {
 	/**
 	 * Handler of the action (optional)
 	 */
-	onAction?: (action: Action, isDialogOpen?: Boolean) => { keepOpen?: boolean };
+	onAction?: (action: Action, isDialogOpen?: boolean) => {keepOpen?: boolean};
 
 	/**
 	 * Tags of the action (optional)

src/cmd-action.ts

@@ -39,7 +39,7 @@ export class CmdAction extends LitElement {
 	 */
 	private get hotkeys() {
 		if (this.action?.hotkey) {
-			const hotkeys = (typeof this.action.hotkey === 'object' ? this.action.hotkey?.key as string : this.action.hotkey as string)
+			const hotkeys = (typeof this.action.hotkey === 'object' ? this.action.hotkey?.key || '' : this.action.hotkey)
 				.replace('cmd', '⌘')
 				.replace('shift', '⇧')
 				.replace('alt', '⌥')

src/cmd-dialog.ts

@@ -11,7 +11,6 @@ import {type CmdAction} from './cmd-action.js';
 import './cmd-action.js'; // eslint-disable-line import/no-unassigned-import
 import style from './style.css?inline'; // eslint-disable-line n/file-extension-in-import
 
-
 @customElement('cmd-dialog')
 export class CmdDialog extends LitElement {
 	static override styles = unsafeCSS(style);
@@ -37,22 +36,14 @@ export class CmdDialog extends LitElement {
 	@property({type: String}) hotkey = 'cmd+k,ctrl+k';
 
 	/**
-	 * Callback when dialog is closed
-	 */
-	@property({type: Function}) onClose = () => {
-	};
-
-	/**
-	 * Callback when dialog is opened
+	 * Callback when dialog is closed (optional)
 	 */
-	@property({type: Function}) onOpen = () => {
-	};
+	@property({type: Function}) onClose = Function;
 
 	/**
-	 * Hotkeys instance
-	 * @private
+	 * Callback when dialog is opened (optional)
 	 */
-	@state() private _hotkeys: Hotkeys = hotkeys.noConflict();
+	@property({type: Function}) onOpen = Function;
 
 	/**
 	 * Array of actions
@@ -64,6 +55,12 @@ export class CmdDialog extends LitElement {
 		},
 	}) actions = [] as Action[];
 
+	/**
+	 * Hotkeys instance
+	 * @private
+	 */
+	@state() private readonly _hotkeys: Hotkeys = hotkeys.noConflict();
+
 	/**
 	 * Search input value
 	 * @private
@@ -180,8 +177,7 @@ export class CmdDialog extends LitElement {
 		if (changedProperties.has('actions')) {
 			// Register action hotkeys
 			for (const action of this.actions.filter(item => Boolean(item.hotkey))) {
-
-				const {key, ...options} = typeof action.hotkey === 'object' ? action.hotkey : {key: action.hotkey as string, scope: 'all'};
+				const {key, ...options} = typeof action.hotkey === 'object' ? action.hotkey : {key: action.hotkey!, scope: 'all'};
 
 				hotkeys(
 					key,