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

package/dist/composables/useHotKey/index.mjs

@@ -0,0 +1,69 @@
+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) {
+    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 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.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;"}

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;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;"}

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,qBAAqB;AAE9C,OAAO,iBAAiB,UAAU,MAAM;AACvC,eAAa,QAAQ,oBAAqB;AAC3C,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,MAAM;AAOb,SAAS,cAAc;AAC7B,SAAO,SAAS,QAAQ;AACzB;AAOO,SAAS,mBAAmB;AAClC,SAAO,SAAS,aAAa;AAC9B;AAOY,MAAC,gBAAgB,SAAS,QAAQ;"}

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,MAAO;AAAA,EACV;AACF;"}

package/dist/directives/Linkify/index.mjs

@@ -0,0 +1,10 @@
+import { L as Linkify } from "../../chunks/Linkify-BtgR-dXX.mjs";
+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/directives/Linkify/index.js"],"sourcesContent":["/**\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":";AASY,MAAC,YAAY,SAAS,IAAI,SAAS;AAC9C,MAAI,QAAQ,OAAO,YAAY,MAAM;AACpC,OAAG,YAAY,QAAQ,QAAQ,MAAM,IAAI;AAAA,EACzC;AACF;"}

package/dist/directives/Tooltip/index.mjs

@@ -0,0 +1,11 @@
+import '../../assets/index-4CSl8xev.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,IAAK;AACvD,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,EACR;AACA,MAAI,MAAM,SAAS,aAAc,MAAwB,QAAQ,SAAS;AAClE,WAAA;AAAA,EACR;AACO,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,IACX;AAAA,EAAA,CACA;AAGD,QAAM,aAAa,OAAO,cAAc,mBAAA,GAAsB;AAC9D,MAAI,YAAY;AACF,iBAAA,aAAa,EAAE,GAAG;EAChC;AAEA,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,10 @@
+/**
+ * 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 './reference/index.js';
+export * from './isDarkTheme/index.ts';
 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,EACnC;AAGO,SAAA;AACR;AAQO,MAAM,cAAc,iBAAiB;"}

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-CrKUsc__.mjs";
+import { a as a2, g, b as b2, c as c2, d as d2, s } from "../../chunks/referencePickerModal-DPmXigHR.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/registerReference/index.mjs

@@ -0,0 +1,13 @@
+import { N, e, g, j, d, i, b, r, c, a } from "../../chunks/index-CrKUsc__.mjs";
+export {
+  N as NcCustomPickerRenderResult,
+  e as destroyCustomPickerElement,
+  g 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-CgZYBI2J.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';