@nextcloud/vue 8.19.0 → 8.21.0

package/dist/Composables/useHotKey.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHotKey.mjs","sources":["../../src/composables/useHotKey/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { onKeyStroke } from '@vueuse/core'\n\nconst disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.()\nconst isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent)\n\n/**\n * Check if event target (active element) is editable (allows input from keyboard) or NcModal is open\n * If true, a hot key should not trigger the callback\n * TODO discuss if we should abort on another interactive elements (button, a, e.t.c)\n *\n * @param {KeyboardEvent} event keyboard event\n * @return {boolean} whether it should prevent callback\n */\nfunction shouldIgnoreEvent(event) {\n\tif (event.target instanceof HTMLInputElement\n\t\t|| event.target instanceof HTMLTextAreaElement\n\t\t|| event.target instanceof HTMLSelectElement\n\t\t|| event.target?.isContentEditable) {\n\t\treturn true\n\t}\n\t/** Abort if any modal/dialog opened */\n\treturn document.getElementsByClassName('modal-mask').length !== 0\n}\n\nconst eventHandler = (callback, options) => (event) => {\n\tconst ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey\n\tif (ctrlKeyPressed !== Boolean(options.ctrl)) {\n\t\t// Ctrl is required and not pressed, or the opposite\n\t\treturn\n\t} else if (!!options.alt !== event.altKey) {\n\t\t// Alt is required and not pressed, or the opposite\n\t\treturn\n\t} else if (!!options.shift !== event.shiftKey) {\n\t\t// Shift is required and not pressed, or the opposite\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 {string} key - keyboard key or keys to listen to\n * @param {Function} callback - callback function\n * @param {object} options - composable options\n * @see docs/composables/usekeystroke.md\n */\nexport function useHotKey(key, callback = () => {}, options = {}) {\n\tif (disableKeyboardShortcuts) {\n\t\t// Keyboard shortcuts are disabled\n\t\treturn () => {}\n\t}\n\n\tconst stopKeyDown = onKeyStroke(key, 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(key, 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":["_a"],"mappings":";;AAMA,MAAM,4BAA2B,wBAAO,QAAP,mBAAY,kBAAZ,mBAA2B,6BAA3B;AACjC,MAAM,QAAQ,0BAA0B,KAAK,UAAU,SAAS;AAUhE,SAAS,kBAAkB,OAAO;;AACjC,MAAI,MAAM,kBAAkB,oBACxB,MAAM,kBAAkB,uBACxB,MAAM,kBAAkB,uBACxBA,MAAA,MAAM,WAAN,gBAAAA,IAAc,oBAAmB;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;AAE7C;AAAA,EACA,WAAU,CAAC,CAAC,QAAQ,QAAQ,MAAM,QAAQ;AAE1C;AAAA,EACA,WAAU,CAAC,CAAC,QAAQ,UAAU,MAAM,UAAU;AAE9C;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,KAAK,WAAW,MAAM;AAAA,GAAI,UAAU,CAAA,GAAI;AACjE,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAE;AAAA,EACf;AAED,QAAM,cAAc,YAAY,KAAK,aAAa,UAAU,OAAO,GAAG;AAAA,IACrE,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EACpB,CAAE;AAED,QAAM,YAAY,QAAQ,OACvB,YAAY,KAAK,aAAa,UAAU,OAAO,GAAG;AAAA,IACnD,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":"useHotKey.mjs","sources":["../../src/composables/useHotKey/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { onKeyStroke } from '@vueuse/core'\n\nconst disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.()\nconst isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent)\n\n/**\n * Check if event target (active element) is editable (allows input from keyboard) or NcModal is open\n * If true, a hot key should not trigger the callback\n * TODO discuss if we should abort on another interactive elements (button, a, e.t.c)\n *\n * @param {KeyboardEvent} event keyboard event\n * @return {boolean} whether it should prevent callback\n */\nfunction shouldIgnoreEvent(event) {\n\tif (event.target instanceof HTMLInputElement\n\t\t|| event.target instanceof HTMLTextAreaElement\n\t\t|| event.target instanceof HTMLSelectElement\n\t\t|| event.target?.isContentEditable) {\n\t\treturn true\n\t}\n\t/** Abort if any modal/dialog opened */\n\treturn document.getElementsByClassName('modal-mask').length !== 0\n}\n\nconst eventHandler = (callback, options) => (event) => {\n\tconst ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey\n\tif (ctrlKeyPressed !== Boolean(options.ctrl)) {\n\t\t// Ctrl is required and not pressed, or the opposite\n\t\treturn\n\t} else if (!!options.alt !== event.altKey) {\n\t\t// Alt is required and not pressed, or the opposite\n\t\treturn\n\t} else if (!!options.shift !== event.shiftKey) {\n\t\t// Shift is required and not pressed, or the opposite\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 {string} key - keyboard key or keys to listen to\n * @param {Function} callback - callback function\n * @param {object} options - composable options\n * @see docs/composables/usekeystroke.md\n */\nexport function useHotKey(key, callback = () => {}, options = {}) {\n\tif (disableKeyboardShortcuts) {\n\t\t// Keyboard shortcuts are disabled\n\t\treturn () => {}\n\t}\n\n\tconst stopKeyDown = onKeyStroke(key, 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(key, 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;AAE7C;AAAA,EACA,WAAU,CAAC,CAAC,QAAQ,QAAQ,MAAM,QAAQ;AAE1C;AAAA,EACA,WAAU,CAAC,CAAC,QAAQ,UAAU,MAAM,UAAU;AAE9C;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,KAAK,WAAW,MAAM;AAAA,GAAI,UAAU,CAAA,GAAI;AACjE,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAE;AAAA,EACf;AAED,QAAM,cAAc,YAAY,KAAK,aAAa,UAAU,OAAO,GAAG;AAAA,IACrE,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EACpB,CAAE;AAED,QAAM,YAAY,QAAQ,OACvB,YAAY,KAAK,aAAa,UAAU,OAAO,GAAG;AAAA,IACnD,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.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Vue = require("vue");
+const core = require("@vueuse/core");
+const Functions_isDarkTheme = require("../Functions/isDarkTheme.cjs");
+function useIsDarkThemeElement(el = document.body) {
+  const isDarkTheme = Vue.ref(Functions_isDarkTheme.checkIfDarkTheme(el));
+  const isDarkSystemTheme = core.usePreferredDark();
+  function updateIsDarkTheme() {
+    isDarkTheme.value = Functions_isDarkTheme.checkIfDarkTheme(el);
+  }
+  core.useMutationObserver(el, updateIsDarkTheme, { attributes: true });
+  Vue.watch(isDarkSystemTheme, updateIsDarkTheme, { immediate: true });
+  return Vue.readonly(isDarkTheme);
+}
+const useIsDarkTheme = core.createSharedComposable(() => useIsDarkThemeElement());
+exports.useIsDarkTheme = useIsDarkTheme;
+exports.useIsDarkThemeElement = useIsDarkThemeElement;

package/dist/Composables/useIsDarkTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsDarkTheme.cjs","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":["ref","checkIfDarkTheme","usePreferredDark","useMutationObserver","watch","readonly","createSharedComposable"],"mappings":";;;;;AAiBgB,SAAA,sBAAsB,KAAkB,SAAS,MAAkC;AAClG,QAAM,cAAcA,IAAA,IAAIC,uCAAiB,EAAE,CAAC;AAC5C,QAAM,oBAAoBC,KAAAA;AAG1B,WAAS,oBAAoB;AAChB,gBAAA,QAAQD,uCAAiB,EAAE;AAAA,EACxC;AAGAE,OAAA,oBAAoB,IAAI,mBAAmB,EAAE,YAAY,KAAM,CAAA;AAE/DC,MAAA,MAAM,mBAAmB,mBAAmB,EAAE,WAAW,KAAM,CAAA;AAE/D,SAAOC,IAAAA,SAAS,WAAW;AAC5B;AAOO,MAAM,iBAAiBC,KAAAA,uBAAuB,MAAM,sBAAuB,CAAA;;;"}

package/dist/Composables/useIsDarkTheme.mjs

@@ -0,0 +1,18 @@
+import { ref, watch, readonly } from "vue";
+import { createSharedComposable, usePreferredDark, useMutationObserver } from "@vueuse/core";
+import { checkIfDarkTheme } from "../Functions/isDarkTheme.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.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsDarkTheme.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/Directives/Linkify.cjs

@@ -2,8 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Linkify = require("../chunks/Linkify-yeOn5L6T.cjs");
 const directive = function(el, binding) {
-  var _a;
-  if (((_a = binding.value) == null ? void 0 : _a.linkify) === true) {
+  if (binding.value?.linkify === true) {
     el.innerHTML = Linkify.Linkify(binding.value.text);
   }
 };

package/dist/Directives/Linkify.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Linkify.cjs","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":["Linkify"],"mappings":";;;AASY,MAAC,YAAY,SAAS,IAAI,SAAS;;AAC9C,QAAI,aAAQ,UAAR,mBAAe,aAAY,MAAM;AACpC,OAAG,YAAYA,QAAAA,QAAQ,QAAQ,MAAM,IAAI;AAAA,EACzC;AACF;;;"}
+{"version":3,"file":"Linkify.cjs","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":["Linkify"],"mappings":";;;AASY,MAAC,YAAY,SAAS,IAAI,SAAS;AAC9C,MAAI,QAAQ,OAAO,YAAY,MAAM;AACpC,OAAG,YAAYA,QAAAA,QAAQ,QAAQ,MAAM,IAAI;AAAA,EACzC;AACF;;;"}

package/dist/Directives/Linkify.mjs

@@ -1,7 +1,6 @@
 import { L as Linkify } from "../chunks/Linkify-BtgR-dXX.mjs";
 const directive = function(el, binding) {
-  var _a;
-  if (((_a = binding.value) == null ? void 0 : _a.linkify) === true) {
+  if (binding.value?.linkify === true) {
     el.innerHTML = Linkify(binding.value.text);
   }
 };

package/dist/Directives/Linkify.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Linkify.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,QAAI,aAAQ,UAAR,mBAAe,aAAY,MAAM;AACpC,OAAG,YAAY,QAAQ,QAAQ,MAAM,IAAI;AAAA,EACzC;AACF;"}
+{"version":3,"file":"Linkify.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.cjs

@@ -1,4 +1,4 @@
-require('../assets/Tooltip-4CSl8xev.css');
+require('../assets/Tooltip-DQ4Plm4r.css');
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const floatingVue = require("floating-vue");

package/dist/Directives/Tooltip.mjs

@@ -1,4 +1,4 @@
-import '../assets/Tooltip-4CSl8xev.css';
+import '../assets/Tooltip-DQ4Plm4r.css';
 import { options, VTooltip } from "floating-vue";
 import { VTooltip as VTooltip2, options as options2 } from "floating-vue";
 options.themes.tooltip.html = false;

package/dist/Functions/dialog.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Vue = require("vue");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const Vue__default = /* @__PURE__ */ _interopDefault(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 vm = new Vue__default.default({
+    el,
+    name: "VueDialogHelper",
+    render: (h) => h(dialog, {
+      props,
+      on: {
+        close: (...rest) => {
+          onClose(...rest.map((v) => Vue.toRaw(v)));
+          vm.$destroy();
+          el.remove();
+        }
+      }
+    })
+  });
+  return vm;
+}
+exports.spawnDialog = spawnDialog;

package/dist/Functions/dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.cjs","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 { AsyncComponent, Component } from 'vue'\n\nimport Vue, { toRaw } from 'vue'\n\ninterface DialogProps {\n\t[index: string]: unknown\n\tcontainer?: string\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 onClose Callback when the dialog is closed\n */\nexport function spawnDialog(\n\tdialog: Component | AsyncComponent,\n\tprops?: DialogProps,\n\tonClose: (...rest: unknown[]) => void = () => {},\n): Vue {\n\tconst el = document.createElement('div')\n\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 vm = new Vue({\n\t\tel,\n\t\tname: 'VueDialogHelper',\n\t\trender: (h) =>\n\t\t\th(dialog, {\n\t\t\t\tprops,\n\t\t\t\ton: {\n\t\t\t\t\tclose: (...rest: unknown[]) => {\n\t\t\t\t\t\tonClose(...rest.map(v => toRaw(v)))\n\t\t\t\t\t\tvm.$destroy()\n\t\t\t\t\t\tel.remove()\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}),\n\t})\n\treturn vm\n}\n"],"names":["Vue","toRaw"],"mappings":";;;;;AAqBO,SAAS,YACf,QACA,OACA,UAAwC,MAAM;AAAC,GACzC;AACA,QAAA,KAAK,SAAS,cAAc,KAAK;AAEvC,QAAM,YAAyB,OAAO,OAAO,cAAc,WACvD,SAAS,cAAc,MAAM,SAAS,KAAK,SAAS,OACrD,SAAS;AACZ,YAAU,YAAY,EAAE;AAElB,QAAA,KAAK,IAAIA,qBAAI;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,CAAC,MACR,EAAE,QAAQ;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACH,OAAO,IAAI,SAAoB;AAC9B,kBAAQ,GAAG,KAAK,IAAI,OAAKC,UAAM,CAAC,CAAC,CAAC;AAClC,aAAG,SAAS;AACZ,aAAG,OAAO;AAAA,QACX;AAAA,MACD;AAAA,IAAA,CACA;AAAA,EAAA,CACF;AACM,SAAA;AACR;;"}

package/dist/Functions/dialog.mjs

@@ -0,0 +1,25 @@
+import Vue, { toRaw } 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 vm = new Vue({
+    el,
+    name: "VueDialogHelper",
+    render: (h) => h(dialog, {
+      props,
+      on: {
+        close: (...rest) => {
+          onClose(...rest.map((v) => toRaw(v)));
+          vm.$destroy();
+          el.remove();
+        }
+      }
+    })
+  });
+  return vm;
+}
+export {
+  spawnDialog
+};

package/dist/Functions/dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.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 { AsyncComponent, Component } from 'vue'\n\nimport Vue, { toRaw } from 'vue'\n\ninterface DialogProps {\n\t[index: string]: unknown\n\tcontainer?: string\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 onClose Callback when the dialog is closed\n */\nexport function spawnDialog(\n\tdialog: Component | AsyncComponent,\n\tprops?: DialogProps,\n\tonClose: (...rest: unknown[]) => void = () => {},\n): Vue {\n\tconst el = document.createElement('div')\n\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 vm = new Vue({\n\t\tel,\n\t\tname: 'VueDialogHelper',\n\t\trender: (h) =>\n\t\t\th(dialog, {\n\t\t\t\tprops,\n\t\t\t\ton: {\n\t\t\t\t\tclose: (...rest: unknown[]) => {\n\t\t\t\t\t\tonClose(...rest.map(v => toRaw(v)))\n\t\t\t\t\t\tvm.$destroy()\n\t\t\t\t\t\tel.remove()\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}),\n\t})\n\treturn vm\n}\n"],"names":[],"mappings":";AAqBO,SAAS,YACf,QACA,OACA,UAAwC,MAAM;AAAC,GACzC;AACA,QAAA,KAAK,SAAS,cAAc,KAAK;AAEvC,QAAM,YAAyB,OAAO,OAAO,cAAc,WACvD,SAAS,cAAc,MAAM,SAAS,KAAK,SAAS,OACrD,SAAS;AACZ,YAAU,YAAY,EAAE;AAElB,QAAA,KAAK,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,CAAC,MACR,EAAE,QAAQ;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACH,OAAO,IAAI,SAAoB;AAC9B,kBAAQ,GAAG,KAAK,IAAI,OAAK,MAAM,CAAC,CAAC,CAAC;AAClC,aAAG,SAAS;AACZ,aAAG,OAAO;AAAA,QACX;AAAA,MACD;AAAA,IAAA,CACA;AAAA,EAAA,CACF;AACM,SAAA;AACR;"}

package/dist/Functions/emoji.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const emoji = require("../chunks/emoji-BCCCB3t3.cjs");
+const emoji = require("../chunks/emoji-VgSjNTd5.cjs");
 exports.EmojiSkinTone = emoji.EmojiSkinTone;
 exports.emojiAddRecent = emoji.emojiAddRecent;
 exports.emojiSearch = emoji.emojiSearch;

package/dist/Functions/emoji.mjs

@@ -1,4 +1,4 @@
-import { E, a, e, g, s } from "../chunks/emoji-V6ytyzoR.mjs";
+import { E, a, e, g, s } from "../chunks/emoji-BY_D0V5K.mjs";
 export {
   E as EmojiSkinTone,
   a as emojiAddRecent,

package/dist/Functions/isDarkTheme.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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();
+exports.checkIfDarkTheme = checkIfDarkTheme;
+exports.isDarkTheme = isDarkTheme;

package/dist/Functions/isDarkTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isDarkTheme.cjs","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/isDarkTheme.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.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isDarkTheme.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.cjs

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

package/dist/Functions/reference.mjs

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

package/dist/Functions/registerReference.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Functions_registerReference = require("../chunks/index-Dsgv-f-l.cjs");
+const Functions_registerReference = require("../chunks/index-BV85rPB7.cjs");
 exports.NcCustomPickerRenderResult = Functions_registerReference.NcCustomPickerRenderResult;
 exports.destroyCustomPickerElement = Functions_registerReference.destroyCustomPickerElement;
 exports.destroyWidget = Functions_registerReference.destroyWidget;

package/dist/Functions/registerReference.mjs

@@ -1,4 +1,4 @@
-import { N, g, f, j, d, i, b, r, c, a } from "../chunks/index-BwyQ2N-M.mjs";
+import { N, g, f, j, d, i, b, r, c, a } from "../chunks/index-CtoB4eIp.mjs";
 export {
   N as NcCustomPickerRenderResult,
   g as destroyCustomPickerElement,

package/dist/Functions/usernameToColor.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const usernameToColor = require("../chunks/usernameToColor-u2MH9nY7.cjs");
+const usernameToColor = require("../chunks/usernameToColor-CWxjw-Pq.cjs");
 module.exports = usernameToColor.usernameToColor;

package/dist/Functions/usernameToColor.mjs

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

package/dist/Mixins/richEditor.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Mixins_richEditor = require("../chunks/index-CC4ahXvG.cjs");
+const Mixins_richEditor = require("../chunks/index-bI_wyL5-.cjs");
 require("../chunks/Linkify-yeOn5L6T.cjs");
 require("escape-html");
 require("striptags");

package/dist/Mixins/richEditor.mjs

@@ -1,4 +1,4 @@
-import { U, a, r } from "../chunks/index-CMZdBcqP.mjs";
+import { U, a, r } from "../chunks/index-bjwozrEX.mjs";
 import "../chunks/Linkify-BtgR-dXX.mjs";
 import "escape-html";
 import "striptags";

package/dist/assets/{NcActionButton-D90PTEA5.css → NcActionButton-CNq6xIdS.css}

@@ -81,7 +81,7 @@ li.action.active[data-v-dba65098] {
   line-height: 1.6em;
   padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
   cursor: pointer;
-  text-align: left;
+  text-align: start;
   overflow: hidden;
   text-overflow: ellipsis;
 }

package/dist/assets/{NcActionCheckbox-sIGqnckr.css → NcActionCheckbox-DeW2CCVc.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-1a743a21] {
+.material-design-icon[data-v-ff274248] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -20,23 +20,23 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action.active[data-v-1a743a21] {
+li.action.active[data-v-ff274248] {
   background-color: var(--color-background-hover);
   border-radius: 6px;
   padding: 0;
 }
-.action--disabled[data-v-1a743a21] {
+.action--disabled[data-v-ff274248] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-1a743a21]:hover, .action--disabled[data-v-1a743a21]:focus {
+.action--disabled[data-v-ff274248]:hover, .action--disabled[data-v-ff274248]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled *[data-v-1a743a21] {
+.action--disabled *[data-v-ff274248] {
   opacity: 1 !important;
 }
-.action-checkbox[data-v-1a743a21] {
+.action-checkbox[data-v-ff274248] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -54,7 +54,7 @@ li.action.active[data-v-1a743a21] {
   line-height: var(--default-clickable-area);
   /* checkbox/radio fixes */
 }
-.action-checkbox__checkbox[data-v-1a743a21] {
+.action-checkbox__checkbox[data-v-ff274248] {
   position: absolute;
   top: auto;
   left: -10000px;
@@ -62,18 +62,18 @@ li.action.active[data-v-1a743a21] {
   width: 1px;
   height: 1px;
 }
-.action-checkbox__label[data-v-1a743a21] {
+.action-checkbox__label[data-v-ff274248] {
   display: flex;
   align-items: center;
   width: 100%;
   padding: 0 !important;
   padding-right: calc((var(--default-clickable-area) - 16px) / 2) !important;
 }
-.action-checkbox__label[data-v-1a743a21]::before {
+.action-checkbox__label[data-v-ff274248]::before {
   margin-block: 0 !important;
   margin-inline: calc((var(--default-clickable-area) - 14px) / 2) !important;
 }
-.action-checkbox--disabled[data-v-1a743a21],
-.action-checkbox--disabled .action-checkbox__label[data-v-1a743a21] {
+.action-checkbox--disabled[data-v-ff274248],
+.action-checkbox--disabled .action-checkbox__label[data-v-ff274248] {
   cursor: pointer;
 }