@nextcloud/vue 8.26.1 → 8.28.0

package/dist/Composables/useHotKey.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHotKey.cjs","sources":["../../src/composables/useHotKey/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { onKeyStroke } from '@vueuse/core'\n\nconst disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.()\nconst isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent)\n\n/**\n * Check if event target (active element) is editable (allows input from keyboard) or NcModal is open\n * If true, a hot key should not trigger the callback\n * TODO discuss if we should abort on another interactive elements (button, a, e.t.c)\n *\n * @param {KeyboardEvent} event keyboard event\n * @return {boolean} whether it should prevent callback\n */\nfunction shouldIgnoreEvent(event) {\n\tif (event.target instanceof HTMLInputElement\n\t\t|| event.target instanceof HTMLTextAreaElement\n\t\t|| event.target instanceof HTMLSelectElement\n\t\t|| event.target?.isContentEditable) {\n\t\treturn true\n\t}\n\t/** Abort if any modal/dialog opened */\n\treturn document.getElementsByClassName('modal-mask').length !== 0\n}\n\nconst eventHandler = (callback, options) => (event) => {\n\tconst ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey\n\tif (ctrlKeyPressed !== Boolean(options.ctrl)) {\n\t\t/**\n\t\t * Ctrl is required and not pressed, or the opposite\n\t\t * As on macOS 'cmd' key is used instead of 'ctrl' key for most key combinations,\n\t\t * 'event.metaKey' should be checked\n\t\t */\n\t\treturn\n\t} else if (event.altKey !== Boolean(options.alt)) {\n\t\t// Alt is required and not pressed, or the opposite\n\t\treturn\n\t} else if (options.shift !== undefined && event.shiftKey !== Boolean(options.shift)) {\n\t\t/**\n\t\t * Shift is required and not pressed, or the opposite\n\t\t * As shift key is used to type capital letters and alternate characters,\n\t\t * option should be explicitly defined\n\t\t */\n\t\treturn\n\t} else if (shouldIgnoreEvent(event)) {\n\t\t// Keyboard shortcuts are disabled, because active element assumes input\n\t\treturn\n\t}\n\n\tif (options.prevent) {\n\t\tevent.preventDefault()\n\t}\n\tif (options.stop) {\n\t\tevent.stopPropagation()\n\t}\n\tcallback(event)\n}\n\n/**\n * @param {true|string|string[]|Function} keysOrFilter - keyboard key or keys to listen to, or filter function\n * @param {Function} callback - callback function\n * @param {object} options - composable options\n * @see docs/composables/usekeystroke.md\n */\nexport function useHotKey(keysOrFilter, callback = () => {}, options = {}) {\n\tif (disableKeyboardShortcuts) {\n\t\t// Keyboard shortcuts are disabled\n\t\treturn () => {}\n\t}\n\n\t/**\n\t * Validates event key to expected key\n\t * FIXME should support any languages / key codes\n\t *\n\t * @param {KeyboardEvent} event keyboard event\n\t * @param {string} key expected key\n\t * @return {boolean} whether it satisfies expected value or not\n\t */\n\tconst validateKeyEvent = (event, key) => {\n\t\tif (options.caseSensitive) {\n\t\t\treturn event.key === key\n\t\t}\n\t\treturn event.key.toLowerCase() === key.toLowerCase()\n\t}\n\n\t/**\n\t * Filter function for the listener\n\t * see https://github.com/vueuse/vueuse/blob/v11.3.0/packages/core/onKeyStroke/index.ts#L21-L32\n\t *\n\t * @param {KeyboardEvent} event keyboard event\n\t * @return {boolean} whether it satisfies expected value or not\n\t */\n\tconst keyFilter = (event) => {\n\t\tif (typeof keysOrFilter === 'function') {\n\t\t\treturn keysOrFilter(event)\n\t\t} else if (typeof keysOrFilter === 'string') {\n\t\t\treturn validateKeyEvent(event, keysOrFilter)\n\t\t} else if (Array.isArray(keysOrFilter)) {\n\t\t\treturn keysOrFilter.some(key => validateKeyEvent(event, key))\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}\n\n\tconst stopKeyDown = onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\teventName: 'keydown',\n\t\tdedupe: true,\n\t\tpassive: !options.prevent,\n\t})\n\n\tconst stopKeyUp = options.push\n\t\t? onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\t\teventName: 'keyup',\n\t\t\tpassive: !options.prevent,\n\t\t})\n\t\t: () => {}\n\n\treturn () => {\n\t\tstopKeyDown()\n\t\tstopKeyUp()\n\t}\n}\n"],"names":["onKeyStroke"],"mappings":";;;AAMA,MAAM,2BAA2B,OAAO,KAAK,eAAe,2BAAwB;AACpF,MAAM,QAAQ,0BAA0B,KAAK,UAAU,SAAS;AAUhE,SAAS,kBAAkB,OAAO;AACjC,MAAI,MAAM,kBAAkB,oBACxB,MAAM,kBAAkB,uBACxB,MAAM,kBAAkB,qBACxB,MAAM,QAAQ,mBAAmB;AACpC,WAAO;AAAA,EACT;AAEC,SAAO,SAAS,uBAAuB,YAAY,EAAE,WAAW;AACjE;AAEA,MAAM,eAAe,CAAC,UAAU,YAAY,CAAC,UAAU;AACtD,QAAM,iBAAiB,QAAQ,MAAM,UAAU,MAAM;AACrD,MAAI,mBAAmB,QAAQ,QAAQ,IAAI,GAAG;AAM7C;AAAA,EACF,WAAY,MAAM,WAAW,QAAQ,QAAQ,GAAG,GAAG;AAEjD;AAAA,EACF,WAAY,QAAQ,UAAU,UAAa,MAAM,aAAa,QAAQ,QAAQ,KAAK,GAAG;AAMpF;AAAA,EACF,WAAY,kBAAkB,KAAK,GAAG;AAEpC;AAAA,EACF;AAEC,MAAI,QAAQ,SAAS;AACpB,UAAM,eAAc;AAAA,EACtB;AACC,MAAI,QAAQ,MAAM;AACjB,UAAM,gBAAe;AAAA,EACvB;AACC,WAAS,KAAK;AACf;AAQO,SAAS,UAAU,cAAc,WAAW,MAAM;AAAA,GAAI,UAAU,CAAA,GAAI;AAC1E,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAA;AAAA,EACf;AAUC,QAAM,mBAAmB,CAAC,OAAO,QAAQ;AACxC,QAAI,QAAQ,eAAe;AAC1B,aAAO,MAAM,QAAQ;AAAA,IACxB;AACE,WAAO,MAAM,IAAI,YAAa,MAAK,IAAI,YAAW;AAAA,EACpD;AASC,QAAM,YAAY,CAAC,UAAU;AAC5B,QAAI,OAAO,iBAAiB,YAAY;AACvC,aAAO,aAAa,KAAK;AAAA,IAC5B,WAAa,OAAO,iBAAiB,UAAU;AAC5C,aAAO,iBAAiB,OAAO,YAAY;AAAA,IAC3C,WAAU,MAAM,QAAQ,YAAY,GAAG;AACvC,aAAO,aAAa,KAAK,SAAO,iBAAiB,OAAO,GAAG,CAAC;AAAA,IAC/D,OAAS;AACN,aAAO;AAAA,IACV;AAAA,EACA;AAEC,QAAM,cAAcA,KAAAA,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IAC3E,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EAClB,CAAA;AAED,QAAM,YAAY,QAAQ,OACvBA,KAAAA,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IACzD,WAAW;AAAA,IACX,SAAS,CAAC,QAAQ;AAAA,EAClB,CAAA,IACC,MAAM;AAAA,EAAA;AAET,SAAO,MAAM;AACZ,gBAAW;AACX,cAAS;AAAA,EACX;AACA;;"}
+{"version":3,"file":"useHotKey.cjs","sources":["../../src/composables/useHotKey/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { onKeyStroke } from '@vueuse/core'\n\nconst disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.()\nconst isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent)\nconst derivedKeysRegex = /^[a-zA-Z0-9]$/\nconst nonAsciiPrintableRegex = /^[^\\x20-\\x7F]$/\n\nexport interface UseHotKeyOptions {\n\t/** Make key filter case sensitive */\n\tcaseSensitive?: boolean\n\n\t/** Prevent default behavior of key stroke */\n\tprevent?: boolean\n\n\t/** Stop the event bubbling */\n\tstop?: boolean\n\n\t/** Also listen for keyup event */\n\tpush?: boolean\n\n\t/**\n\t * If set then the callback is only called when the shift key is (not) pressed.\n\t * When left `undefined` a pressed shift key is ignored (callback is run with and without shift pressed).\n\t */\n\tshift?: boolean\n\n\t/**\n\t * Only run the callback if the control key is (not-)pressed.\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'ctrl' key is NOT pressed.\n\t */\n\tctrl?: boolean\n\n\t/**\n\t * If set the callback is only executed if the alt key is (not-)pressed\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'alt' key is NOT pressed.\n\t */\n\talt?: boolean\n}\n\n/**\n * Check if event target (active element) is editable (allows input from keyboard) or NcModal is open\n * If true, a hot key should not trigger the callback\n *\n * @todo Discuss if we should abort on another interactive elements (button, a, e.t.c)\n *\n * @param event keyboard event\n * @return Whether it should prevent callback\n */\nfunction shouldIgnoreEvent(event: KeyboardEvent): boolean {\n\tif (!(event.target instanceof HTMLElement)\n\t\t|| event.target instanceof HTMLInputElement\n\t\t|| event.target instanceof HTMLTextAreaElement\n\t\t|| event.target instanceof HTMLSelectElement\n\t\t|| event.target.isContentEditable) {\n\t\treturn true\n\t}\n\t/** Abort if any modal/dialog opened */\n\treturn document.getElementsByClassName('modal-mask').length !== 0\n}\n\ntype KeyboardEventHandler = (event: KeyboardEvent) => void\n\n/**\n * Implementation of the event handler.\n *\n * @param callback The callback to run\n * @param options hot key options\n */\nfunction eventHandler(callback: KeyboardEventHandler, options: UseHotKeyOptions): KeyboardEventHandler {\n\treturn (event: KeyboardEvent) => {\n\t\tconst ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey\n\t\tif (ctrlKeyPressed !== Boolean(options.ctrl)) {\n\t\t\t/**\n\t\t\t * Ctrl is required and not pressed, or the opposite\n\t\t\t * As on macOS 'cmd' key is used instead of 'ctrl' key for most key combinations,\n\t\t\t * 'event.metaKey' should be checked\n\t\t\t */\n\t\t\treturn\n\t\t} else if (event.altKey !== Boolean(options.alt)) {\n\t\t\t// Alt is required and not pressed, or the opposite\n\t\t\treturn\n\t\t} else if (options.shift !== undefined && event.shiftKey !== Boolean(options.shift)) {\n\t\t\t/**\n\t\t\t * Shift is required and not pressed, or the opposite\n\t\t\t * As shift key is used to type capital letters and alternate characters,\n\t\t\t * option should be explicitly defined\n\t\t\t */\n\t\t\treturn\n\t\t} else if (shouldIgnoreEvent(event)) {\n\t\t\t// Keyboard shortcuts are disabled, because active element assumes input\n\t\t\treturn\n\t\t}\n\n\t\tif (options.prevent) {\n\t\t\tevent.preventDefault()\n\t\t}\n\t\tif (options.stop) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t\tcallback(event)\n\t}\n}\n\n/**\n * Composable to use keyboard shortcuts in the application.\n * It respects the users accessibility configuration (opt-out shortcuts).\n *\n * @param keysOrFilter - keyboard key(s) to listen to, or filter function or pass `true` for listening to all keys\n * @param callback - callback function\n * @param options - composable options\n * @see docs/composables/usekeystroke.md\n */\nexport function useHotKey(\n\tkeysOrFilter: true | string | string[] | ((e: KeyboardEvent) => boolean),\n\tcallback = () => {},\n\toptions: UseHotKeyOptions = {},\n) {\n\tif (disableKeyboardShortcuts) {\n\t\t// Keyboard shortcuts are disabled\n\t\treturn () => {}\n\t}\n\n\t/**\n\t * Validates event key to expected key\n\t *\n\t * @param event keyboard event\n\t * @param key expected key\n\t * @return whether it satisfies expected value or not\n\t */\n\tconst validateKeyEvent = (event: KeyboardEvent, key: string): boolean => {\n\t\t// If key exactly matches event.key, valid with any caseSensitive option. Do not perform further checks\n\t\tif (event.key === key) {\n\t\t\treturn true\n\t\t}\n\n\t\t// If key and event.key are in different cases, invalid with caseSensitive = true. Do not perform further checks\n\t\tif (options.caseSensitive) {\n\t\t\tconst isKeyInLowerCase = key === key.toLowerCase()\n\t\t\tconst isEventKeyInLowerCase = event.key === event.key.toLowerCase()\n\t\t\tif (isKeyInLowerCase !== isEventKeyInLowerCase) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t}\n\n\t\t// If received event.key is not a printable ASCII character code (character code 32-127),\n\t\t// try to derive it from event.code and match with expected key\n\t\tif (derivedKeysRegex.test(key) && nonAsciiPrintableRegex.test(event.key)) {\n\t\t\treturn event.code.replace(/^(?:Key|Digit|Numpad)/, '') === key.toUpperCase()\n\t\t}\n\n\t\treturn event.key.toLowerCase() === key.toLowerCase()\n\t}\n\n\t/**\n\t * Filter function for the listener\n\t * see https://github.com/vueuse/vueuse/blob/v11.3.0/packages/core/onKeyStroke/index.ts#L21-L32\n\t *\n\t * @param event keyboard event\n\t * @return Whether it satisfies expected value or not\n\t */\n\tconst keyFilter = (event: KeyboardEvent): boolean => {\n\t\tif (typeof keysOrFilter === 'function') {\n\t\t\treturn keysOrFilter(event)\n\t\t} else if (typeof keysOrFilter === 'string') {\n\t\t\treturn validateKeyEvent(event, keysOrFilter)\n\t\t} else if (Array.isArray(keysOrFilter)) {\n\t\t\treturn keysOrFilter.some(key => validateKeyEvent(event, key))\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}\n\n\tconst stopKeyDown = onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\teventName: 'keydown',\n\t\tdedupe: true,\n\t\tpassive: !options.prevent,\n\t})\n\n\tconst stopKeyUp = options.push\n\t\t? onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\t\teventName: 'keyup',\n\t\t\tpassive: !options.prevent,\n\t\t})\n\t\t: () => {}\n\n\treturn () => {\n\t\tstopKeyDown()\n\t\tstopKeyUp()\n\t}\n}\n"],"names":["onKeyStroke"],"mappings":";;;AAMA,MAAM,2BAA2B,OAAO,KAAK,eAAe,2BAA2B;AACvF,MAAM,QAAQ,0BAA0B,KAAK,UAAU,SAAS;AAChE,MAAM,mBAAmB;AACzB,MAAM,yBAAyB;AA2C/B,SAAS,kBAAkB,OAA+B;AACzD,MAAI,EAAE,MAAM,kBAAkB,gBAC1B,MAAM,kBAAkB,oBACxB,MAAM,kBAAkB,uBACxB,MAAM,kBAAkB,qBACxB,MAAM,OAAO,mBAAmB;AAC5B,WAAA;AAAA,EAAA;AAGR,SAAO,SAAS,uBAAuB,YAAY,EAAE,WAAW;AACjE;AAUA,SAAS,aAAa,UAAgC,SAAiD;AACtG,SAAO,CAAC,UAAyB;AAChC,UAAM,iBAAiB,QAAQ,MAAM,UAAU,MAAM;AACrD,QAAI,mBAAmB,QAAQ,QAAQ,IAAI,GAAG;AAM7C;AAAA,IAAA,WACU,MAAM,WAAW,QAAQ,QAAQ,GAAG,GAAG;AAEjD;AAAA,IAAA,WACU,QAAQ,UAAU,UAAa,MAAM,aAAa,QAAQ,QAAQ,KAAK,GAAG;AAMpF;AAAA,IAAA,WACU,kBAAkB,KAAK,GAAG;AAEpC;AAAA,IAAA;AAGD,QAAI,QAAQ,SAAS;AACpB,YAAM,eAAe;AAAA,IAAA;AAEtB,QAAI,QAAQ,MAAM;AACjB,YAAM,gBAAgB;AAAA,IAAA;AAEvB,aAAS,KAAK;AAAA,EACf;AACD;AAWgB,SAAA,UACf,cACA,WAAW,MAAM;AAAC,GAClB,UAA4B,CAAA,GAC3B;AACD,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAC;AAAA,EAAA;AAUT,QAAA,mBAAmB,CAAC,OAAsB,QAAyB;AAEpE,QAAA,MAAM,QAAQ,KAAK;AACf,aAAA;AAAA,IAAA;AAIR,QAAI,QAAQ,eAAe;AACpB,YAAA,mBAAmB,QAAQ,IAAI,YAAY;AACjD,YAAM,wBAAwB,MAAM,QAAQ,MAAM,IAAI,YAAY;AAClE,UAAI,qBAAqB,uBAAuB;AACxC,eAAA;AAAA,MAAA;AAAA,IACR;AAKG,QAAA,iBAAiB,KAAK,GAAG,KAAK,uBAAuB,KAAK,MAAM,GAAG,GAAG;AACzE,aAAO,MAAM,KAAK,QAAQ,yBAAyB,EAAE,MAAM,IAAI,YAAY;AAAA,IAAA;AAG5E,WAAO,MAAM,IAAI,YAAY,MAAM,IAAI,YAAY;AAAA,EACpD;AASM,QAAA,YAAY,CAAC,UAAkC;AAChD,QAAA,OAAO,iBAAiB,YAAY;AACvC,aAAO,aAAa,KAAK;AAAA,IAAA,WACf,OAAO,iBAAiB,UAAU;AACrC,aAAA,iBAAiB,OAAO,YAAY;AAAA,IACjC,WAAA,MAAM,QAAQ,YAAY,GAAG;AACvC,aAAO,aAAa,KAAK,CAAA,QAAO,iBAAiB,OAAO,GAAG,CAAC;AAAA,IAAA,OACtD;AACC,aAAA;AAAA,IAAA;AAAA,EAET;AAEA,QAAM,cAAcA,KAAAA,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IAC3E,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EAAA,CAClB;AAEK,QAAA,YAAY,QAAQ,OACvBA,KAAAA,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IACzD,WAAW;AAAA,IACX,SAAS,CAAC,QAAQ;AAAA,EAClB,CAAA,IACC,MAAM;AAAA,EAAC;AAEV,SAAO,MAAM;AACA,gBAAA;AACF,cAAA;AAAA,EACX;AACD;;"}

package/dist/Composables/useHotKey.mjs

@@ -1,31 +1,35 @@
 import { onKeyStroke } from "@vueuse/core";
 const disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.();
 const isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent);
+const derivedKeysRegex = /^[a-zA-Z0-9]$/;
+const nonAsciiPrintableRegex = /^[^\x20-\x7F]$/;
 function shouldIgnoreEvent(event) {
-  if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement || event.target instanceof HTMLSelectElement || event.target?.isContentEditable) {
+  if (!(event.target instanceof HTMLElement) || event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement || event.target instanceof HTMLSelectElement || event.target.isContentEditable) {
     return true;
   }
   return document.getElementsByClassName("modal-mask").length !== 0;
 }
-const eventHandler = (callback, options) => (event) => {
-  const ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey;
-  if (ctrlKeyPressed !== Boolean(options.ctrl)) {
-    return;
-  } else if (event.altKey !== Boolean(options.alt)) {
-    return;
-  } else if (options.shift !== void 0 && event.shiftKey !== Boolean(options.shift)) {
-    return;
-  } else if (shouldIgnoreEvent(event)) {
-    return;
-  }
-  if (options.prevent) {
-    event.preventDefault();
-  }
-  if (options.stop) {
-    event.stopPropagation();
-  }
-  callback(event);
-};
+function eventHandler(callback, options) {
+  return (event) => {
+    const ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey;
+    if (ctrlKeyPressed !== Boolean(options.ctrl)) {
+      return;
+    } else if (event.altKey !== Boolean(options.alt)) {
+      return;
+    } else if (options.shift !== void 0 && event.shiftKey !== Boolean(options.shift)) {
+      return;
+    } else if (shouldIgnoreEvent(event)) {
+      return;
+    }
+    if (options.prevent) {
+      event.preventDefault();
+    }
+    if (options.stop) {
+      event.stopPropagation();
+    }
+    callback(event);
+  };
+}
 function useHotKey(keysOrFilter, callback = () => {
 }, options = {}) {
   if (disableKeyboardShortcuts) {
@@ -33,8 +37,18 @@ function useHotKey(keysOrFilter, callback = () => {
     };
   }
   const validateKeyEvent = (event, key) => {
+    if (event.key === key) {
+      return true;
+    }
     if (options.caseSensitive) {
-      return event.key === key;
+      const isKeyInLowerCase = key === key.toLowerCase();
+      const isEventKeyInLowerCase = event.key === event.key.toLowerCase();
+      if (isKeyInLowerCase !== isEventKeyInLowerCase) {
+        return false;
+      }
+    }
+    if (derivedKeysRegex.test(key) && nonAsciiPrintableRegex.test(event.key)) {
+      return event.code.replace(/^(?:Key|Digit|Numpad)/, "") === key.toUpperCase();
     }
     return event.key.toLowerCase() === key.toLowerCase();
   };

package/dist/Composables/useHotKey.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHotKey.mjs","sources":["../../src/composables/useHotKey/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { onKeyStroke } from '@vueuse/core'\n\nconst disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.()\nconst isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent)\n\n/**\n * Check if event target (active element) is editable (allows input from keyboard) or NcModal is open\n * If true, a hot key should not trigger the callback\n * TODO discuss if we should abort on another interactive elements (button, a, e.t.c)\n *\n * @param {KeyboardEvent} event keyboard event\n * @return {boolean} whether it should prevent callback\n */\nfunction shouldIgnoreEvent(event) {\n\tif (event.target instanceof HTMLInputElement\n\t\t|| event.target instanceof HTMLTextAreaElement\n\t\t|| event.target instanceof HTMLSelectElement\n\t\t|| event.target?.isContentEditable) {\n\t\treturn true\n\t}\n\t/** Abort if any modal/dialog opened */\n\treturn document.getElementsByClassName('modal-mask').length !== 0\n}\n\nconst eventHandler = (callback, options) => (event) => {\n\tconst ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey\n\tif (ctrlKeyPressed !== Boolean(options.ctrl)) {\n\t\t/**\n\t\t * Ctrl is required and not pressed, or the opposite\n\t\t * As on macOS 'cmd' key is used instead of 'ctrl' key for most key combinations,\n\t\t * 'event.metaKey' should be checked\n\t\t */\n\t\treturn\n\t} else if (event.altKey !== Boolean(options.alt)) {\n\t\t// Alt is required and not pressed, or the opposite\n\t\treturn\n\t} else if (options.shift !== undefined && event.shiftKey !== Boolean(options.shift)) {\n\t\t/**\n\t\t * Shift is required and not pressed, or the opposite\n\t\t * As shift key is used to type capital letters and alternate characters,\n\t\t * option should be explicitly defined\n\t\t */\n\t\treturn\n\t} else if (shouldIgnoreEvent(event)) {\n\t\t// Keyboard shortcuts are disabled, because active element assumes input\n\t\treturn\n\t}\n\n\tif (options.prevent) {\n\t\tevent.preventDefault()\n\t}\n\tif (options.stop) {\n\t\tevent.stopPropagation()\n\t}\n\tcallback(event)\n}\n\n/**\n * @param {true|string|string[]|Function} keysOrFilter - keyboard key or keys to listen to, or filter function\n * @param {Function} callback - callback function\n * @param {object} options - composable options\n * @see docs/composables/usekeystroke.md\n */\nexport function useHotKey(keysOrFilter, callback = () => {}, options = {}) {\n\tif (disableKeyboardShortcuts) {\n\t\t// Keyboard shortcuts are disabled\n\t\treturn () => {}\n\t}\n\n\t/**\n\t * Validates event key to expected key\n\t * FIXME should support any languages / key codes\n\t *\n\t * @param {KeyboardEvent} event keyboard event\n\t * @param {string} key expected key\n\t * @return {boolean} whether it satisfies expected value or not\n\t */\n\tconst validateKeyEvent = (event, key) => {\n\t\tif (options.caseSensitive) {\n\t\t\treturn event.key === key\n\t\t}\n\t\treturn event.key.toLowerCase() === key.toLowerCase()\n\t}\n\n\t/**\n\t * Filter function for the listener\n\t * see https://github.com/vueuse/vueuse/blob/v11.3.0/packages/core/onKeyStroke/index.ts#L21-L32\n\t *\n\t * @param {KeyboardEvent} event keyboard event\n\t * @return {boolean} whether it satisfies expected value or not\n\t */\n\tconst keyFilter = (event) => {\n\t\tif (typeof keysOrFilter === 'function') {\n\t\t\treturn keysOrFilter(event)\n\t\t} else if (typeof keysOrFilter === 'string') {\n\t\t\treturn validateKeyEvent(event, keysOrFilter)\n\t\t} else if (Array.isArray(keysOrFilter)) {\n\t\t\treturn keysOrFilter.some(key => validateKeyEvent(event, key))\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}\n\n\tconst stopKeyDown = onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\teventName: 'keydown',\n\t\tdedupe: true,\n\t\tpassive: !options.prevent,\n\t})\n\n\tconst stopKeyUp = options.push\n\t\t? onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\t\teventName: 'keyup',\n\t\t\tpassive: !options.prevent,\n\t\t})\n\t\t: () => {}\n\n\treturn () => {\n\t\tstopKeyDown()\n\t\tstopKeyUp()\n\t}\n}\n"],"names":[],"mappings":";AAMA,MAAM,2BAA2B,OAAO,KAAK,eAAe,2BAAwB;AACpF,MAAM,QAAQ,0BAA0B,KAAK,UAAU,SAAS;AAUhE,SAAS,kBAAkB,OAAO;AACjC,MAAI,MAAM,kBAAkB,oBACxB,MAAM,kBAAkB,uBACxB,MAAM,kBAAkB,qBACxB,MAAM,QAAQ,mBAAmB;AACpC,WAAO;AAAA,EACT;AAEC,SAAO,SAAS,uBAAuB,YAAY,EAAE,WAAW;AACjE;AAEA,MAAM,eAAe,CAAC,UAAU,YAAY,CAAC,UAAU;AACtD,QAAM,iBAAiB,QAAQ,MAAM,UAAU,MAAM;AACrD,MAAI,mBAAmB,QAAQ,QAAQ,IAAI,GAAG;AAM7C;AAAA,EACF,WAAY,MAAM,WAAW,QAAQ,QAAQ,GAAG,GAAG;AAEjD;AAAA,EACF,WAAY,QAAQ,UAAU,UAAa,MAAM,aAAa,QAAQ,QAAQ,KAAK,GAAG;AAMpF;AAAA,EACF,WAAY,kBAAkB,KAAK,GAAG;AAEpC;AAAA,EACF;AAEC,MAAI,QAAQ,SAAS;AACpB,UAAM,eAAc;AAAA,EACtB;AACC,MAAI,QAAQ,MAAM;AACjB,UAAM,gBAAe;AAAA,EACvB;AACC,WAAS,KAAK;AACf;AAQO,SAAS,UAAU,cAAc,WAAW,MAAM;AAAA,GAAI,UAAU,CAAA,GAAI;AAC1E,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAA;AAAA,EACf;AAUC,QAAM,mBAAmB,CAAC,OAAO,QAAQ;AACxC,QAAI,QAAQ,eAAe;AAC1B,aAAO,MAAM,QAAQ;AAAA,IACxB;AACE,WAAO,MAAM,IAAI,YAAa,MAAK,IAAI,YAAW;AAAA,EACpD;AASC,QAAM,YAAY,CAAC,UAAU;AAC5B,QAAI,OAAO,iBAAiB,YAAY;AACvC,aAAO,aAAa,KAAK;AAAA,IAC5B,WAAa,OAAO,iBAAiB,UAAU;AAC5C,aAAO,iBAAiB,OAAO,YAAY;AAAA,IAC3C,WAAU,MAAM,QAAQ,YAAY,GAAG;AACvC,aAAO,aAAa,KAAK,SAAO,iBAAiB,OAAO,GAAG,CAAC;AAAA,IAC/D,OAAS;AACN,aAAO;AAAA,IACV;AAAA,EACA;AAEC,QAAM,cAAc,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IAC3E,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EAClB,CAAA;AAED,QAAM,YAAY,QAAQ,OACvB,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IACzD,WAAW;AAAA,IACX,SAAS,CAAC,QAAQ;AAAA,EAClB,CAAA,IACC,MAAM;AAAA,EAAA;AAET,SAAO,MAAM;AACZ,gBAAW;AACX,cAAS;AAAA,EACX;AACA;"}
+{"version":3,"file":"useHotKey.mjs","sources":["../../src/composables/useHotKey/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { onKeyStroke } from '@vueuse/core'\n\nconst disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.()\nconst isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent)\nconst derivedKeysRegex = /^[a-zA-Z0-9]$/\nconst nonAsciiPrintableRegex = /^[^\\x20-\\x7F]$/\n\nexport interface UseHotKeyOptions {\n\t/** Make key filter case sensitive */\n\tcaseSensitive?: boolean\n\n\t/** Prevent default behavior of key stroke */\n\tprevent?: boolean\n\n\t/** Stop the event bubbling */\n\tstop?: boolean\n\n\t/** Also listen for keyup event */\n\tpush?: boolean\n\n\t/**\n\t * If set then the callback is only called when the shift key is (not) pressed.\n\t * When left `undefined` a pressed shift key is ignored (callback is run with and without shift pressed).\n\t */\n\tshift?: boolean\n\n\t/**\n\t * Only run the callback if the control key is (not-)pressed.\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'ctrl' key is NOT pressed.\n\t */\n\tctrl?: boolean\n\n\t/**\n\t * If set the callback is only executed if the alt key is (not-)pressed\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'alt' key is NOT pressed.\n\t */\n\talt?: boolean\n}\n\n/**\n * Check if event target (active element) is editable (allows input from keyboard) or NcModal is open\n * If true, a hot key should not trigger the callback\n *\n * @todo Discuss if we should abort on another interactive elements (button, a, e.t.c)\n *\n * @param event keyboard event\n * @return Whether it should prevent callback\n */\nfunction shouldIgnoreEvent(event: KeyboardEvent): boolean {\n\tif (!(event.target instanceof HTMLElement)\n\t\t|| event.target instanceof HTMLInputElement\n\t\t|| event.target instanceof HTMLTextAreaElement\n\t\t|| event.target instanceof HTMLSelectElement\n\t\t|| event.target.isContentEditable) {\n\t\treturn true\n\t}\n\t/** Abort if any modal/dialog opened */\n\treturn document.getElementsByClassName('modal-mask').length !== 0\n}\n\ntype KeyboardEventHandler = (event: KeyboardEvent) => void\n\n/**\n * Implementation of the event handler.\n *\n * @param callback The callback to run\n * @param options hot key options\n */\nfunction eventHandler(callback: KeyboardEventHandler, options: UseHotKeyOptions): KeyboardEventHandler {\n\treturn (event: KeyboardEvent) => {\n\t\tconst ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey\n\t\tif (ctrlKeyPressed !== Boolean(options.ctrl)) {\n\t\t\t/**\n\t\t\t * Ctrl is required and not pressed, or the opposite\n\t\t\t * As on macOS 'cmd' key is used instead of 'ctrl' key for most key combinations,\n\t\t\t * 'event.metaKey' should be checked\n\t\t\t */\n\t\t\treturn\n\t\t} else if (event.altKey !== Boolean(options.alt)) {\n\t\t\t// Alt is required and not pressed, or the opposite\n\t\t\treturn\n\t\t} else if (options.shift !== undefined && event.shiftKey !== Boolean(options.shift)) {\n\t\t\t/**\n\t\t\t * Shift is required and not pressed, or the opposite\n\t\t\t * As shift key is used to type capital letters and alternate characters,\n\t\t\t * option should be explicitly defined\n\t\t\t */\n\t\t\treturn\n\t\t} else if (shouldIgnoreEvent(event)) {\n\t\t\t// Keyboard shortcuts are disabled, because active element assumes input\n\t\t\treturn\n\t\t}\n\n\t\tif (options.prevent) {\n\t\t\tevent.preventDefault()\n\t\t}\n\t\tif (options.stop) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t\tcallback(event)\n\t}\n}\n\n/**\n * Composable to use keyboard shortcuts in the application.\n * It respects the users accessibility configuration (opt-out shortcuts).\n *\n * @param keysOrFilter - keyboard key(s) to listen to, or filter function or pass `true` for listening to all keys\n * @param callback - callback function\n * @param options - composable options\n * @see docs/composables/usekeystroke.md\n */\nexport function useHotKey(\n\tkeysOrFilter: true | string | string[] | ((e: KeyboardEvent) => boolean),\n\tcallback = () => {},\n\toptions: UseHotKeyOptions = {},\n) {\n\tif (disableKeyboardShortcuts) {\n\t\t// Keyboard shortcuts are disabled\n\t\treturn () => {}\n\t}\n\n\t/**\n\t * Validates event key to expected key\n\t *\n\t * @param event keyboard event\n\t * @param key expected key\n\t * @return whether it satisfies expected value or not\n\t */\n\tconst validateKeyEvent = (event: KeyboardEvent, key: string): boolean => {\n\t\t// If key exactly matches event.key, valid with any caseSensitive option. Do not perform further checks\n\t\tif (event.key === key) {\n\t\t\treturn true\n\t\t}\n\n\t\t// If key and event.key are in different cases, invalid with caseSensitive = true. Do not perform further checks\n\t\tif (options.caseSensitive) {\n\t\t\tconst isKeyInLowerCase = key === key.toLowerCase()\n\t\t\tconst isEventKeyInLowerCase = event.key === event.key.toLowerCase()\n\t\t\tif (isKeyInLowerCase !== isEventKeyInLowerCase) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t}\n\n\t\t// If received event.key is not a printable ASCII character code (character code 32-127),\n\t\t// try to derive it from event.code and match with expected key\n\t\tif (derivedKeysRegex.test(key) && nonAsciiPrintableRegex.test(event.key)) {\n\t\t\treturn event.code.replace(/^(?:Key|Digit|Numpad)/, '') === key.toUpperCase()\n\t\t}\n\n\t\treturn event.key.toLowerCase() === key.toLowerCase()\n\t}\n\n\t/**\n\t * Filter function for the listener\n\t * see https://github.com/vueuse/vueuse/blob/v11.3.0/packages/core/onKeyStroke/index.ts#L21-L32\n\t *\n\t * @param event keyboard event\n\t * @return Whether it satisfies expected value or not\n\t */\n\tconst keyFilter = (event: KeyboardEvent): boolean => {\n\t\tif (typeof keysOrFilter === 'function') {\n\t\t\treturn keysOrFilter(event)\n\t\t} else if (typeof keysOrFilter === 'string') {\n\t\t\treturn validateKeyEvent(event, keysOrFilter)\n\t\t} else if (Array.isArray(keysOrFilter)) {\n\t\t\treturn keysOrFilter.some(key => validateKeyEvent(event, key))\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}\n\n\tconst stopKeyDown = onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\teventName: 'keydown',\n\t\tdedupe: true,\n\t\tpassive: !options.prevent,\n\t})\n\n\tconst stopKeyUp = options.push\n\t\t? onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\t\teventName: 'keyup',\n\t\t\tpassive: !options.prevent,\n\t\t})\n\t\t: () => {}\n\n\treturn () => {\n\t\tstopKeyDown()\n\t\tstopKeyUp()\n\t}\n}\n"],"names":[],"mappings":";AAMA,MAAM,2BAA2B,OAAO,KAAK,eAAe,2BAA2B;AACvF,MAAM,QAAQ,0BAA0B,KAAK,UAAU,SAAS;AAChE,MAAM,mBAAmB;AACzB,MAAM,yBAAyB;AA2C/B,SAAS,kBAAkB,OAA+B;AACzD,MAAI,EAAE,MAAM,kBAAkB,gBAC1B,MAAM,kBAAkB,oBACxB,MAAM,kBAAkB,uBACxB,MAAM,kBAAkB,qBACxB,MAAM,OAAO,mBAAmB;AAC5B,WAAA;AAAA,EAAA;AAGR,SAAO,SAAS,uBAAuB,YAAY,EAAE,WAAW;AACjE;AAUA,SAAS,aAAa,UAAgC,SAAiD;AACtG,SAAO,CAAC,UAAyB;AAChC,UAAM,iBAAiB,QAAQ,MAAM,UAAU,MAAM;AACrD,QAAI,mBAAmB,QAAQ,QAAQ,IAAI,GAAG;AAM7C;AAAA,IAAA,WACU,MAAM,WAAW,QAAQ,QAAQ,GAAG,GAAG;AAEjD;AAAA,IAAA,WACU,QAAQ,UAAU,UAAa,MAAM,aAAa,QAAQ,QAAQ,KAAK,GAAG;AAMpF;AAAA,IAAA,WACU,kBAAkB,KAAK,GAAG;AAEpC;AAAA,IAAA;AAGD,QAAI,QAAQ,SAAS;AACpB,YAAM,eAAe;AAAA,IAAA;AAEtB,QAAI,QAAQ,MAAM;AACjB,YAAM,gBAAgB;AAAA,IAAA;AAEvB,aAAS,KAAK;AAAA,EACf;AACD;AAWgB,SAAA,UACf,cACA,WAAW,MAAM;AAAC,GAClB,UAA4B,CAAA,GAC3B;AACD,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAC;AAAA,EAAA;AAUT,QAAA,mBAAmB,CAAC,OAAsB,QAAyB;AAEpE,QAAA,MAAM,QAAQ,KAAK;AACf,aAAA;AAAA,IAAA;AAIR,QAAI,QAAQ,eAAe;AACpB,YAAA,mBAAmB,QAAQ,IAAI,YAAY;AACjD,YAAM,wBAAwB,MAAM,QAAQ,MAAM,IAAI,YAAY;AAClE,UAAI,qBAAqB,uBAAuB;AACxC,eAAA;AAAA,MAAA;AAAA,IACR;AAKG,QAAA,iBAAiB,KAAK,GAAG,KAAK,uBAAuB,KAAK,MAAM,GAAG,GAAG;AACzE,aAAO,MAAM,KAAK,QAAQ,yBAAyB,EAAE,MAAM,IAAI,YAAY;AAAA,IAAA;AAG5E,WAAO,MAAM,IAAI,YAAY,MAAM,IAAI,YAAY;AAAA,EACpD;AASM,QAAA,YAAY,CAAC,UAAkC;AAChD,QAAA,OAAO,iBAAiB,YAAY;AACvC,aAAO,aAAa,KAAK;AAAA,IAAA,WACf,OAAO,iBAAiB,UAAU;AACrC,aAAA,iBAAiB,OAAO,YAAY;AAAA,IACjC,WAAA,MAAM,QAAQ,YAAY,GAAG;AACvC,aAAO,aAAa,KAAK,CAAA,QAAO,iBAAiB,OAAO,GAAG,CAAC;AAAA,IAAA,OACtD;AACC,aAAA;AAAA,IAAA;AAAA,EAET;AAEA,QAAM,cAAc,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IAC3E,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EAAA,CAClB;AAEK,QAAA,YAAY,QAAQ,OACvB,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IACzD,WAAW;AAAA,IACX,SAAS,CAAC,QAAQ;AAAA,EAClB,CAAA,IACC,MAAM;AAAA,EAAC;AAEV,SAAO,MAAM;AACA,gBAAA;AACF,cAAA;AAAA,EACX;AACD;"}

package/dist/Composables/useIsFullscreen.cjs

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Vue = require("vue");
-const checkIfIsFullscreen = () => window.outerHeight === screen.height;
 const isFullscreen = Vue.ref(checkIfIsFullscreen());
 window.addEventListener("resize", () => {
   isFullscreen.value = checkIfIsFullscreen();
 });
+function checkIfIsFullscreen() {
+  return window.outerHeight === window.screen.height;
+}
 function useIsFullscreen() {
   return Vue.readonly(isFullscreen);
 }

package/dist/Composables/useIsFullscreen.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsFullscreen.cjs","sources":["../../src/composables/useIsFullscreen/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { readonly, ref } from 'vue'\n\n// if the window height is equal to the screen height,\n// we're in full screen mode\nconst checkIfIsFullscreen = () => window.outerHeight === screen.height\n\nconst isFullscreen = ref(checkIfIsFullscreen())\n\nwindow.addEventListener('resize', () => {\n\tisFullscreen.value = checkIfIsFullscreen()\n})\n\n/**\n * Use global isFullscreen state, based on the screen height check\n *\n * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>}\n */\nexport function useIsFullscreen() {\n\treturn readonly(isFullscreen)\n}\n\n/**\n * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n *             Use `composables/useIsFullscreen` instead.\n *             Defined and exported only for isFullscreen mixin.\n */\nexport const isFullscreenState = readonly(isFullscreen)\n"],"names":["ref","readonly"],"mappings":";;;AASA,MAAM,sBAAsB,MAAM,OAAO,gBAAgB,OAAO;AAEhE,MAAM,eAAeA,IAAG,IAAC,oBAAqB,CAAA;AAE9C,OAAO,iBAAiB,UAAU,MAAM;AACvC,eAAa,QAAQ,oBAAmB;AACzC,CAAC;AAOM,SAAS,kBAAkB;AACjC,SAAOC,IAAQ,SAAC,YAAY;AAC7B;AAOY,MAAC,oBAAoBA,IAAQ,SAAC,YAAY;;;"}
+{"version":3,"file":"useIsFullscreen.cjs","sources":["../../src/composables/useIsFullscreen/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport type { DeepReadonly, Ref } from 'vue'\nimport { readonly, ref } from 'vue'\n\nconst isFullscreen = ref(checkIfIsFullscreen())\n\nwindow.addEventListener('resize', () => {\n\tisFullscreen.value = checkIfIsFullscreen()\n})\n\n/**\n * If the window height is equal to the screen height,\n * we are in full screen mode.\n */\nfunction checkIfIsFullscreen(): boolean {\n\treturn window.outerHeight === window.screen.height\n}\n\n/**\n * Use global `isFullscreen` state, based on the screen height check.\n */\nexport function useIsFullscreen(): DeepReadonly<Ref<boolean>> {\n\treturn readonly(isFullscreen)\n}\n\n/**\n * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n *             Use `composables/useIsFullscreen` instead.\n *             Defined and exported only for isFullscreen mixin.\n */\nexport const isFullscreenState = readonly(isFullscreen)\n"],"names":["ref","readonly"],"mappings":";;;AAOA,MAAM,eAAeA,IAAAA,IAAI,qBAAqB;AAE9C,OAAO,iBAAiB,UAAU,MAAM;AACvC,eAAa,QAAQ,oBAAoB;AAC1C,CAAC;AAMD,SAAS,sBAA+B;AAChC,SAAA,OAAO,gBAAgB,OAAO,OAAO;AAC7C;AAKO,SAAS,kBAA8C;AAC7D,SAAOC,IAAAA,SAAS,YAAY;AAC7B;AAOa,MAAA,oBAAoBA,aAAS,YAAY;;;"}

package/dist/Composables/useIsFullscreen.mjs

@@ -1,9 +1,11 @@
 import { ref, readonly } from "vue";
-const checkIfIsFullscreen = () => window.outerHeight === screen.height;
 const isFullscreen = ref(checkIfIsFullscreen());
 window.addEventListener("resize", () => {
   isFullscreen.value = checkIfIsFullscreen();
 });
+function checkIfIsFullscreen() {
+  return window.outerHeight === window.screen.height;
+}
 function useIsFullscreen() {
   return readonly(isFullscreen);
 }

package/dist/Composables/useIsFullscreen.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsFullscreen.mjs","sources":["../../src/composables/useIsFullscreen/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { readonly, ref } from 'vue'\n\n// if the window height is equal to the screen height,\n// we're in full screen mode\nconst checkIfIsFullscreen = () => window.outerHeight === screen.height\n\nconst isFullscreen = ref(checkIfIsFullscreen())\n\nwindow.addEventListener('resize', () => {\n\tisFullscreen.value = checkIfIsFullscreen()\n})\n\n/**\n * Use global isFullscreen state, based on the screen height check\n *\n * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>}\n */\nexport function useIsFullscreen() {\n\treturn readonly(isFullscreen)\n}\n\n/**\n * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n *             Use `composables/useIsFullscreen` instead.\n *             Defined and exported only for isFullscreen mixin.\n */\nexport const isFullscreenState = readonly(isFullscreen)\n"],"names":[],"mappings":";AASA,MAAM,sBAAsB,MAAM,OAAO,gBAAgB,OAAO;AAEhE,MAAM,eAAe,IAAI,oBAAqB,CAAA;AAE9C,OAAO,iBAAiB,UAAU,MAAM;AACvC,eAAa,QAAQ,oBAAmB;AACzC,CAAC;AAOM,SAAS,kBAAkB;AACjC,SAAO,SAAS,YAAY;AAC7B;AAOY,MAAC,oBAAoB,SAAS,YAAY;"}
+{"version":3,"file":"useIsFullscreen.mjs","sources":["../../src/composables/useIsFullscreen/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport type { DeepReadonly, Ref } from 'vue'\nimport { readonly, ref } from 'vue'\n\nconst isFullscreen = ref(checkIfIsFullscreen())\n\nwindow.addEventListener('resize', () => {\n\tisFullscreen.value = checkIfIsFullscreen()\n})\n\n/**\n * If the window height is equal to the screen height,\n * we are in full screen mode.\n */\nfunction checkIfIsFullscreen(): boolean {\n\treturn window.outerHeight === window.screen.height\n}\n\n/**\n * Use global `isFullscreen` state, based on the screen height check.\n */\nexport function useIsFullscreen(): DeepReadonly<Ref<boolean>> {\n\treturn readonly(isFullscreen)\n}\n\n/**\n * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n *             Use `composables/useIsFullscreen` instead.\n *             Defined and exported only for isFullscreen mixin.\n */\nexport const isFullscreenState = readonly(isFullscreen)\n"],"names":[],"mappings":";AAOA,MAAM,eAAe,IAAI,qBAAqB;AAE9C,OAAO,iBAAiB,UAAU,MAAM;AACvC,eAAa,QAAQ,oBAAoB;AAC1C,CAAC;AAMD,SAAS,sBAA+B;AAChC,SAAA,OAAO,gBAAgB,OAAO,OAAO;AAC7C;AAKO,SAAS,kBAA8C;AAC7D,SAAO,SAAS,YAAY;AAC7B;AAOa,MAAA,oBAAoB,SAAS,YAAY;"}

package/dist/Directives/Focus.cjs

@@ -1,10 +1,8 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const directive = {
   inserted(el) {
     el.focus();
   }
 };
-exports.default = directive;
-exports.directive = directive;
+module.exports = directive;
 //# sourceMappingURL=Focus.cjs.map

package/dist/Directives/Focus.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Focus.cjs","sources":["../../src/directives/Focus/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nexport const directive = {\n\tinserted(el) {\n\t\tel.focus()\n\t},\n}\n\nexport default directive\n"],"names":[],"mappings":";;AAKY,MAAC,YAAY;AAAA,EACxB,SAAS,IAAI;AACZ,OAAG,MAAK;AAAA,EACR;AACF;;;"}
+{"version":3,"file":"Focus.cjs","sources":["../../src/directives/Focus/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { ObjectDirective } from 'vue'\n\nconst directive: ObjectDirective<HTMLElement> = {\n\tinserted(el: HTMLElement) {\n\t\tel.focus()\n\t},\n}\n\nexport default directive\n"],"names":[],"mappings":";AAOA,MAAM,YAA0C;AAAA,EAC/C,SAAS,IAAiB;AACzB,OAAG,MAAM;AAAA,EAAA;AAEX;;"}

package/dist/Directives/Focus.mjs

@@ -4,7 +4,6 @@ const directive = {
   }
 };
 export {
-  directive as default,
-  directive
+  directive as default
 };
 //# sourceMappingURL=Focus.mjs.map

package/dist/Directives/Focus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Focus.mjs","sources":["../../src/directives/Focus/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nexport const directive = {\n\tinserted(el) {\n\t\tel.focus()\n\t},\n}\n\nexport default directive\n"],"names":[],"mappings":"AAKY,MAAC,YAAY;AAAA,EACxB,SAAS,IAAI;AACZ,OAAG,MAAK;AAAA,EACR;AACF;"}
+{"version":3,"file":"Focus.mjs","sources":["../../src/directives/Focus/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { ObjectDirective } from 'vue'\n\nconst directive: ObjectDirective<HTMLElement> = {\n\tinserted(el: HTMLElement) {\n\t\tel.focus()\n\t},\n}\n\nexport default directive\n"],"names":[],"mappings":"AAOA,MAAM,YAA0C;AAAA,EAC/C,SAAS,IAAiB;AACzB,OAAG,MAAM;AAAA,EAAA;AAEX;"}

package/dist/Functions/reference.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Functions_registerReference = require("../chunks/index-BV85rPB7.cjs");
-const referencePickerModal = require("../chunks/referencePickerModal-qWVMGb2m.cjs");
+const referencePickerModal = require("../chunks/referencePickerModal-DbrHVDKS.cjs");
 exports.NcCustomPickerRenderResult = Functions_registerReference.NcCustomPickerRenderResult;
 exports.hasInteractiveView = Functions_registerReference.hasInteractiveView;
 exports.isCustomPickerElementRegistered = Functions_registerReference.isCustomPickerElementRegistered;

package/dist/Functions/reference.mjs

@@ -1,5 +1,5 @@
 import { N, h, d, i, b, r, c, a } from "../chunks/index-56SXuvlv.mjs";
-import { a as a2, g, b as b2, c as c2, d as d2, s } from "../chunks/referencePickerModal-DN7C4An4.mjs";
+import { a as a2, g, b as b2, c as c2, d as d2, s } from "../chunks/referencePickerModal-sscttPbK.mjs";
 export {
   N as NcCustomPickerRenderResult,
   a2 as anyLinkProviderId,

package/dist/Functions/usernameToColor.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const usernameToColor = require("../chunks/usernameToColor-mqInDrGv.cjs");
+const usernameToColor = require("../chunks/usernameToColor-Bu43-l7c.cjs");
 module.exports = usernameToColor.usernameToColor;
 //# sourceMappingURL=usernameToColor.cjs.map

package/dist/Functions/usernameToColor.mjs

@@ -1,4 +1,4 @@
-import { u } from "../chunks/usernameToColor-DJfepfog.mjs";
+import { u } from "../chunks/usernameToColor-BPaEECqs.mjs";
 export {
   u as default
 };

package/dist/Mixins/isFullscreen.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"isFullscreen.cjs","sources":["../../src/mixins/isFullscreen/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { isFullscreenState } from '../../composables/useIsFullscreen/index.js'\n\nexport default {\n\tcomputed: {\n\t\t/**\n\t\t * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n\t\t *             Use `composables/useIsFullscreen` instead.\n\t\t */\n\t\tisFullscreen() {\n\t\t\treturn isFullscreenState.value\n\t\t},\n\t},\n}\n"],"names":["isFullscreenState"],"mappings":";;AAOA,MAAe,QAAA;AAAA,EACd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,eAAe;AACd,aAAOA,8CAAkB;AAAA,IACzB;AAAA,EACD;AACF;;"}
+{"version":3,"file":"isFullscreen.cjs","sources":["../../src/mixins/isFullscreen/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { isFullscreenState } from '../../composables/useIsFullscreen/index.ts'\n\nexport default {\n\tcomputed: {\n\t\t/**\n\t\t * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n\t\t *             Use `composables/useIsFullscreen` instead.\n\t\t */\n\t\tisFullscreen() {\n\t\t\treturn isFullscreenState.value\n\t\t},\n\t},\n}\n"],"names":["isFullscreenState"],"mappings":";;AAOA,MAAe,QAAA;AAAA,EACd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,eAAe;AACd,aAAOA,8CAAkB;AAAA,IACzB;AAAA,EACD;AACF;;"}

package/dist/Mixins/isFullscreen.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"isFullscreen.mjs","sources":["../../src/mixins/isFullscreen/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { isFullscreenState } from '../../composables/useIsFullscreen/index.js'\n\nexport default {\n\tcomputed: {\n\t\t/**\n\t\t * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n\t\t *             Use `composables/useIsFullscreen` instead.\n\t\t */\n\t\tisFullscreen() {\n\t\t\treturn isFullscreenState.value\n\t\t},\n\t},\n}\n"],"names":[],"mappings":";AAOA,MAAe,QAAA;AAAA,EACd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,eAAe;AACd,aAAO,kBAAkB;AAAA,IACzB;AAAA,EACD;AACF;"}
+{"version":3,"file":"isFullscreen.mjs","sources":["../../src/mixins/isFullscreen/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { isFullscreenState } from '../../composables/useIsFullscreen/index.ts'\n\nexport default {\n\tcomputed: {\n\t\t/**\n\t\t * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n\t\t *             Use `composables/useIsFullscreen` instead.\n\t\t */\n\t\tisFullscreen() {\n\t\t\treturn isFullscreenState.value\n\t\t},\n\t},\n}\n"],"names":[],"mappings":";AAOA,MAAe,QAAA;AAAA,EACd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,eAAe;AACd,aAAO,kBAAkB;AAAA,IACzB;AAAA,EACD;AACF;"}

package/dist/assets/{NcActionButton-BqMeBMdA.css → NcActionButton-D8Lyueq3.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-92dc5a52] {
+.material-design-icon[data-v-102cfc0a] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -21,25 +21,25 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action[data-v-92dc5a52]:hover, li.action.active[data-v-92dc5a52] {
+li.action[data-v-102cfc0a]:hover, li.action.active[data-v-102cfc0a] {
   border-radius: 6px;
   padding: 0;
 }
-li.action[data-v-92dc5a52]:hover {
+li.action[data-v-102cfc0a]:hover {
   background-color: var(--color-background-hover);
 }
-.action--disabled[data-v-92dc5a52] {
+.action--disabled[data-v-102cfc0a] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-92dc5a52]:hover, .action--disabled[data-v-92dc5a52]:focus {
+.action--disabled[data-v-102cfc0a]:hover, .action--disabled[data-v-102cfc0a]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled *[data-v-92dc5a52] {
+.action--disabled *[data-v-102cfc0a] {
   opacity: 1 !important;
 }
-.action-button[data-v-92dc5a52] {
+.action-button[data-v-102cfc0a] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -59,11 +59,11 @@ li.action[data-v-92dc5a52]:hover {
   font-size: var(--default-font-size);
   line-height: var(--default-clickable-area);
 }
-.action-button > span[data-v-92dc5a52] {
+.action-button > span[data-v-102cfc0a] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-button__icon[data-v-92dc5a52] {
+.action-button__icon[data-v-102cfc0a] {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
@@ -71,15 +71,15 @@ li.action[data-v-92dc5a52]:hover {
   background-size: 16px;
   background-repeat: no-repeat;
 }
-.action-button[data-v-92dc5a52] .material-design-icon {
+.action-button[data-v-102cfc0a] .material-design-icon {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
 }
-.action-button[data-v-92dc5a52] .material-design-icon .material-design-icon__svg {
+.action-button[data-v-102cfc0a] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-button__longtext-wrapper[data-v-92dc5a52], .action-button__longtext[data-v-92dc5a52] {
+.action-button__longtext-wrapper[data-v-102cfc0a], .action-button__longtext[data-v-102cfc0a] {
   max-width: 220px;
   line-height: 1.6em;
   padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
@@ -88,21 +88,32 @@ li.action[data-v-92dc5a52]:hover {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.action-button__longtext[data-v-92dc5a52] {
+.action-button__longtext[data-v-102cfc0a] {
   cursor: pointer;
   white-space: pre-wrap !important;
 }
-.action-button__name[data-v-92dc5a52] {
+.action-button__name[data-v-102cfc0a] {
   font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   max-width: 100%;
-  display: inline-block;
+  display: block;
 }
-.action-button__menu-icon[data-v-92dc5a52] {
+.action-button__description[data-v-102cfc0a] {
+  display: block;
+  white-space: pre-wrap;
+  font-size: var(--font-size-small);
+  line-height: var(--default-line-height);
+  color: var(--color-text-maxcontrast);
+  cursor: pointer;
+}
+.action-button__menu-icon[data-v-102cfc0a] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
 }
-.action-button__pressed-icon[data-v-92dc5a52] {
+.action-button__pressed-icon[data-v-102cfc0a] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
+}
+.action-button *[data-v-102cfc0a] {
+  cursor: pointer;
 }

package/dist/assets/{NcActionLink-DA3ebr8W.css → NcActionLink-CNMaob5P.css}

@@ -87,7 +87,15 @@ li.action[data-v-30c015f0]:hover {
   overflow: hidden;
   white-space: nowrap;
   max-width: 100%;
-  display: inline-block;
+  display: block;
+}
+.action-link__description[data-v-30c015f0] {
+  display: block;
+  white-space: pre-wrap;
+  font-size: var(--font-size-small);
+  line-height: var(--default-line-height);
+  color: var(--color-text-maxcontrast);
+  cursor: pointer;
 }
 .action-link__menu-icon[data-v-30c015f0] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);

package/dist/assets/{NcActionRouter-DlqXQ6ai.css → NcActionRouter-zXuKLsvi.css}

@@ -87,7 +87,15 @@ li.action[data-v-579c6b4d]:hover {
   overflow: hidden;
   white-space: nowrap;
   max-width: 100%;
-  display: inline-block;
+  display: block;
+}
+.action-router__description[data-v-579c6b4d] {
+  display: block;
+  white-space: pre-wrap;
+  font-size: var(--font-size-small);
+  line-height: var(--default-line-height);
+  color: var(--color-text-maxcontrast);
+  cursor: pointer;
 }
 .action-router__menu-icon[data-v-579c6b4d] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);

package/dist/assets/{NcActionText-Cvug6qMa.css → NcActionText-Rad4JSXq.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-824615f4] {
+.material-design-icon[data-v-6a01d6d2] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -21,14 +21,14 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action[data-v-824615f4]:hover, li.action.active[data-v-824615f4] {
+li.action[data-v-6a01d6d2]:hover, li.action.active[data-v-6a01d6d2] {
   border-radius: 6px;
   padding: 0;
 }
-li.action[data-v-824615f4]:hover {
+li.action[data-v-6a01d6d2]:hover {
   background-color: var(--color-background-hover);
 }
-.action-text[data-v-824615f4] {
+.action-text[data-v-6a01d6d2] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -48,11 +48,11 @@ li.action[data-v-824615f4]:hover {
   font-size: var(--default-font-size);
   line-height: var(--default-clickable-area);
 }
-.action-text > span[data-v-824615f4] {
+.action-text > span[data-v-6a01d6d2] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-text__icon[data-v-824615f4] {
+.action-text__icon[data-v-6a01d6d2] {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
@@ -60,15 +60,15 @@ li.action[data-v-824615f4]:hover {
   background-size: 16px;
   background-repeat: no-repeat;
 }
-.action-text[data-v-824615f4] .material-design-icon {
+.action-text[data-v-6a01d6d2] .material-design-icon {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
 }
-.action-text[data-v-824615f4] .material-design-icon .material-design-icon__svg {
+.action-text[data-v-6a01d6d2] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-text__longtext-wrapper[data-v-824615f4], .action-text__longtext[data-v-824615f4] {
+.action-text__longtext-wrapper[data-v-6a01d6d2], .action-text__longtext[data-v-6a01d6d2] {
   max-width: 220px;
   line-height: 1.6em;
   padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
@@ -77,33 +77,41 @@ li.action[data-v-824615f4]:hover {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.action-text__longtext[data-v-824615f4] {
+.action-text__longtext[data-v-6a01d6d2] {
   cursor: pointer;
   white-space: pre-wrap !important;
 }
-.action-text__name[data-v-824615f4] {
+.action-text__name[data-v-6a01d6d2] {
   font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   max-width: 100%;
-  display: inline-block;
+  display: block;
 }
-.action-text__menu-icon[data-v-824615f4] {
+.action-text__description[data-v-6a01d6d2] {
+  display: block;
+  white-space: pre-wrap;
+  font-size: var(--font-size-small);
+  line-height: var(--default-line-height);
+  color: var(--color-text-maxcontrast);
+  cursor: pointer;
+}
+.action-text__menu-icon[data-v-6a01d6d2] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
 }
-.action--disabled[data-v-824615f4] {
+.action--disabled[data-v-6a01d6d2] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-824615f4]:hover, .action--disabled[data-v-824615f4]:focus {
+.action--disabled[data-v-6a01d6d2]:hover, .action--disabled[data-v-6a01d6d2]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled *[data-v-824615f4] {
+.action--disabled *[data-v-6a01d6d2] {
   opacity: 1 !important;
 }
-.action-text[data-v-824615f4],
-.action-text span[data-v-824615f4] {
+.action-text[data-v-6a01d6d2],
+.action-text span[data-v-6a01d6d2] {
   cursor: default;
 }