@nextcloud/vue 9.0.0-alpha.5 → 9.0.0-alpha.7

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

@@ -0,0 +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;
+}
+/**
+ * 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 declare function useHotKey(keysOrFilter: true | string | string[] | ((e: KeyboardEvent) => boolean), callback?: () => void, options?: UseHotKeyOptions): () => void;

package/dist/composables/useHotKey/index.mjs

@@ -0,0 +1,71 @@
+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 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;
+}
+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) {
+    return () => {
+    };
+  }
+  const validateKeyEvent = (event, key) => {
+    if (options.caseSensitive) {
+      return event.key === key;
+    }
+    return event.key.toLowerCase() === key.toLowerCase();
+  };
+  const keyFilter = (event) => {
+    if (typeof keysOrFilter === "function") {
+      return keysOrFilter(event);
+    } else if (typeof keysOrFilter === "string") {
+      return validateKeyEvent(event, keysOrFilter);
+    } else if (Array.isArray(keysOrFilter)) {
+      return keysOrFilter.some((key) => validateKeyEvent(event, key));
+    } else {
+      return true;
+    }
+  };
+  const stopKeyDown = onKeyStroke(keyFilter, eventHandler(callback, options), {
+    eventName: "keydown",
+    dedupe: true,
+    passive: !options.prevent
+  });
+  const stopKeyUp = options.push ? onKeyStroke(keyFilter, eventHandler(callback, options), {
+    eventName: "keyup",
+    passive: !options.prevent
+  }) : () => {
+  };
+  return () => {
+    stopKeyDown();
+    stopKeyUp();
+  };
+}
+export {
+  useHotKey
+};

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,15 @@
+import { DeepReadonly, Ref } from 'vue';
+/**
+ * Check whether the dark theme is enabled on a specific element.
+ * If you need to check an entire page, use `useIsDarkTheme` instead for better performance.
+ * Reacts on element attributes change and system theme change.
+ * @param el - The element to check for the dark theme enabled on (default is `document.body`)
+ * @return {DeepReadonly<Ref<boolean>>} - computed boolean whether the dark theme is enabled
+ */
+export declare function useIsDarkThemeElement(el?: HTMLElement): DeepReadonly<Ref<boolean>>;
+/**
+ * Shared composable to check whether the dark theme is enabled on the page.
+ * Reacts on body data-theme-* attributes change and system theme change.
+ * @return {DeepReadonly<Ref<boolean>>} - computed boolean whether the dark theme is enabled
+ */
+export declare const useIsDarkTheme: () => Readonly<Ref<boolean, boolean>>;

package/dist/composables/useIsDarkTheme/index.mjs

@@ -0,0 +1,18 @@
+import { ref, watch, readonly } from "vue";
+import { createSharedComposable, usePreferredDark, useMutationObserver } from "@vueuse/core";
+import { checkIfDarkTheme } from "../../functions/isDarkTheme/index.mjs";
+function useIsDarkThemeElement(el = document.body) {
+  const isDarkTheme = ref(checkIfDarkTheme(el));
+  const isDarkSystemTheme = usePreferredDark();
+  function updateIsDarkTheme() {
+    isDarkTheme.value = checkIfDarkTheme(el);
+  }
+  useMutationObserver(el, updateIsDarkTheme, { attributes: true });
+  watch(isDarkSystemTheme, updateIsDarkTheme, { immediate: true });
+  return readonly(isDarkTheme);
+}
+const useIsDarkTheme = createSharedComposable(() => useIsDarkThemeElement());
+export {
+  useIsDarkTheme,
+  useIsDarkThemeElement
+};

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

@@ -0,0 +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,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.mjs.map

@@ -0,0 +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,oBAAqB,CAAA;AAE9C,OAAO,iBAAiB,UAAU,MAAM;AACvC,eAAa,QAAQ,oBAAmB;AACzC,CAAC;AAOM,SAAS,kBAAkB;AACjC,SAAO,SAAS,YAAY;AAC7B;"}

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

@@ -19,4 +19,4 @@ export const MOBILE_SMALL_BREAKPOINT: number;
  *             Use `composables/useIsMobile` instead.
  *             Defined and exported only for isMobile mixin.
  */
-export const isMobileState: Readonly<import('vue').Ref<boolean>>;
+export const isMobileState: Readonly<import('vue').Ref<boolean, boolean>>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/composables/useIsMobile/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/** The minimal width of the viewport for a desktop screen */\nexport const MOBILE_BREAKPOINT = 1024\n/** The minimal width of the viewport for a small mobile screen, a half of the minimal desktop */\nexport const MOBILE_SMALL_BREAKPOINT = MOBILE_BREAKPOINT / 2\n\nconst isLessThanBreakpoint = (breakpoint) => document.documentElement.clientWidth < breakpoint\n\n// Store the state of the viewport size in a module-scope to reuse between module's users\nconst isMobile = ref(isLessThanBreakpoint(MOBILE_BREAKPOINT))\nconst isSmallMobile = ref(isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT))\n\nwindow.addEventListener('resize', () => {\n\tisMobile.value = isLessThanBreakpoint(MOBILE_BREAKPOINT)\n\tisSmallMobile.value = isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT)\n}, { passive: true })\n\n/**\n * Use global isMobile state\n *\n * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_BREAKPOINT\n */\nexport function useIsMobile() {\n\treturn readonly(isMobile)\n}\n\n/**\n * Use global isSmallMobile state\n *\n * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_SMALL_BREAKPOINT\n */\nexport function useIsSmallMobile() {\n\treturn readonly(isSmallMobile)\n}\n\n/**\n * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n *             Use `composables/useIsMobile` instead.\n *             Defined and exported only for isMobile mixin.\n */\nexport const isMobileState = readonly(isMobile)\n"],"names":[],"mappings":";AAQY,MAAC,oBAAoB;AAErB,MAAC,0BAA0B,oBAAoB;AAE3D,MAAM,uBAAuB,CAAC,eAAe,SAAS,gBAAgB,cAAc;AAGpF,MAAM,WAAW,IAAI,qBAAqB,iBAAiB,CAAC;AAC5D,MAAM,gBAAgB,IAAI,qBAAqB,uBAAuB,CAAC;AAEvE,OAAO,iBAAiB,UAAU,MAAM;AACvC,WAAS,QAAQ,qBAAqB,iBAAiB;AACvD,gBAAc,QAAQ,qBAAqB,uBAAuB;AACnE,GAAG,EAAE,SAAS,KAAM,CAAA;AAOb,SAAS,cAAc;AAC7B,SAAO,SAAS,QAAQ;AACzB;AAOO,SAAS,mBAAmB;AAClC,SAAO,SAAS,aAAa;AAC9B;AAOY,MAAC,gBAAgB,SAAS,QAAQ;"}

package/dist/composables/useTrapStackControl.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import { MaybeRefOrGetter } from '@vueuse/core';
+/**
+ * Control global focus trap stack when focus trap is managed manually
+ *
+ * @param shouldPause - Whether focus trap should be paused
+ * @param options - Additional options
+ * @param options.disabled - Whether the controller should be disabled
+ */
+export declare function useTrapStackControl(shouldPause: Ref<boolean> | (() => boolean), options?: {
+    disabled?: MaybeRefOrGetter<boolean>;
+}): void;

package/dist/directives/Focus/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.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\tmounted(el) {\n\t\tel.focus()\n\t},\n}\n\nexport default directive\n"],"names":[],"mappings":"AAKY,MAAC,YAAY;AAAA,EACxB,QAAQ,IAAI;AACX,OAAG,MAAK;AAAA,EACR;AACF;"}

package/dist/directives/Linkify/index.mjs

@@ -0,0 +1,20 @@
+import linkifyStr from "linkify-string";
+const Linkify = (text) => {
+  return linkifyStr(text, {
+    defaultProtocol: "https",
+    target: "_blank",
+    className: "external linkified",
+    attributes: {
+      rel: "nofollow noopener noreferrer"
+    }
+  });
+};
+const directive = function(el, binding) {
+  if (binding.value?.linkify === true) {
+    el.innerHTML = Linkify(binding.value.text);
+  }
+};
+export {
+  directive as default,
+  directive
+};

package/dist/directives/Linkify/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/utils/Linkify.js","../../../src/directives/Linkify/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport linkifyStr from 'linkify-string'\n\n/**\n * Linkify text\n *\n * @param {string} text The text to linkify\n * @return {string} The linkified string\n */\nconst Linkify = (text) => {\n\treturn linkifyStr(text, {\n\t\tdefaultProtocol: 'https',\n\t\ttarget: '_blank',\n\t\tclassName: 'external linkified',\n\t\tattributes: {\n\t\t\trel: 'nofollow noopener noreferrer',\n\t\t},\n\t})\n}\n\nexport default Linkify\n","/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport Linkify from '../../utils/Linkify.js'\n\n// Use function shorthand for same behavior on bind and update\n// https://vuejs.org/v2/guide/custom-directive.html#Function-Shorthand\nexport const directive = function(el, binding) {\n\tif (binding.value?.linkify === true) {\n\t\tel.innerHTML = Linkify(binding.value.text)\n\t}\n}\n\nexport default directive\n"],"names":[],"mappings":";AAaA,MAAM,UAAU,CAAC,SAAS;AACzB,SAAO,WAAW,MAAM;AAAA,IACvB,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,MACX,KAAK;AAAA,IACL;AAAA,EACD,CAAA;AACF;ACbY,MAAC,YAAY,SAAS,IAAI,SAAS;AAC9C,MAAI,QAAQ,OAAO,YAAY,MAAM;AACpC,OAAG,YAAY,QAAQ,QAAQ,MAAM,IAAI;AAAA,EAC3C;AACA;"}

package/dist/directives/Tooltip/index.mjs

@@ -0,0 +1,11 @@
+import '../../assets/index-DQ4Plm4r.css';
+import { options, VTooltip } from "floating-vue";
+import { VTooltip as VTooltip2, options as options2 } from "floating-vue";
+options.themes.tooltip.html = false;
+options.themes.tooltip.delay = { show: 500, hide: 200 };
+options.themes.tooltip.distance = 10;
+options.themes.tooltip["arrow-padding"] = 3;
+export {
+  VTooltip2 as default,
+  options2 as options
+};

package/dist/directives/Tooltip/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/directives/Tooltip/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { VTooltip, options } from 'floating-vue'\nimport './index.scss'\n\noptions.themes.tooltip.html = false\noptions.themes.tooltip.delay = { show: 500, hide: 200 }\noptions.themes.tooltip.distance = 10\noptions.themes.tooltip['arrow-padding'] = 3\n\nexport default VTooltip\nexport { options }\n"],"names":[],"mappings":";;AAQA,QAAQ,OAAO,QAAQ,OAAO;AAC9B,QAAQ,OAAO,QAAQ,QAAQ,EAAE,MAAM,KAAK,MAAM,IAAG;AACrD,QAAQ,OAAO,QAAQ,WAAW;AAClC,QAAQ,OAAO,QAAQ,eAAe,IAAI;"}

package/dist/functions/a11y/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/functions/a11y/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\n/**\n * Return true if the DOM event is an accessible mouse or keyboard element activation, false otherwise\n *\n * @param {Event} event DOM event\n *\n * @return {boolean}\n */\nexport const isA11yActivation = (event: Event) => {\n\tif (event.type === 'click') {\n\t\treturn true\n\t}\n\tif (event.type === 'keydown' && (event as KeyboardEvent).key === 'Enter') {\n\t\treturn true\n\t}\n\treturn false\n}\n"],"names":[],"mappings":"AAYa,MAAA,mBAAmB,CAAC,UAAiB;AAC7C,MAAA,MAAM,SAAS,SAAS;AACpB,WAAA;AAAA,EAAA;AAER,MAAI,MAAM,SAAS,aAAc,MAAwB,QAAQ,SAAS;AAClE,WAAA;AAAA,EAAA;AAED,SAAA;AACR;"}

package/dist/functions/dialog/index.d.ts

@@ -0,0 +1,17 @@
+import { AppContext, Component } from 'vue';
+interface DialogProps {
+    [index: string]: unknown;
+    container?: string;
+    appContext?: AppContext;
+}
+/**
+ * Helper to spawn a Vue dialog without having to mount it from a component
+ *
+ * @param dialog The dialog component to spawn
+ * @param props Properties to pass to the dialog
+ * @param props.container Optionally pass a query selector for the dialog container element
+ * @param props.appContext Optionally the app context to use (e.g. for registered components)
+ * @param onClose Callback when the dialog is closed
+ */
+export declare function spawnDialog(dialog: Component, props?: DialogProps, onClose?: (...rest: unknown[]) => void): void;
+export {};

package/dist/functions/dialog/index.mjs

@@ -0,0 +1,23 @@
+import { createVNode, toRaw, render, getCurrentInstance } from "vue";
+function spawnDialog(dialog, props, onClose = () => {
+}) {
+  const el = document.createElement("div");
+  const container = typeof props?.container === "string" ? document.querySelector(props.container) || document.body : document.body;
+  container.appendChild(el);
+  const vueComponent = createVNode(dialog, {
+    ...props,
+    onclose: (...rest) => {
+      onClose(...rest.map((v) => toRaw(v)));
+      render(null, el);
+      el.remove();
+    }
+  });
+  const appContext = props?.appContext ?? getCurrentInstance()?.appContext;
+  if (appContext) {
+    vueComponent.appContext = { ...appContext };
+  }
+  render(vueComponent, el);
+}
+export {
+  spawnDialog
+};

package/dist/functions/dialog/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/functions/dialog/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport type { AppContext, Component } from 'vue'\nimport { createVNode, getCurrentInstance, render, toRaw } from 'vue'\n\ninterface DialogProps {\n\t[index: string]: unknown\n\tcontainer?: string\n\tappContext?: AppContext\n}\n\n/**\n * Helper to spawn a Vue dialog without having to mount it from a component\n *\n * @param dialog The dialog component to spawn\n * @param props Properties to pass to the dialog\n * @param props.container Optionally pass a query selector for the dialog container element\n * @param props.appContext Optionally the app context to use (e.g. for registered components)\n * @param onClose Callback when the dialog is closed\n */\nexport function spawnDialog(\n\tdialog: Component,\n\tprops?: DialogProps,\n\tonClose: (...rest: unknown[]) => void = () => {},\n): void {\n\tconst el = document.createElement('div')\n\tconst container: HTMLElement = typeof props?.container === 'string'\n\t\t? (document.querySelector(props.container) || document.body)\n\t\t: document.body\n\tcontainer.appendChild(el)\n\n\tconst vueComponent = createVNode(dialog, {\n\t\t...props,\n\t\tonclose: (...rest: unknown[]) => {\n\t\t\tonClose(...rest.map(v => toRaw(v)))\n\t\t\t// destroy the component\n\t\t\trender(null, el)\n\t\t\tel.remove()\n\t\t},\n\t})\n\n\t// If there is an instance use it to get access to registered components\n\tconst appContext = props?.appContext ?? getCurrentInstance()?.appContext\n\tif (appContext) {\n\t\tvueComponent.appContext = { ...appContext }\n\t}\n\n\trender(vueComponent, el)\n}\n"],"names":[],"mappings":";AAsBO,SAAS,YACf,QACA,OACA,UAAwC,MAAM;AAAC,GACxC;AACD,QAAA,KAAK,SAAS,cAAc,KAAK;AACvC,QAAM,YAAyB,OAAO,OAAO,cAAc,WACvD,SAAS,cAAc,MAAM,SAAS,KAAK,SAAS,OACrD,SAAS;AACZ,YAAU,YAAY,EAAE;AAElB,QAAA,eAAe,YAAY,QAAQ;AAAA,IACxC,GAAG;AAAA,IACH,SAAS,IAAI,SAAoB;AAChC,cAAQ,GAAG,KAAK,IAAI,OAAK,MAAM,CAAC,CAAC,CAAC;AAElC,aAAO,MAAM,EAAE;AACf,SAAG,OAAO;AAAA,IAAA;AAAA,EACX,CACA;AAGD,QAAM,aAAa,OAAO,cAAc,mBAAsB,GAAA;AAC9D,MAAI,YAAY;AACF,iBAAA,aAAa,EAAE,GAAG,WAAW;AAAA,EAAA;AAG3C,SAAO,cAAc,EAAE;AACxB;"}

package/dist/functions/emoji/emoji.d.ts

@@ -15,19 +15,32 @@ export declare enum EmojiSkinTone {
     Dark = 6
 }
 /**
- * @param {string} query Emoji search string
- * @param {number} maxResults Maximum of returned emojis
- * @return {Array} list of found emojis
+ * Get the list of emojis by search filter or the list of frequently used emojis
+ *
+ * @param query Emoji search filter string; if no string or empty string is given, the list of frequently used emojis is returned
+ * @param maxResults Maximum of returned emojis
+ * @return {object[]} list of found emojis in the same format as the emoji-mart-vue-fast's EmojiIndex
  */
-export declare const emojiSearch: (query: string, maxResults?: number) => any;
-export declare const emojiAddRecent: (id: any) => void;
+export declare function emojiSearch(query: string, maxResults?: number): object[];
+/**
+ * Add emoji to the list of recent emojis.
+ * This list can be got from emojiSearch function and it is used in NcEmojiPicker.
+ *
+ * @param emojiData object with `id` property
+ * @param emojiData.id the emoji ID from emoji index
+ */
+export declare function emojiAddRecent(emojiData: {
+    id: string;
+}): void;
 /**
  * Get the current skin tone index used for emojis
+ *
  * @return {EmojiSkinTone} The skin tone
  */
-export declare const getCurrentSkinTone: () => number;
+export declare function getCurrentSkinTone(): EmojiSkinTone;
 /**
  * Set the current active skin tone for emojis
- * @param {EmojiSkinTone} skinTone Skin tone
+ *
+ * @param skinTone Skin tone
  */
-export declare const setCurrentSkinTone: (skinTone: EmojiSkinTone) => void;
+export declare function setCurrentSkinTone(skinTone: EmojiSkinTone): void;

package/dist/functions/emoji/index.mjs

@@ -0,0 +1,8 @@
+import { E, a, e, g, s } from "../../chunks/emoji-BY_D0V5K.mjs";
+export {
+  E as EmojiSkinTone,
+  a as emojiAddRecent,
+  e as emojiSearch,
+  g as getCurrentSkinTone,
+  s as setCurrentSkinTone
+};

package/dist/functions/emoji/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/functions/index.d.ts

@@ -1,4 +1,11 @@
+/**
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
 export * from './a11y/index.ts';
+export * from './dialog/index.ts';
 export * from './emoji/index.ts';
+export * from './isDarkTheme/index.ts';
+export * from './preloadImage/index.ts';
 export * from './reference/index.js';
 export { default as usernameToColor } from './usernameToColor/index.js';

package/dist/functions/isDarkTheme/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * Check whether the dark theme is used on a specific element
+ * @param el - Element to check for dark theme, which is used for `data-theme-*` checking (default is `document.body`)
+ * @return {boolean} - Whether the dark theme is enabled via Nextcloud theme
+ */
+export declare function checkIfDarkTheme(el?: HTMLElement): boolean;
+/**
+ * Whether the dark theme is enabled in Nextcloud.
+ * The variable is defined on page load and not reactive.
+ * Use `checkIfDarkTheme` if you need to check it at a specific moment.
+ * Use `useDarkTheme` if you need a reactive variable in a Vue component.
+ */
+export declare const isDarkTheme: boolean;

package/dist/functions/isDarkTheme/index.mjs

@@ -0,0 +1,12 @@
+function checkIfDarkTheme(el = document.body) {
+  const backgroundInvertIfDark = window.getComputedStyle(el).getPropertyValue("--background-invert-if-dark");
+  if (backgroundInvertIfDark !== void 0) {
+    return backgroundInvertIfDark === "invert(100%)";
+  }
+  return false;
+}
+const isDarkTheme = checkIfDarkTheme();
+export {
+  checkIfDarkTheme,
+  isDarkTheme
+};

package/dist/functions/isDarkTheme/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/functions/isDarkTheme/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\n/**\n * Check whether the dark theme is used on a specific element\n * @param el - Element to check for dark theme, which is used for `data-theme-*` checking (default is `document.body`)\n * @return {boolean} - Whether the dark theme is enabled via Nextcloud theme\n */\nexport function checkIfDarkTheme(el: HTMLElement = document.body): boolean {\n\t// Nextcloud uses --background-invert-if-dark for dark theme filters in CSS\n\t// Values:\n\t// - 'invert(100%)' for dark theme\n\t// - 'no' for light theme\n\t// This is the most reliable way to check for dark theme, including custom themes\n\tconst backgroundInvertIfDark = window.getComputedStyle(el).getPropertyValue('--background-invert-if-dark')\n\tif (backgroundInvertIfDark !== undefined) {\n\t\treturn backgroundInvertIfDark === 'invert(100%)'\n\t}\n\n\t// There is no theme? Fallback to the light theme\n\treturn false\n}\n\n/**\n * Whether the dark theme is enabled in Nextcloud.\n * The variable is defined on page load and not reactive.\n * Use `checkIfDarkTheme` if you need to check it at a specific moment.\n * Use `useDarkTheme` if you need a reactive variable in a Vue component.\n */\nexport const isDarkTheme = checkIfDarkTheme()\n"],"names":[],"mappings":"AAUgB,SAAA,iBAAiB,KAAkB,SAAS,MAAe;AAM1E,QAAM,yBAAyB,OAAO,iBAAiB,EAAE,EAAE,iBAAiB,6BAA6B;AACzG,MAAI,2BAA2B,QAAW;AACzC,WAAO,2BAA2B;AAAA,EAAA;AAI5B,SAAA;AACR;AAQO,MAAM,cAAc,iBAAiB;"}

package/dist/functions/preloadImage/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * Preload an image URL
+ * @param url URL of the image
+ */
+export declare function preloadImage(url: string): Promise<boolean>;

package/dist/functions/preloadImage/index.mjs

@@ -0,0 +1,16 @@
+import PQueue from "p-queue";
+const queue = new PQueue({ concurrency: 5 });
+function preloadImage(url) {
+  const { resolve, promise } = Promise.withResolvers();
+  queue.add(() => {
+    const image = new Image();
+    image.onerror = () => resolve(false);
+    image.onload = () => resolve(true);
+    image.src = url;
+    return promise;
+  });
+  return promise;
+}
+export {
+  preloadImage
+};

package/dist/functions/preloadImage/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/functions/preloadImage/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport PQueue from 'p-queue'\n\nconst queue = new PQueue({ concurrency: 5 })\n\n/**\n * Preload an image URL\n * @param url URL of the image\n */\nexport function preloadImage(url: string): Promise<boolean> {\n\tconst { resolve, promise } = Promise.withResolvers<boolean>()\n\tqueue.add(() => {\n\t\tconst image = new Image()\n\t\timage.onerror = () => resolve(false)\n\t\timage.onload = () => resolve(true)\n\t\timage.src = url\n\t\treturn promise\n\t})\n\n\treturn promise\n}\n"],"names":[],"mappings":";AAOA,MAAM,QAAQ,IAAI,OAAO,EAAE,aAAa,GAAG;AAMpC,SAAS,aAAa,KAA+B;AAC3D,QAAM,EAAE,SAAS,YAAY,QAAQ,cAAuB;AAC5D,QAAM,IAAI,MAAM;AACT,UAAA,QAAQ,IAAI,MAAM;AAClB,UAAA,UAAU,MAAM,QAAQ,KAAK;AAC7B,UAAA,SAAS,MAAM,QAAQ,IAAI;AACjC,UAAM,MAAM;AACL,WAAA;AAAA,EAAA,CACP;AAEM,SAAA;AACR;"}

package/dist/functions/reference/index.d.ts

@@ -2,5 +2,4 @@ import { registerWidget, renderWidget, isWidgetRegistered, hasInteractiveView }
 import { NcCustomPickerRenderResult, registerCustomPickerElement, renderCustomPickerElement, isCustomPickerElementRegistered } from './customPickerElements.js';
 import { getLinkWithPicker } from './referencePickerModal.js';
 import { anyLinkProviderId, getProvider, getProviders, sortProviders, searchProvider } from './providerHelper.js';
-
 export { registerWidget, renderWidget, isWidgetRegistered, hasInteractiveView, NcCustomPickerRenderResult, registerCustomPickerElement, renderCustomPickerElement, isCustomPickerElementRegistered, getLinkWithPicker, anyLinkProviderId, getProvider, getProviders, sortProviders, searchProvider };

package/dist/functions/reference/index.mjs

@@ -0,0 +1,18 @@
+import { N, h, d, i, b, r, c, a } from "../../chunks/index-BF8joS9W.mjs";
+import { a as a2, g, b as b2, c as c2, d as d2, s } from "../../chunks/referencePickerModal-CzI44bxD.mjs";
+export {
+  N as NcCustomPickerRenderResult,
+  a2 as anyLinkProviderId,
+  g as getLinkWithPicker,
+  b2 as getProvider,
+  c2 as getProviders,
+  h as hasInteractiveView,
+  d as isCustomPickerElementRegistered,
+  i as isWidgetRegistered,
+  b as registerCustomPickerElement,
+  r as registerWidget,
+  c as renderCustomPickerElement,
+  a as renderWidget,
+  d2 as searchProvider,
+  s as sortProviders
+};

package/dist/functions/reference/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/functions/reference/widgets.d.ts

@@ -30,7 +30,7 @@ declare global {
 declare const isWidgetRegistered: (id: string) => boolean;
 declare const hasInteractiveView: (id: string) => boolean;
 export declare const hasFullWidth: (id: string) => boolean;
-declare const registerWidget: (id: string, callback: widgetRenderCallback, onDestroy: ((el: HTMLElement) => void) | undefined, props: WidgetPropsOptional) => void;
+declare const registerWidget: (id: string, callback: widgetRenderCallback, onDestroy: (el: HTMLElement) => void, props: WidgetPropsOptional) => void;
 declare const renderWidget: (el: HTMLElement, { richObjectType, richObject, accessible, interactive }: {
     richObjectType: any;
     richObject: any;

package/dist/functions/registerReference/index.mjs

@@ -0,0 +1,13 @@
+import { N, e, f, j, d, i, b, r, c, a } from "../../chunks/index-BF8joS9W.mjs";
+export {
+  N as NcCustomPickerRenderResult,
+  e as destroyCustomPickerElement,
+  f as destroyWidget,
+  j as getCustomPickerElementSize,
+  d as isCustomPickerElementRegistered,
+  i as isWidgetRegistered,
+  b as registerCustomPickerElement,
+  r as registerWidget,
+  c as renderCustomPickerElement,
+  a as renderWidget
+};

package/dist/functions/registerReference/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/functions/usernameToColor/index.mjs

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

package/dist/functions/usernameToColor/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/functions/usernameToColor/usernameToColor.d.ts

@@ -1,8 +1,13 @@
 export default usernameToColor;
 /**
+ * Generate a color from a username
  * Originally taken from https://github.com/nextcloud/server/blob/master/core/js/placeholder.js
  *
  * @param {string} username Display name or user id to generate from
- * @return {object} the rgb colors as {r:255, g:255, b:255}
+ * @return {{ r: number, g: number, b: number }} the RGB color
  */
-declare function usernameToColor(username: string): object;
+declare function usernameToColor(username: string): {
+    r: number;
+    g: number;
+    b: number;
+};

package/dist/index.d.ts

@@ -4,7 +4,6 @@
  */
 export * from './components/index';
 export * from './composables/index.js';
-export * from './functions/index.js';
+export * from './functions/index.ts';
 export * from './directives/index.js';
 export * from './mixins/index.js';
-export { NextcloudVuePlugin } from './plugin';