@nextcloud/vue 9.0.0-alpha.6 → 9.0.0-alpha.8

package/dist/components/NcRichText/NcRichText.vue.d.ts

@@ -24,28 +24,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ObjectConstructor;
         default: null;
     };
-    markdownCssClasses: {
-        type: ObjectConstructor;
-        default: () => {
-            a: string;
-            ol: string;
-            ul: string;
-            li: string;
-            strong: string;
-            em: string;
-            h1: string;
-            h2: string;
-            h3: string;
-            h4: string;
-            h5: string;
-            h6: string;
-            hr: string;
-            table: string;
-            pre: string;
-            code: string;
-            blockquote: string;
-        };
-    };
+    /** Provide basic Markdown syntax */
     useMarkdown: {
         type: BooleanConstructor;
         default: boolean;
@@ -102,28 +81,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ObjectConstructor;
         default: null;
     };
-    markdownCssClasses: {
-        type: ObjectConstructor;
-        default: () => {
-            a: string;
-            ol: string;
-            ul: string;
-            li: string;
-            strong: string;
-            em: string;
-            h1: string;
-            h2: string;
-            h3: string;
-            h4: string;
-            h5: string;
-            h6: string;
-            hr: string;
-            table: string;
-            pre: string;
-            code: string;
-            blockquote: string;
-        };
-    };
+    /** Provide basic Markdown syntax */
     useMarkdown: {
         type: BooleanConstructor;
         default: boolean;
@@ -155,7 +113,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     referenceLimit: number;
     referenceInteractive: boolean;
     referenceInteractiveOptIn: boolean;
-    markdownCssClasses: Record<string, any>;
 }, {}, {
     NcReferenceList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         text: {
@@ -251,7 +208,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>, {
-            width: import('vue').Ref<number, number>;
+            width: import('vue').ShallowRef<number, number>;
             isVisible: import('vue').Ref<boolean, boolean>;
             widgetRoot: import('vue').Ref<any, any>;
         }, {
@@ -324,15 +281,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator(value: string): boolean;
                 };
                 type: {
-                    type: import('vue').PropType<import('../NcButton/types.ts').ButtonType>;
+                    type: import('vue').PropType<import('../NcButton/types.ts').ButtonType | `${import('../NcButton/types.ts').ButtonType}`>;
                     default: import('../NcButton/types.ts').ButtonType;
                     validator(value: string): boolean;
                 };
-                nativeType: {
-                    type: import('vue').PropType<import('../NcButton/types.ts').ButtonNativeType>;
-                    default: import('../NcButton/types.ts').ButtonNativeType;
-                    validator(value: string): boolean;
-                };
                 wide: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -365,8 +317,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: null;
                 };
+                variant: {
+                    type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                    validator(value: string): boolean;
+                    default: string;
+                };
             }>, {}, {}, {
-                realType(): "primary" | "secondary" | import('../NcButton/types.ts').ButtonType;
+                realVariant(): any;
+                realType(): "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
                 flexAlignment(): string;
                 isReverseAligned(): boolean;
                 ncPopoverTriggerAttrs(): Record<string, string | undefined>;
@@ -386,15 +344,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator(value: string): boolean;
                 };
                 type: {
-                    type: import('vue').PropType<import('../NcButton/types.ts').ButtonType>;
+                    type: import('vue').PropType<import('../NcButton/types.ts').ButtonType | `${import('../NcButton/types.ts').ButtonType}`>;
                     default: import('../NcButton/types.ts').ButtonType;
                     validator(value: string): boolean;
                 };
-                nativeType: {
-                    type: import('vue').PropType<import('../NcButton/types.ts').ButtonNativeType>;
-                    default: import('../NcButton/types.ts').ButtonNativeType;
-                    validator(value: string): boolean;
-                };
                 wide: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -427,15 +380,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: null;
                 };
+                variant: {
+                    type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                    validator(value: string): boolean;
+                    default: string;
+                };
             }>> & Readonly<{
                 "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
                 onClick?: ((...args: any[]) => any) | undefined;
             }>, {
                 size: string;
-                type: import('../NcButton/types.ts').ButtonType;
+                type: "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
                 alignment: import('../NcButton/types.ts').ButtonAlignment;
                 disabled: boolean;
-                nativeType: import('../NcButton/types.ts').ButtonNativeType;
                 wide: boolean;
                 ariaLabel: string;
                 href: string;
@@ -444,6 +401,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 to: string | Record<string, any>;
                 ariaHidden: boolean;
                 pressed: boolean;
+                variant: any;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/NcRichText/index.mjs

@@ -1,7 +1,7 @@
-import { N as NcRichText } from "../../chunks/NcRichText-DeQGaF-c.mjs";
-import { a } from "../../chunks/NcRichText-DeQGaF-c.mjs";
-import { N, d, i, b, r, c, a as a2 } from "../../chunks/index-CrKUsc__.mjs";
-import { e, f, N as N2, h, a as a3, g, b as b2, c as c2, d as d2, s } from "../../chunks/referencePickerModal-DPmXigHR.mjs";
+import { N as NcRichText } from "../../chunks/NcRichText-4jIBSmap.mjs";
+import { a } from "../../chunks/NcRichText-4jIBSmap.mjs";
+import { N, d, i, b, r, c, a as a2 } from "../../chunks/index-BF8joS9W.mjs";
+import { e, f, N as N2, h, a as a3, g, b as b2, c as c2, d as d2, s } from "../../chunks/referencePickerModal-BpNnwC_g.mjs";
 export {
   N as NcCustomPickerRenderResult,
   a as NcReferenceList,
@@ -24,3 +24,4 @@ export {
   d2 as searchProvider,
   s as sortProviders
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcRichText/remarkUnescape.d.ts

@@ -0,0 +1 @@
+export function remarkUnescape(): (tree: any) => void;

package/dist/components/NcSavingIndicatorIcon/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcSavingIndicatorIcon-BiGAtlKQ.mjs";
+import { N } from "../../chunks/NcSavingIndicatorIcon-icWy8J5x.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcSelect/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcSelect-J_CQazCj.mjs";
+import { N } from "../../chunks/NcSelect-CAx_ixPU.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcSelectTags/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcSelectTags-BZ22veGg.mjs";
+import { N } from "../../chunks/NcSelectTags-UXzC7lDz.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcSettingsInputText/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcSettingsInputText-Bjw2RqKu.mjs";
+import { N } from "../../chunks/NcSettingsInputText-BEHu3xAI.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcSettingsSection/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcSettingsSection-MATJGEoF.mjs";
+import { N } from "../../chunks/NcSettingsSection-X7f0W7vZ.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcSettingsSelectGroup/index.mjs

@@ -1,5 +1,6 @@
-import { N as NcSettingsSelectGroup } from "../../chunks/NcSettingsSelectGroup-iglfU6Rr.mjs";
+import { N as NcSettingsSelectGroup } from "../../chunks/NcSettingsSelectGroup-DfrKchOy.mjs";
 export {
   NcSettingsSelectGroup,
   NcSettingsSelectGroup as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcTextArea/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcTextArea-D_kk5GuX.mjs";
+import { N } from "../../chunks/NcTextArea-DKHjCur8.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcTextField/NcTextField.vue.d.ts

@@ -182,15 +182,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonType>;
+                type: import('vue').PropType<import('../NcButton/types.js').ButtonType | `${import('../NcButton/types.js').ButtonType}`>;
                 default: import('../NcButton/types.js').ButtonType;
                 validator(value: string): boolean;
             };
-            nativeType: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonNativeType>;
-                default: import('../NcButton/types.js').ButtonNativeType;
-                validator(value: string): boolean;
-            };
             wide: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -223,8 +218,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
                 type: BooleanConstructor;
                 default: null;
             };
+            variant: {
+                type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                validator(value: string): boolean;
+                default: string;
+            };
         }>, {}, {}, {
-            realType(): "primary" | "secondary" | import('../NcButton/types.js').ButtonType;
+            realVariant(): any;
+            realType(): "submit" | "reset" | "button" | import('../NcButton/types.js').ButtonType;
             flexAlignment(): string;
             isReverseAligned(): boolean;
             ncPopoverTriggerAttrs(): Record<string, string | undefined>;
@@ -244,15 +245,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonType>;
+                type: import('vue').PropType<import('../NcButton/types.js').ButtonType | `${import('../NcButton/types.js').ButtonType}`>;
                 default: import('../NcButton/types.js').ButtonType;
                 validator(value: string): boolean;
             };
-            nativeType: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonNativeType>;
-                default: import('../NcButton/types.js').ButtonNativeType;
-                validator(value: string): boolean;
-            };
             wide: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -285,15 +281,19 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
                 type: BooleanConstructor;
                 default: null;
             };
+            variant: {
+                type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                validator(value: string): boolean;
+                default: string;
+            };
         }>> & Readonly<{
             "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
             onClick?: ((...args: any[]) => any) | undefined;
         }>, {
             size: string;
-            type: import('../NcButton/types.js').ButtonType;
+            type: "submit" | "reset" | "button" | import('../NcButton/types.js').ButtonType;
             alignment: import('../NcButton/types.js').ButtonAlignment;
             disabled: boolean;
-            nativeType: import('../NcButton/types.js').ButtonNativeType;
             wide: boolean;
             ariaLabel: string;
             href: string;
@@ -302,6 +302,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
             to: string | Record<string, any>;
             ariaHidden: boolean;
             pressed: boolean;
+            variant: any;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         AlertCircle: any;
         Check: any;

package/dist/components/NcTextField/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcTextField-XbpY0pop.mjs";
+import { N } from "../../chunks/NcTextField-BTzKCPza.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcTimezonePicker/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcTimezonePicker-CMpvPeCI.mjs";
+import { N } from "../../chunks/NcTimezonePicker-CMoUk4sZ.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcUserBubble/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcUserBubble-DJFSxKtO.mjs";
+import { N } from "../../chunks/NcUserBubble-Dgzog0Ps.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcUserStatusIcon/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcUserStatusIcon-DjoGxkTB.mjs";
+import { N } from "../../chunks/NcUserStatusIcon-DvYiEs2L.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcVNodes/index.mjs

@@ -21,3 +21,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcVNodes/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/NcVNodes/NcVNodes.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\nA util component to render a VNode or an array of VNodes from the prop or the default slot.\n\n### Render the given or generated VNodes\n\n```vue\n<template>\n\t<NcVNodes :vnodes=\"renderDiv()\" />\n</template>\n\n<script>\nimport { h } from 'vue'\n\nexport default {\n\tmethods: {\n\t\trenderDiv() {\n\t\t\treturn h('div', 'This div was created programmatically as a VNode')\n\t\t},\n\t}\n}\n</script>\n```\n\n### Render content in a conditional wrapper\n\n```vue\n<template>\n\t<div>\n\t\t<p>\n\t\t\t<NcCheckboxRadioSwitch v-model=\"shouldRenderNcNoteCard\">Render text inside \"NcNoteCard\"</NcCheckboxRadioSwitch>\n\t\t</p>\n\t\t<component :is=\"shouldRenderNcNoteCard ? 'NcNoteCard' : 'NcVNodes'\">\n\t\t\t<p>This content is rendered {{ shouldRenderNcNoteCard ? 'with' : 'without' }} a \"NcNoteCard\" wrapper</p>\n\t\t</component>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tshouldRenderNcNoteCard: true,\n\t\t}\n\t},\n}\n</script>\n```\n</docs>\n\n<script>\nexport default {\n\tname: 'NcVNodes',\n\tprops: {\n\t\t/**\n\t\t * The vnodes to render\n\t\t */\n\t\tvnodes: {\n\t\t\ttype: [Array, Object],\n\t\t\tdefault: null,\n\t\t},\n\t},\n\t/**\n\t * The render function to display the component\n\t *\n\t * @return {object} The created VNode\n\t */\n\trender() {\n\t\treturn this.vnodes || this.$slots?.default?.({})\n\t},\n}\n</script>\n"],"names":[],"mappings":"AAuDK,MAAA,YAAU;AAAA,EACd,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIN,QAAQ;AAAA,MACP,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS;AAAA,IACT;AAAA,EACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,SAAS;AACR,WAAO,KAAK,UAAU,KAAK,QAAQ,UAAU,CAAA,CAAE;AAAA,EAC/C;AACF;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/NcVNodes/NcVNodes.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\nA util component to render a VNode or an array of VNodes from the prop or the default slot.\n\n### Render the given or generated VNodes\n\n```vue\n<template>\n\t<NcVNodes :vnodes=\"renderDiv()\" />\n</template>\n\n<script>\nimport { h } from 'vue'\n\nexport default {\n\tmethods: {\n\t\trenderDiv() {\n\t\t\treturn h('div', 'This div was created programmatically as a VNode')\n\t\t},\n\t}\n}\n</script>\n```\n\n### Render content in a conditional wrapper\n\n```vue\n<template>\n\t<div>\n\t\t<p>\n\t\t\t<NcCheckboxRadioSwitch v-model=\"shouldRenderNcNoteCard\">Render text inside \"NcNoteCard\"</NcCheckboxRadioSwitch>\n\t\t</p>\n\t\t<component :is=\"shouldRenderNcNoteCard ? 'NcNoteCard' : 'NcVNodes'\">\n\t\t\t<p>This content is rendered {{ shouldRenderNcNoteCard ? 'with' : 'without' }} a \"NcNoteCard\" wrapper</p>\n\t\t</component>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tshouldRenderNcNoteCard: true,\n\t\t}\n\t},\n}\n</script>\n```\n</docs>\n\n<script>\nexport default {\n\tname: 'NcVNodes',\n\tprops: {\n\t\t/**\n\t\t * The vnodes to render\n\t\t */\n\t\tvnodes: {\n\t\t\ttype: [Array, Object],\n\t\t\tdefault: null,\n\t\t},\n\t},\n\t/**\n\t * The render function to display the component\n\t *\n\t * @return {object} The created VNode\n\t */\n\trender() {\n\t\treturn this.vnodes || this.$slots?.default?.({})\n\t},\n}\n</script>\n"],"names":[],"mappings":"AAuDK,MAAA,YAAU;AAAA,EACd,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIN,QAAQ;AAAA,MACP,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS;AAAA,IACT;AAAA,EACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,SAAS;AACR,WAAO,KAAK,UAAU,KAAK,QAAQ,UAAU,CAAE,CAAA;AAAA,EAC/C;AACF;"}

package/dist/components/index.d.ts

@@ -32,6 +32,7 @@ export { default as NcAppSettingsSection } from './NcAppSettingsSection/index.js
 export { default as NcAppSidebar } from './NcAppSidebar/index.js';
 export { default as NcAppSidebarTab } from './NcAppSidebarTab/index.js';
 export { default as NcAvatar } from './NcAvatar/index.js';
+export { default as NcBlurHash } from './NcBlurHash/index.js';
 export { default as NcBreadcrumb } from './NcBreadcrumb/index.js';
 export { default as NcBreadcrumbs } from './NcBreadcrumbs/index.js';
 export { default as NcButton } from './NcButton/index';

package/dist/composables/index.d.ts

@@ -1,5 +1,9 @@
-export * from './useIsFullscreen/index.js';
-export * from './useIsMobile/index.js';
+/**
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
 export * from './useFormatDateTime.ts';
-export * from './useHotKey/index.js';
+export * from './useHotKey/index.ts';
 export * from './useIsDarkTheme/index.ts';
+export * from './useIsFullscreen/index.ts';
+export * from './useIsMobile/index.ts';

package/dist/composables/useHotKey/index.d.ts

@@ -1,7 +1,35 @@
+export interface UseHotKeyOptions {
+    /** Make key filter case sensitive */
+    caseSensitive?: boolean;
+    /** Prevent default behavior of key stroke */
+    prevent?: boolean;
+    /** Stop the event bubbling */
+    stop?: boolean;
+    /** Also listen for keyup event */
+    push?: boolean;
+    /**
+     * If set then the callback is only called when the shift key is (not) pressed.
+     * When left `undefined` a pressed shift key is ignored (callback is run with and without shift pressed).
+     */
+    shift?: boolean;
+    /**
+     * Only run the callback if the control key is (not-)pressed.
+     * Undefined will be handled the same as `false` and will only run the callback if the 'ctrl' key is NOT pressed.
+     */
+    ctrl?: boolean;
+    /**
+     * If set the callback is only executed if the alt key is (not-)pressed
+     * Undefined will be handled the same as `false` and will only run the callback if the 'alt' key is NOT pressed.
+     */
+    alt?: boolean;
+}
 /**
- * @param {true|string|string[]|Function} keysOrFilter - keyboard key or keys to listen to, or filter function
- * @param {Function} callback - callback function
- * @param {object} options - composable options
+ * Composable to use keyboard shortcuts in the application.
+ * It respects the users accessibility configuration (opt-out shortcuts).
+ *
+ * @param keysOrFilter - keyboard key(s) to listen to, or filter function or pass `true` for listening to all keys
+ * @param callback - callback function
+ * @param options - composable options
  * @see docs/composables/usekeystroke.md
  */
-export function useHotKey(keysOrFilter: true | string | string[] | Function, callback?: Function, options?: object): () => void;
+export declare function useHotKey(keysOrFilter: true | string | string[] | ((e: KeyboardEvent) => boolean), callback?: () => void, options?: UseHotKeyOptions): () => void;

package/dist/composables/useHotKey/index.mjs

@@ -2,30 +2,32 @@ import { onKeyStroke } from "@vueuse/core";
 const disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.();
 const isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent);
 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) {
@@ -67,3 +69,4 @@ function useHotKey(keysOrFilter, callback = () => {
 export {
   useHotKey
 };
+//# sourceMappingURL=index.mjs.map

package/dist/composables/useHotKey/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.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,2BAA4B;AACxF,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,EACP;AAED,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,EACA;AAED,MAAI,QAAQ,SAAS;AACpB,UAAM,eAAgB;AAAA,EACtB;AACD,MAAI,QAAQ,MAAM;AACjB,UAAM,gBAAiB;AAAA,EACvB;AACD,WAAS,KAAK;AACf;AAQO,SAAS,UAAU,cAAc,WAAW,MAAM;AAAA,GAAI,UAAU,CAAA,GAAI;AAC1E,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAE;AAAA,EACf;AAUD,QAAM,mBAAmB,CAAC,OAAO,QAAQ;AACxC,QAAI,QAAQ,eAAe;AAC1B,aAAO,MAAM,QAAQ;AAAA,IACrB;AACD,WAAO,MAAM,IAAI,YAAW,MAAO,IAAI,YAAa;AAAA,EACpD;AASD,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,IACP;AAAA,EACD;AAED,QAAM,cAAc,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IAC3E,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EACpB,CAAE;AAED,QAAM,YAAY,QAAQ,OACvB,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IACzD,WAAW;AAAA,IACX,SAAS,CAAC,QAAQ;AAAA,EACrB,CAAG,IACC,MAAM;AAAA,EAAE;AAEX,SAAO,MAAM;AACZ,gBAAa;AACb,cAAW;AAAA,EACX;AACF;"}
+{"version":3,"file":"index.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)\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 * FIXME should support any languages / key codes\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\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 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;AA2ChE,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;AAWT,QAAA,mBAAmB,CAAC,OAAsB,QAAyB;AACxE,QAAI,QAAQ,eAAe;AAC1B,aAAO,MAAM,QAAQ;AAAA,IAAA;AAEtB,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/useIsDarkTheme/index.mjs

@@ -16,3 +16,4 @@ export {
   useIsDarkTheme,
   useIsDarkThemeElement
 };
+//# sourceMappingURL=index.mjs.map

package/dist/composables/useIsDarkTheme/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsDarkTheme/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { DeepReadonly, Ref } from 'vue'\nimport { ref, readonly, watch } from 'vue'\nimport { createSharedComposable, usePreferredDark, useMutationObserver } from '@vueuse/core'\nimport { checkIfDarkTheme } from '../../functions/isDarkTheme/index.ts'\n\n/**\n * Check whether the dark theme is enabled on a specific element.\n * If you need to check an entire page, use `useIsDarkTheme` instead for better performance.\n * Reacts on element attributes change and system theme change.\n * @param el - The element to check for the dark theme enabled on (default is `document.body`)\n * @return {DeepReadonly<Ref<boolean>>} - computed boolean whether the dark theme is enabled\n */\nexport function useIsDarkThemeElement(el: HTMLElement = document.body): DeepReadonly<Ref<boolean>> {\n\tconst isDarkTheme = ref(checkIfDarkTheme(el))\n\tconst isDarkSystemTheme = usePreferredDark()\n\n\t/** Update the isDarkTheme */\n\tfunction updateIsDarkTheme() {\n\t\tisDarkTheme.value = checkIfDarkTheme(el)\n\t}\n\n\t// Watch for element change to handle data-theme* attributes change\n\tuseMutationObserver(el, updateIsDarkTheme, { attributes: true })\n\t// Watch for system theme change for the default theme\n\twatch(isDarkSystemTheme, updateIsDarkTheme, { immediate: true })\n\n\treturn readonly(isDarkTheme)\n}\n\n/**\n * Shared composable to check whether the dark theme is enabled on the page.\n * Reacts on body data-theme-* attributes change and system theme change.\n * @return {DeepReadonly<Ref<boolean>>} - computed boolean whether the dark theme is enabled\n */\nexport const useIsDarkTheme = createSharedComposable(() => useIsDarkThemeElement())\n"],"names":[],"mappings":";;;AAiBgB,SAAA,sBAAsB,KAAkB,SAAS,MAAkC;AAClG,QAAM,cAAc,IAAI,iBAAiB,EAAE,CAAC;AAC5C,QAAM,oBAAoB;AAG1B,WAAS,oBAAoB;AAChB,gBAAA,QAAQ,iBAAiB,EAAE;AAAA,EACxC;AAGA,sBAAoB,IAAI,mBAAmB,EAAE,YAAY,KAAM,CAAA;AAE/D,QAAM,mBAAmB,mBAAmB,EAAE,WAAW,KAAM,CAAA;AAE/D,SAAO,SAAS,WAAW;AAC5B;AAOO,MAAM,iBAAiB,uBAAuB,MAAM,sBAAuB,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsDarkTheme/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { DeepReadonly, Ref } from 'vue'\nimport { ref, readonly, watch } from 'vue'\nimport { createSharedComposable, usePreferredDark, useMutationObserver } from '@vueuse/core'\nimport { checkIfDarkTheme } from '../../functions/isDarkTheme/index.ts'\n\n/**\n * Check whether the dark theme is enabled on a specific element.\n * If you need to check an entire page, use `useIsDarkTheme` instead for better performance.\n * Reacts on element attributes change and system theme change.\n * @param el - The element to check for the dark theme enabled on (default is `document.body`)\n * @return {DeepReadonly<Ref<boolean>>} - computed boolean whether the dark theme is enabled\n */\nexport function useIsDarkThemeElement(el: HTMLElement = document.body): DeepReadonly<Ref<boolean>> {\n\tconst isDarkTheme = ref(checkIfDarkTheme(el))\n\tconst isDarkSystemTheme = usePreferredDark()\n\n\t/** Update the isDarkTheme */\n\tfunction updateIsDarkTheme() {\n\t\tisDarkTheme.value = checkIfDarkTheme(el)\n\t}\n\n\t// Watch for element change to handle data-theme* attributes change\n\tuseMutationObserver(el, updateIsDarkTheme, { attributes: true })\n\t// Watch for system theme change for the default theme\n\twatch(isDarkSystemTheme, updateIsDarkTheme, { immediate: true })\n\n\treturn readonly(isDarkTheme)\n}\n\n/**\n * Shared composable to check whether the dark theme is enabled on the page.\n * Reacts on body data-theme-* attributes change and system theme change.\n * @return {DeepReadonly<Ref<boolean>>} - computed boolean whether the dark theme is enabled\n */\nexport const useIsDarkTheme = createSharedComposable(() => useIsDarkThemeElement())\n"],"names":[],"mappings":";;;AAiBgB,SAAA,sBAAsB,KAAkB,SAAS,MAAkC;AAClG,QAAM,cAAc,IAAI,iBAAiB,EAAE,CAAC;AAC5C,QAAM,oBAAoB,iBAAiB;AAG3C,WAAS,oBAAoB;AAChB,gBAAA,QAAQ,iBAAiB,EAAE;AAAA,EAAA;AAIxC,sBAAoB,IAAI,mBAAmB,EAAE,YAAY,MAAM;AAE/D,QAAM,mBAAmB,mBAAmB,EAAE,WAAW,MAAM;AAE/D,SAAO,SAAS,WAAW;AAC5B;AAOO,MAAM,iBAAiB,uBAAuB,MAAM,sBAAuB,CAAA;"}

package/dist/composables/useIsFullscreen/index.d.ts

@@ -1,6 +1,5 @@
+import { Ref } from 'vue';
 /**
- * Use global isFullscreen state, based on the screen height check
- *
- * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>}
+ * Use global `isFullscreen` state, based on the screen height check.
  */
-export function useIsFullscreen(): import('vue').DeepReadonly<import('vue').Ref<boolean>>;
+export declare function useIsFullscreen(): Readonly<Ref<boolean>>;

package/dist/composables/useIsFullscreen/index.mjs

@@ -1,12 +1,15 @@
 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);
 }
 export {
   useIsFullscreen
 };
+//# sourceMappingURL=index.mjs.map

package/dist/composables/useIsFullscreen/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.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"],"names":[],"mappings":";AASA,MAAM,sBAAsB,MAAM,OAAO,gBAAgB,OAAO;AAEhE,MAAM,eAAe,IAAI,qBAAqB;AAE9C,OAAO,iBAAiB,UAAU,MAAM;AACvC,eAAa,QAAQ,oBAAqB;AAC3C,CAAC;AAOM,SAAS,kBAAkB;AACjC,SAAO,SAAS,YAAY;AAC7B;"}
+{"version":3,"file":"index.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 { 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(): Readonly<Ref<boolean>> {\n\treturn readonly(isFullscreen)\n}\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,kBAA0C;AACzD,SAAO,SAAS,YAAY;AAC7B;"}

package/dist/composables/useIsMobile/index.d.ts

@@ -1,22 +1,17 @@
+import { Ref } from 'vue';
+/** The minimal width of the viewport for a desktop screen */
+export declare const MOBILE_BREAKPOINT = 1024;
+/** The minimal width of the viewport for a small mobile screen, a half of the minimal desktop */
+export declare const MOBILE_SMALL_BREAKPOINT: number;
 /**
  * Use global isMobile state
  *
- * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_BREAKPOINT
+ * @return Reactive flag for MOBILE_BREAKPOINT
  */
-export function useIsMobile(): import('vue').DeepReadonly<import('vue').Ref<boolean>>;
+export declare function useIsMobile(): Readonly<Ref<boolean>>;
 /**
  * Use global isSmallMobile state
  *
- * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_SMALL_BREAKPOINT
- */
-export function useIsSmallMobile(): import('vue').DeepReadonly<import('vue').Ref<boolean>>;
-/** The minimal width of the viewport for a desktop screen */
-export const MOBILE_BREAKPOINT: 1024;
-/** The minimal width of the viewport for a small mobile screen, a half of the minimal desktop */
-export const MOBILE_SMALL_BREAKPOINT: number;
-/**
- * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.
- *             Use `composables/useIsMobile` instead.
- *             Defined and exported only for isMobile mixin.
+ * @return Reactive flag for MOBILE_SMALL_BREAKPOINT
  */
-export const isMobileState: Readonly<import('vue').Ref<boolean, boolean>>;
+export declare function useIsSmallMobile(): Readonly<Ref<boolean>>;