@sit-onyx/headless 1.0.0-beta.23 → 1.0.0-beta.24

package/dist/index.js

@@ -21,317 +21,8 @@ const wasKeyPressed = (event, key) => {
     event
   );
 };
-const isPrintableCharacter = (key) => !NAMED_KEYS_SET.has(key);
-const NAMED_KEYS = [
-  "Unidentified",
-  "Alt",
-  "AltGraph",
-  "CapsLock",
-  "Control",
-  "Fn",
-  "FnLock",
-  "Meta",
-  "NumLock",
-  "ScrollLock",
-  "Shift",
-  "Symbol",
-  "SymbolLock",
-  "Hyper",
-  "Super",
-  "Enter",
-  "Tab",
-  "ArrowDown",
-  "ArrowLeft",
-  "ArrowRight",
-  "ArrowUp",
-  "End",
-  "Home",
-  "PageDown",
-  "PageUp",
-  "Backspace",
-  "Clear",
-  "Copy",
-  "CrSel",
-  "Cut",
-  "Delete",
-  "EraseEof",
-  "ExSel",
-  "Insert",
-  "Paste",
-  "Redo",
-  "Undo",
-  "Accept",
-  "Again",
-  "Attn",
-  "Cancel",
-  "ContextMenu",
-  "Escape",
-  "Execute",
-  "Find",
-  "Help",
-  "Pause",
-  "Play",
-  "Props",
-  "Select",
-  "ZoomIn",
-  "ZoomOut",
-  "BrightnessDown",
-  "BrightnessUp",
-  "Eject",
-  "LogOff",
-  "Power",
-  "PowerOff",
-  "PrintScreen",
-  "Hibernate",
-  "Standby",
-  "WakeUp",
-  "AllCandidates",
-  "Alphanumeric",
-  "CodeInput",
-  "Compose",
-  "Convert",
-  "Dead",
-  "FinalMode",
-  "GroupFirst",
-  "GroupLast",
-  "GroupNext",
-  "GroupPrevious",
-  "ModeChange",
-  "NextCandidate",
-  "NonConvert",
-  "PreviousCandidate",
-  "Process",
-  "SingleCandidate",
-  "HangulMode",
-  "HanjaMode",
-  "JunjaMode",
-  "Eisu",
-  "Hankaku",
-  "Hiragana",
-  "HiraganaKatakana",
-  "KanaMode",
-  "KanjiMode",
-  "Katakana",
-  "Romaji",
-  "Zenkaku",
-  "ZenkakuHankaku",
-  "F1",
-  "F2",
-  "F3",
-  "F4",
-  "F5",
-  "F6",
-  "F7",
-  "F8",
-  "F9",
-  "F10",
-  "F11",
-  "F12",
-  "Soft1",
-  "Soft2",
-  "Soft3",
-  "Soft4",
-  "ChannelDown",
-  "ChannelUp",
-  "Close",
-  "MailForward",
-  "MailReply",
-  "MailSend",
-  "MediaClose",
-  "MediaFastForward",
-  "MediaPause",
-  "MediaPlay",
-  "MediaPlayPause",
-  "MediaRecord",
-  "MediaRewind",
-  "MediaStop",
-  "MediaTrackNext",
-  "MediaTrackPrevious",
-  "New",
-  "Open",
-  "Print",
-  "Save",
-  "SpellCheck",
-  "Key11",
-  "Key12",
-  "AudioBalanceLeft",
-  "AudioBalanceRight",
-  "AudioBassBoostDown",
-  "AudioBassBoostToggle",
-  "AudioBassBoostUp",
-  "AudioFaderFront",
-  "AudioFaderRear",
-  "AudioSurroundModeNext",
-  "AudioTrebleDown",
-  "AudioTrebleUp",
-  "AudioVolumeDown",
-  "AudioVolumeUp",
-  "AudioVolumeMute",
-  "MicrophoneToggle",
-  "MicrophoneVolumeDown",
-  "MicrophoneVolumeUp",
-  "MicrophoneVolumeMute",
-  "SpeechCorrectionList",
-  "SpeechInputToggle",
-  "LaunchApplication1",
-  "LaunchApplication2",
-  "LaunchCalendar",
-  "LaunchContacts",
-  "LaunchMail",
-  "LaunchMediaPlayer",
-  "LaunchMusicPlayer",
-  "LaunchPhone",
-  "LaunchScreenSaver",
-  "LaunchSpreadsheet",
-  "LaunchWebBrowser",
-  "LaunchWebCam",
-  "LaunchWordProcessor",
-  "BrowserBack",
-  "BrowserFavorites",
-  "BrowserForward",
-  "BrowserHome",
-  "BrowserRefresh",
-  "BrowserSearch",
-  "BrowserStop",
-  "AppSwitch",
-  "Call",
-  "Camera",
-  "CameraFocus",
-  "EndCall",
-  "GoBack",
-  "GoHome",
-  "HeadsetHook",
-  "LastNumberRedial",
-  "Notification",
-  "MannerMode",
-  "VoiceDial",
-  "TV",
-  "TV3DMode",
-  "TVAntennaCable",
-  "TVAudioDescription",
-  "TVAudioDescriptionMixDown",
-  "TVAudioDescriptionMixUp",
-  "TVContentsMenu",
-  "TVDataService",
-  "TVInput",
-  "TVInputComponent1",
-  "TVInputComponent2",
-  "TVInputComposite1",
-  "TVInputComposite2",
-  "TVInputHDMI1",
-  "TVInputHDMI2",
-  "TVInputHDMI3",
-  "TVInputHDMI4",
-  "TVInputVGA1",
-  "TVMediaContext",
-  "TVNetwork",
-  "TVNumberEntry",
-  "TVPower",
-  "TVRadioService",
-  "TVSatellite",
-  "TVSatelliteBS",
-  "TVSatelliteCS",
-  "TVSatelliteToggle",
-  "TVTerrestrialAnalog",
-  "TVTerrestrialDigital",
-  "TVTimer",
-  "AVRInput",
-  "AVRPower",
-  "ColorF0Red",
-  "ColorF1Green",
-  "ColorF2Yellow",
-  "ColorF3Blue",
-  "ColorF4Grey",
-  "ColorF5Brown",
-  "ClosedCaptionToggle",
-  "Dimmer",
-  "DisplaySwap",
-  "DVR",
-  "Exit",
-  "FavoriteClear0",
-  "FavoriteClear1",
-  "FavoriteClear2",
-  "FavoriteClear3",
-  "FavoriteRecall0",
-  "FavoriteRecall1",
-  "FavoriteRecall2",
-  "FavoriteRecall3",
-  "FavoriteStore0",
-  "FavoriteStore1",
-  "FavoriteStore2",
-  "FavoriteStore3",
-  "Guide",
-  "GuideNextDay",
-  "GuidePreviousDay",
-  "Info",
-  "InstantReplay",
-  "Link",
-  "ListProgram",
-  "LiveContent",
-  "Lock",
-  "MediaApps",
-  "MediaAudioTrack",
-  "MediaLast",
-  "MediaSkipBackward",
-  "MediaSkipForward",
-  "MediaStepBackward",
-  "MediaStepForward",
-  "MediaTopMenu",
-  "NavigateIn",
-  "NavigateNext",
-  "NavigateOut",
-  "NavigatePrevious",
-  "NextFavoriteChannel",
-  "NextUserProfile",
-  "OnDemand",
-  "Pairing",
-  "PinPDown",
-  "PinPMove",
-  "PinPToggle",
-  "PinPUp",
-  "PlaySpeedDown",
-  "PlaySpeedReset",
-  "PlaySpeedUp",
-  "RandomToggle",
-  "RcLowBattery",
-  "RecordSpeedNext",
-  "RfBypass",
-  "ScanChannelsToggle",
-  "ScreenModeNext",
-  "Settings",
-  "SplitScreenToggle",
-  "STBInput",
-  "STBPower",
-  "Subtitle",
-  "Teletext",
-  "VideoModeNext",
-  "Wink",
-  "ZoomToggle",
-  "AudioVolumeDown",
-  "AudioVolumeUp",
-  "AudioVolumeMute",
-  "BrowserBack",
-  "BrowserForward",
-  "ChannelDown",
-  "ChannelUp",
-  "ContextMenu",
-  "Eject",
-  "End",
-  "Enter",
-  "Home",
-  "MediaFastForward",
-  "MediaPlay",
-  "MediaPlayPause",
-  "MediaRecord",
-  "MediaRewind",
-  "MediaStop",
-  "MediaNextTrack",
-  "MediaPause",
-  "MediaPreviousTrack",
-  "Power",
-  "Unidentified"
-];
-const NAMED_KEYS_SET = new Set(NAMED_KEYS);
+const GRAPHEME_SEGMENTER = new Intl.Segmenter("en-US");
+const isPrintableCharacter = (key) => [...GRAPHEME_SEGMENTER.segment(key)].length === 1;
 const GLOBAL_LISTENERS = reactive(/* @__PURE__ */ new Map());
 const updateRemainingListeners = (type, remaining) => {
   if (remaining?.size) {

package/dist/utils/keyboard.d.ts

@@ -11,16 +11,7 @@ export declare const wasKeyPressed: (event: KeyboardEvent, key: PressedKey) => b
  * Check if the `key` property of a KeyboardEvent is a printable character.
  *
  * There is no standardized or specified algorithm to check for [named keys](https://www.w3.org/TR/uievents-key/#named-key-attribute-values) vs printable characters.
- * For this check we use the provided list provided by the standard, which might be incomplete.
+ * For this check we assume that any `key` value that is a single Grapheme is a printable characters.
+ * This way we can ensure that combining characters and emojis are correctly recognized without need to keep a list of all named key.
  */
 export declare const isPrintableCharacter: (key: string) => boolean;
-/**
- * Based on https://www.w3.org/TR/uievents-key/#named-key-attribute-values
- *
- * Extracted using
- * ```js
- * copy(JSON.stringify([...document.querySelectorAll(".key-table-key")].map(e => e.innerText.replaceAll("\"", ""))));
- * ```
- */
-export declare const NAMED_KEYS: readonly ["Unidentified", "Alt", "AltGraph", "CapsLock", "Control", "Fn", "FnLock", "Meta", "NumLock", "ScrollLock", "Shift", "Symbol", "SymbolLock", "Hyper", "Super", "Enter", "Tab", "ArrowDown", "ArrowLeft", "ArrowRight", "ArrowUp", "End", "Home", "PageDown", "PageUp", "Backspace", "Clear", "Copy", "CrSel", "Cut", "Delete", "EraseEof", "ExSel", "Insert", "Paste", "Redo", "Undo", "Accept", "Again", "Attn", "Cancel", "ContextMenu", "Escape", "Execute", "Find", "Help", "Pause", "Play", "Props", "Select", "ZoomIn", "ZoomOut", "BrightnessDown", "BrightnessUp", "Eject", "LogOff", "Power", "PowerOff", "PrintScreen", "Hibernate", "Standby", "WakeUp", "AllCandidates", "Alphanumeric", "CodeInput", "Compose", "Convert", "Dead", "FinalMode", "GroupFirst", "GroupLast", "GroupNext", "GroupPrevious", "ModeChange", "NextCandidate", "NonConvert", "PreviousCandidate", "Process", "SingleCandidate", "HangulMode", "HanjaMode", "JunjaMode", "Eisu", "Hankaku", "Hiragana", "HiraganaKatakana", "KanaMode", "KanjiMode", "Katakana", "Romaji", "Zenkaku", "ZenkakuHankaku", "F1", "F2", "F3", "F4", "F5", "F6", "F7", "F8", "F9", "F10", "F11", "F12", "Soft1", "Soft2", "Soft3", "Soft4", "ChannelDown", "ChannelUp", "Close", "MailForward", "MailReply", "MailSend", "MediaClose", "MediaFastForward", "MediaPause", "MediaPlay", "MediaPlayPause", "MediaRecord", "MediaRewind", "MediaStop", "MediaTrackNext", "MediaTrackPrevious", "New", "Open", "Print", "Save", "SpellCheck", "Key11", "Key12", "AudioBalanceLeft", "AudioBalanceRight", "AudioBassBoostDown", "AudioBassBoostToggle", "AudioBassBoostUp", "AudioFaderFront", "AudioFaderRear", "AudioSurroundModeNext", "AudioTrebleDown", "AudioTrebleUp", "AudioVolumeDown", "AudioVolumeUp", "AudioVolumeMute", "MicrophoneToggle", "MicrophoneVolumeDown", "MicrophoneVolumeUp", "MicrophoneVolumeMute", "SpeechCorrectionList", "SpeechInputToggle", "LaunchApplication1", "LaunchApplication2", "LaunchCalendar", "LaunchContacts", "LaunchMail", "LaunchMediaPlayer", "LaunchMusicPlayer", "LaunchPhone", "LaunchScreenSaver", "LaunchSpreadsheet", "LaunchWebBrowser", "LaunchWebCam", "LaunchWordProcessor", "BrowserBack", "BrowserFavorites", "BrowserForward", "BrowserHome", "BrowserRefresh", "BrowserSearch", "BrowserStop", "AppSwitch", "Call", "Camera", "CameraFocus", "EndCall", "GoBack", "GoHome", "HeadsetHook", "LastNumberRedial", "Notification", "MannerMode", "VoiceDial", "TV", "TV3DMode", "TVAntennaCable", "TVAudioDescription", "TVAudioDescriptionMixDown", "TVAudioDescriptionMixUp", "TVContentsMenu", "TVDataService", "TVInput", "TVInputComponent1", "TVInputComponent2", "TVInputComposite1", "TVInputComposite2", "TVInputHDMI1", "TVInputHDMI2", "TVInputHDMI3", "TVInputHDMI4", "TVInputVGA1", "TVMediaContext", "TVNetwork", "TVNumberEntry", "TVPower", "TVRadioService", "TVSatellite", "TVSatelliteBS", "TVSatelliteCS", "TVSatelliteToggle", "TVTerrestrialAnalog", "TVTerrestrialDigital", "TVTimer", "AVRInput", "AVRPower", "ColorF0Red", "ColorF1Green", "ColorF2Yellow", "ColorF3Blue", "ColorF4Grey", "ColorF5Brown", "ClosedCaptionToggle", "Dimmer", "DisplaySwap", "DVR", "Exit", "FavoriteClear0", "FavoriteClear1", "FavoriteClear2", "FavoriteClear3", "FavoriteRecall0", "FavoriteRecall1", "FavoriteRecall2", "FavoriteRecall3", "FavoriteStore0", "FavoriteStore1", "FavoriteStore2", "FavoriteStore3", "Guide", "GuideNextDay", "GuidePreviousDay", "Info", "InstantReplay", "Link", "ListProgram", "LiveContent", "Lock", "MediaApps", "MediaAudioTrack", "MediaLast", "MediaSkipBackward", "MediaSkipForward", "MediaStepBackward", "MediaStepForward", "MediaTopMenu", "NavigateIn", "NavigateNext", "NavigateOut", "NavigatePrevious", "NextFavoriteChannel", "NextUserProfile", "OnDemand", "Pairing", "PinPDown", "PinPMove", "PinPToggle", "PinPUp", "PlaySpeedDown", "PlaySpeedReset", "PlaySpeedUp", "RandomToggle", "RcLowBattery", "RecordSpeedNext", "RfBypass", "ScanChannelsToggle", "ScreenModeNext", "Settings", "SplitScreenToggle", "STBInput", "STBPower", "Subtitle", "Teletext", "VideoModeNext", "Wink", "ZoomToggle", "AudioVolumeDown", "AudioVolumeUp", "AudioVolumeMute", "BrowserBack", "BrowserForward", "ChannelDown", "ChannelUp", "ContextMenu", "Eject", "End", "Enter", "Home", "MediaFastForward", "MediaPlay", "MediaPlayPause", "MediaRecord", "MediaRewind", "MediaStop", "MediaNextTrack", "MediaPause", "MediaPreviousTrack", "Power", "Unidentified"];
-export declare const NAMED_KEYS_SET: Set<string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/headless",
   "description": "Headless composables for Vue",
-  "version": "1.0.0-beta.23",
+  "version": "1.0.0-beta.24",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",