@nextcloud/vue 8.28.0 → 8.29.1

package/dist/Composables/useIsDarkTheme.mjs

@@ -1,17 +1,34 @@
-import { ref, watch, readonly } from "vue";
-import { createSharedComposable, usePreferredDark, useMutationObserver } from "@vueuse/core";
+import { createSharedComposable, toValue, usePreferredDark, useMutationObserver } from "@vueuse/core";
+import { computed, ref, watch, readonly, inject } from "vue";
 import { checkIfDarkTheme } from "../Functions/isDarkTheme.mjs";
-function useIsDarkThemeElement(el = document.body) {
-  const isDarkTheme = ref(checkIfDarkTheme(el));
+import { I as INJECTION_KEY_THEME } from "../chunks/constants-Bls5liKo.mjs";
+/*!
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+function useIsDarkThemeElement(el) {
+  const element = computed(() => toValue(el) ?? document.body);
+  const isDarkTheme = ref(checkIfDarkTheme(element.value));
   const isDarkSystemTheme = usePreferredDark();
   function updateIsDarkTheme() {
-    isDarkTheme.value = checkIfDarkTheme(el);
+    isDarkTheme.value = checkIfDarkTheme(element.value);
   }
-  useMutationObserver(el, updateIsDarkTheme, { attributes: true });
+  useMutationObserver(element, updateIsDarkTheme, { attributes: true });
+  watch(element, updateIsDarkTheme);
   watch(isDarkSystemTheme, updateIsDarkTheme, { immediate: true });
   return readonly(isDarkTheme);
 }
-const useIsDarkTheme = createSharedComposable(() => useIsDarkThemeElement());
+const useInternalIsDarkTheme = createSharedComposable(() => useIsDarkThemeElement());
+function useIsDarkTheme() {
+  const isDarkTheme = useInternalIsDarkTheme();
+  const enforcedTheme = inject(INJECTION_KEY_THEME, void 0);
+  return computed(() => {
+    if (enforcedTheme?.value) {
+      return enforcedTheme.value === "dark";
+    }
+    return isDarkTheme.value;
+  });
+}
 export {
   useIsDarkTheme,
   useIsDarkThemeElement

package/dist/Composables/useIsDarkTheme.mjs.map

@@ -1 +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,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;"}
+{"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 { MaybeRefOrGetter } from '@vueuse/core'\nimport type { DeepReadonly, Ref } from 'vue'\n\nimport { createSharedComposable, toValue, usePreferredDark, useMutationObserver } from '@vueuse/core'\nimport { computed, inject, ref, readonly, watch } from 'vue'\nimport { checkIfDarkTheme } from '../../functions/isDarkTheme/index.ts'\nimport { INJECTION_KEY_THEME } from './constants.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?: MaybeRefOrGetter<HTMLElement>): DeepReadonly<Ref<boolean>> {\n\tconst element = computed(() => toValue(el) ?? document.body)\n\n\tconst isDarkTheme = ref(checkIfDarkTheme(element.value))\n\tconst isDarkSystemTheme = usePreferredDark()\n\n\t/** Update the isDarkTheme */\n\tfunction updateIsDarkTheme() {\n\t\tisDarkTheme.value = checkIfDarkTheme(element.value)\n\t}\n\n\t// Watch for element change to handle data-theme* attributes change\n\tuseMutationObserver(element, updateIsDarkTheme, { attributes: true })\n\t// Watch for ref changes\n\twatch(element, updateIsDarkTheme)\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 * The real shared composable of the dark theme state.\n * We need to wrap this to allow to react to injected theme changes.\n */\nconst useInternalIsDarkTheme = createSharedComposable(() => useIsDarkThemeElement())\n\n/**\n * Shared composable to check whether the dark theme is enabled on the page.\n *\n * Reacts on body data-theme-* attributes change and system theme change.\n * As well as any enforced theme by the `NcThemeProvider`.\n *\n * @return Computed boolean whether the dark theme is enabled\n */\nexport function useIsDarkTheme(): DeepReadonly<Ref<boolean>> {\n\tconst isDarkTheme = useInternalIsDarkTheme()\n\tconst enforcedTheme = inject(INJECTION_KEY_THEME, undefined)\n\n\treturn computed(() => {\n\t\tif (enforcedTheme?.value) {\n\t\t\treturn enforcedTheme.value === 'dark'\n\t\t}\n\t\treturn isDarkTheme.value\n\t})\n}\n"],"names":[],"mappings":";;;;AAAA;AAAA;AAAA;AAAA;AAoBO,SAAS,sBAAsB,IAAgE;AACrG,QAAM,UAAU,SAAS,MAAM,QAAQ,EAAE,KAAK,SAAS,IAAI;AAE3D,QAAM,cAAc,IAAI,iBAAiB,QAAQ,KAAK,CAAC;AACvD,QAAM,oBAAoB,iBAAiB;AAG3C,WAAS,oBAAoB;AAChB,gBAAA,QAAQ,iBAAiB,QAAQ,KAAK;AAAA,EAAA;AAInD,sBAAoB,SAAS,mBAAmB,EAAE,YAAY,MAAM;AAEpE,QAAM,SAAS,iBAAiB;AAEhC,QAAM,mBAAmB,mBAAmB,EAAE,WAAW,MAAM;AAE/D,SAAO,SAAS,WAAW;AAC5B;AAMA,MAAM,yBAAyB,uBAAuB,MAAM,uBAAuB;AAU5E,SAAS,iBAA6C;AAC5D,QAAM,cAAc,uBAAuB;AACrC,QAAA,gBAAgB,OAAO,qBAAqB,MAAS;AAE3D,SAAO,SAAS,MAAM;AACrB,QAAI,eAAe,OAAO;AACzB,aAAO,cAAc,UAAU;AAAA,IAAA;AAEhC,WAAO,YAAY;AAAA,EAAA,CACnB;AACF;"}

package/dist/Functions/dialog.cjs

@@ -3,21 +3,33 @@ 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 = () => {
+function spawnDialog(dialog, props = {}, optionsOrOnClose = {}, onClose = () => {
 }) {
-  const el = document.createElement("div");
-  const container = typeof props?.container === "string" ? document.querySelector(props.container) || document.body : document.body;
-  container.appendChild(el);
+  if (typeof optionsOrOnClose === "function") {
+    onClose = optionsOrOnClose;
+    optionsOrOnClose = {};
+  }
+  let { container } = optionsOrOnClose;
+  if ("container" in props && typeof props.container === "string") {
+    container ??= props.container;
+  }
+  const resolvedContainer = typeof container === "string" && document.querySelector(container) || document.body;
+  const element = resolvedContainer.appendChild(document.createElement("div"));
   const vm = new Vue__default.default({
-    el,
+    el: element,
     name: "VueDialogHelper",
     render: (h) => h(dialog, {
-      props,
+      props: {
+        // If dialog has no `container` prop passing a falsy value does nothing
+        // Otherwise it is expected that `null` disables teleport and mounts dialog in place like NcDialog/NcModal
+        container: null,
+        ...props
+      },
       on: {
         close: (...rest) => {
           onClose(...rest.map((v) => Vue.toRaw(v)));
           vm.$destroy();
-          el.remove();
+          element.remove();
         }
       }
     })

package/dist/Functions/dialog.cjs.map

@@ -1 +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,IAAM,MAAA,CAAC,CAAC,CAAC;AAClC,aAAG,SAAS;AACZ,aAAG,OAAO;AAAA,QAAA;AAAA,MACX;AAAA,IAED,CAAA;AAAA,EAAA,CACF;AACM,SAAA;AACR;;"}
+{"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\ntype SpawnDialogOptions = {\n\t/**\n\t * Container to mount the dialog to\n\t * @default document.body\n\t */\n\tcontainer?: Element | string\n}\n\nexport function spawnDialog(\n\tdialog: Component,\n\tprops?: object,\n\tonClose?: (...rest: unknown[]) => void,\n): void\n\nexport function spawnDialog(\n\tdialog: Component,\n\tprops?: object,\n\toptions?: SpawnDialogOptions,\n\tonClose?: (...rest: unknown[]) => void,\n): void\n\n/**\n * Spawn a single-use Vue dialog instance to get the result when it is closed\n *\n * @param dialog - Dialog component to spawn\n * @param props - Props to pass to the dialog instance\n * @param optionsOrOnClose - Spawning options or a callback when the dialog is closed\n * @param onClose - Callback when the dialog is closed\n */\nexport function spawnDialog(\n\tdialog: Component,\n\tprops: object = {},\n\toptionsOrOnClose: SpawnDialogOptions | ((...rest: unknown[]) => void) = {},\n\tonClose: (...rest: unknown[]) => void = () => {},\n): Vue {\n\tif (typeof optionsOrOnClose === 'function') {\n\t\tonClose = optionsOrOnClose\n\t\toptionsOrOnClose = {}\n\t}\n\n\tlet { container } = optionsOrOnClose\n\n\t// For backwards compatibility try to use container from props\n\tif ('container' in props && typeof props.container === 'string') {\n\t\tcontainer ??= props.container\n\t}\n\n\t// Resolve container to an Element or fallback to document.body\n\tconst resolvedContainer = (typeof container === 'string' && document.querySelector(container)) || document.body\n\n\t// Create root container element for the dialog\n\tconst element = resolvedContainer.appendChild(document.createElement('div'))\n\n\tconst vm = new Vue({\n\t\tel: element,\n\t\tname: 'VueDialogHelper',\n\t\trender: (h) =>\n\t\t\th(dialog, {\n\t\t\t\tprops: {\n\t\t\t\t\t// If dialog has no `container` prop passing a falsy value does nothing\n\t\t\t\t\t// Otherwise it is expected that `null` disables teleport and mounts dialog in place like NcDialog/NcModal\n\t\t\t\t\tcontainer: null,\n\t\t\t\t\t...props,\n\t\t\t\t},\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\telement.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":";;;;;AAqCgB,SAAA,YACf,QACA,QAAgB,CAAA,GAChB,mBAAwE,CAAA,GACxE,UAAwC,MAAM;AAAC,GACzC;AACF,MAAA,OAAO,qBAAqB,YAAY;AACjC,cAAA;AACV,uBAAmB,CAAC;AAAA,EAAA;AAGjB,MAAA,EAAE,cAAc;AAGpB,MAAI,eAAe,SAAS,OAAO,MAAM,cAAc,UAAU;AAChE,kBAAc,MAAM;AAAA,EAAA;AAIf,QAAA,oBAAqB,OAAO,cAAc,YAAY,SAAS,cAAc,SAAS,KAAM,SAAS;AAG3G,QAAM,UAAU,kBAAkB,YAAY,SAAS,cAAc,KAAK,CAAC;AAErE,QAAA,KAAK,IAAIA,qBAAI;AAAA,IAClB,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,MACR,EAAE,QAAQ;AAAA,MACT,OAAO;AAAA;AAAA;AAAA,QAGN,WAAW;AAAA,QACX,GAAG;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,QACH,OAAO,IAAI,SAAoB;AAC9B,kBAAQ,GAAG,KAAK,IAAI,OAAKC,IAAM,MAAA,CAAC,CAAC,CAAC;AAClC,aAAG,SAAS;AACZ,kBAAQ,OAAO;AAAA,QAAA;AAAA,MAChB;AAAA,IAED,CAAA;AAAA,EAAA,CACF;AACM,SAAA;AACR;;"}

package/dist/Functions/dialog.mjs

@@ -1,19 +1,31 @@
 import Vue, { toRaw } from "vue";
-function spawnDialog(dialog, props, onClose = () => {
+function spawnDialog(dialog, props = {}, optionsOrOnClose = {}, onClose = () => {
 }) {
-  const el = document.createElement("div");
-  const container = typeof props?.container === "string" ? document.querySelector(props.container) || document.body : document.body;
-  container.appendChild(el);
+  if (typeof optionsOrOnClose === "function") {
+    onClose = optionsOrOnClose;
+    optionsOrOnClose = {};
+  }
+  let { container } = optionsOrOnClose;
+  if ("container" in props && typeof props.container === "string") {
+    container ??= props.container;
+  }
+  const resolvedContainer = typeof container === "string" && document.querySelector(container) || document.body;
+  const element = resolvedContainer.appendChild(document.createElement("div"));
   const vm = new Vue({
-    el,
+    el: element,
     name: "VueDialogHelper",
     render: (h) => h(dialog, {
-      props,
+      props: {
+        // If dialog has no `container` prop passing a falsy value does nothing
+        // Otherwise it is expected that `null` disables teleport and mounts dialog in place like NcDialog/NcModal
+        container: null,
+        ...props
+      },
       on: {
         close: (...rest) => {
           onClose(...rest.map((v) => toRaw(v)));
           vm.$destroy();
-          el.remove();
+          element.remove();
         }
       }
     })

package/dist/Functions/dialog.mjs.map

@@ -1 +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,QAAA;AAAA,MACX;AAAA,IAED,CAAA;AAAA,EAAA,CACF;AACM,SAAA;AACR;"}
+{"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\ntype SpawnDialogOptions = {\n\t/**\n\t * Container to mount the dialog to\n\t * @default document.body\n\t */\n\tcontainer?: Element | string\n}\n\nexport function spawnDialog(\n\tdialog: Component,\n\tprops?: object,\n\tonClose?: (...rest: unknown[]) => void,\n): void\n\nexport function spawnDialog(\n\tdialog: Component,\n\tprops?: object,\n\toptions?: SpawnDialogOptions,\n\tonClose?: (...rest: unknown[]) => void,\n): void\n\n/**\n * Spawn a single-use Vue dialog instance to get the result when it is closed\n *\n * @param dialog - Dialog component to spawn\n * @param props - Props to pass to the dialog instance\n * @param optionsOrOnClose - Spawning options or a callback when the dialog is closed\n * @param onClose - Callback when the dialog is closed\n */\nexport function spawnDialog(\n\tdialog: Component,\n\tprops: object = {},\n\toptionsOrOnClose: SpawnDialogOptions | ((...rest: unknown[]) => void) = {},\n\tonClose: (...rest: unknown[]) => void = () => {},\n): Vue {\n\tif (typeof optionsOrOnClose === 'function') {\n\t\tonClose = optionsOrOnClose\n\t\toptionsOrOnClose = {}\n\t}\n\n\tlet { container } = optionsOrOnClose\n\n\t// For backwards compatibility try to use container from props\n\tif ('container' in props && typeof props.container === 'string') {\n\t\tcontainer ??= props.container\n\t}\n\n\t// Resolve container to an Element or fallback to document.body\n\tconst resolvedContainer = (typeof container === 'string' && document.querySelector(container)) || document.body\n\n\t// Create root container element for the dialog\n\tconst element = resolvedContainer.appendChild(document.createElement('div'))\n\n\tconst vm = new Vue({\n\t\tel: element,\n\t\tname: 'VueDialogHelper',\n\t\trender: (h) =>\n\t\t\th(dialog, {\n\t\t\t\tprops: {\n\t\t\t\t\t// If dialog has no `container` prop passing a falsy value does nothing\n\t\t\t\t\t// Otherwise it is expected that `null` disables teleport and mounts dialog in place like NcDialog/NcModal\n\t\t\t\t\tcontainer: null,\n\t\t\t\t\t...props,\n\t\t\t\t},\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\telement.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":";AAqCgB,SAAA,YACf,QACA,QAAgB,CAAA,GAChB,mBAAwE,CAAA,GACxE,UAAwC,MAAM;AAAC,GACzC;AACF,MAAA,OAAO,qBAAqB,YAAY;AACjC,cAAA;AACV,uBAAmB,CAAC;AAAA,EAAA;AAGjB,MAAA,EAAE,cAAc;AAGpB,MAAI,eAAe,SAAS,OAAO,MAAM,cAAc,UAAU;AAChE,kBAAc,MAAM;AAAA,EAAA;AAIf,QAAA,oBAAqB,OAAO,cAAc,YAAY,SAAS,cAAc,SAAS,KAAM,SAAS;AAG3G,QAAM,UAAU,kBAAkB,YAAY,SAAS,cAAc,KAAK,CAAC;AAErE,QAAA,KAAK,IAAI,IAAI;AAAA,IAClB,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,MACR,EAAE,QAAQ;AAAA,MACT,OAAO;AAAA;AAAA;AAAA,QAGN,WAAW;AAAA,QACX,GAAG;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,QACH,OAAO,IAAI,SAAoB;AAC9B,kBAAQ,GAAG,KAAK,IAAI,OAAK,MAAM,CAAC,CAAC,CAAC;AAClC,aAAG,SAAS;AACZ,kBAAQ,OAAO;AAAA,QAAA;AAAA,MAChB;AAAA,IAED,CAAA;AAAA,EAAA,CACF;AACM,SAAA;AACR;"}

package/dist/Functions/reference.cjs

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

package/dist/Functions/reference.mjs

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

package/dist/Functions/usernameToColor.cjs

@@ -1,4 +1,30 @@
 "use strict";
-const usernameToColor = require("../chunks/usernameToColor-Bu43-l7c.cjs");
-module.exports = usernameToColor.usernameToColor;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const GenColors = require("../chunks/GenColors-BnYS3bvv.cjs");
+const md5 = require("md5");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const md5__default = /* @__PURE__ */ _interopDefault(md5);
+function usernameToColor(username) {
+  let hash = username.toLowerCase();
+  if (hash.match(/^([0-9a-f]{4}-?){8}$/) === null) {
+    hash = md5__default.default(hash);
+  }
+  hash = hash.replace(/[^0-9a-f]/g, "");
+  const steps = 6;
+  const finalPalette = GenColors.GenColors(steps);
+  function hashToInt(hash2, maximum) {
+    let finalInt = 0;
+    const result = [];
+    for (let i = 0; i < hash2.length; i++) {
+      result.push(parseInt(hash2.charAt(i), 16) % 16);
+    }
+    for (const j in result) {
+      finalInt += result[j];
+    }
+    return parseInt(parseInt(finalInt, 10) % maximum, 10);
+  }
+  return finalPalette[hashToInt(hash, steps * 3)];
+}
+exports.default = usernameToColor;
+exports.usernameToColor = usernameToColor;
 //# sourceMappingURL=usernameToColor.cjs.map

package/dist/Functions/usernameToColor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usernameToColor.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"usernameToColor.cjs","sources":["../../src/functions/usernameToColor/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { GenColors } from '../../utils/GenColors.js'\n\nimport md5 from 'md5'\n\n/**\n * Generate a color from a username\n * Originally taken from https://github.com/nextcloud/server/blob/master/core/js/placeholder.js\n *\n * @param {string} username Display name or user id to generate from\n * @return {{ r: number, g: number, b: number }} the RGB color\n */\nexport function usernameToColor(username) {\n\t// Normalize hash\n\tlet hash = username.toLowerCase()\n\n\t// Already a md5 hash?\n\tif (hash.match(/^([0-9a-f]{4}-?){8}$/) === null) {\n\t\thash = md5(hash)\n\t}\n\n\thash = hash.replace(/[^0-9a-f]/g, '')\n\n\tconst steps = 6\n\tconst finalPalette = GenColors(steps)\n\n\t/**\n\t * Convert a string to an integer evenly\n\t *\n\t * @param {string} hash The hash to convert\n\t * @param {number} maximum Largest number allowed\n\t */\n\tfunction hashToInt(hash, maximum) {\n\t\tlet finalInt = 0\n\t\tconst result = []\n\n\t\t// Splitting evenly the string\n\t\tfor (let i = 0; i < hash.length; i++) {\n\t\t\t// chars in md5 goes up to f, hex:16\n\t\t\tresult.push(parseInt(hash.charAt(i), 16) % 16)\n\t\t}\n\n\t\t// Adds up all results\n\t\tfor (const j in result) {\n\t\t\tfinalInt += result[j]\n\t\t}\n\n\t\t// chars in md5 goes up to f, hex:16\n\t\t// make sure we're always using int in our operation\n\t\treturn parseInt(parseInt(finalInt, 10) % maximum, 10)\n\t}\n\treturn finalPalette[hashToInt(hash, steps * 3)]\n}\n\n/**\n * @deprecated use the named export of `usernameToColor` instead\n */\nexport default usernameToColor\n"],"names":["md5","GenColors","hash"],"mappings":";;;;;;AAgBO,SAAS,gBAAgB,UAAU;AAEzC,MAAI,OAAO,SAAS,YAAW;AAG/B,MAAI,KAAK,MAAM,sBAAsB,MAAM,MAAM;AAChD,WAAOA,aAAG,QAAC,IAAI;AAAA,EACjB;AAEC,SAAO,KAAK,QAAQ,cAAc,EAAE;AAEpC,QAAM,QAAQ;AACd,QAAM,eAAeC,UAAAA,UAAU,KAAK;AAQpC,WAAS,UAAUC,OAAM,SAAS;AACjC,QAAI,WAAW;AACf,UAAM,SAAS,CAAA;AAGf,aAAS,IAAI,GAAG,IAAIA,MAAK,QAAQ,KAAK;AAErC,aAAO,KAAK,SAASA,MAAK,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE;AAAA,IAChD;AAGE,eAAW,KAAK,QAAQ;AACvB,kBAAY,OAAO,CAAC;AAAA,IACvB;AAIE,WAAO,SAAS,SAAS,UAAU,EAAE,IAAI,SAAS,EAAE;AAAA,EACtD;AACC,SAAO,aAAa,UAAU,MAAM,QAAQ,CAAC,CAAC;AAC/C;;;"}

package/dist/Functions/usernameToColor.mjs

@@ -1,5 +1,28 @@
-import { u } from "../chunks/usernameToColor-BPaEECqs.mjs";
+import { G as GenColors } from "../chunks/GenColors-DNN63dHB.mjs";
+import md5 from "md5";
+function usernameToColor(username) {
+  let hash = username.toLowerCase();
+  if (hash.match(/^([0-9a-f]{4}-?){8}$/) === null) {
+    hash = md5(hash);
+  }
+  hash = hash.replace(/[^0-9a-f]/g, "");
+  const steps = 6;
+  const finalPalette = GenColors(steps);
+  function hashToInt(hash2, maximum) {
+    let finalInt = 0;
+    const result = [];
+    for (let i = 0; i < hash2.length; i++) {
+      result.push(parseInt(hash2.charAt(i), 16) % 16);
+    }
+    for (const j in result) {
+      finalInt += result[j];
+    }
+    return parseInt(parseInt(finalInt, 10) % maximum, 10);
+  }
+  return finalPalette[hashToInt(hash, steps * 3)];
+}
 export {
-  u as default
+  usernameToColor as default,
+  usernameToColor
 };
 //# sourceMappingURL=usernameToColor.mjs.map

package/dist/Functions/usernameToColor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usernameToColor.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"usernameToColor.mjs","sources":["../../src/functions/usernameToColor/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { GenColors } from '../../utils/GenColors.js'\n\nimport md5 from 'md5'\n\n/**\n * Generate a color from a username\n * Originally taken from https://github.com/nextcloud/server/blob/master/core/js/placeholder.js\n *\n * @param {string} username Display name or user id to generate from\n * @return {{ r: number, g: number, b: number }} the RGB color\n */\nexport function usernameToColor(username) {\n\t// Normalize hash\n\tlet hash = username.toLowerCase()\n\n\t// Already a md5 hash?\n\tif (hash.match(/^([0-9a-f]{4}-?){8}$/) === null) {\n\t\thash = md5(hash)\n\t}\n\n\thash = hash.replace(/[^0-9a-f]/g, '')\n\n\tconst steps = 6\n\tconst finalPalette = GenColors(steps)\n\n\t/**\n\t * Convert a string to an integer evenly\n\t *\n\t * @param {string} hash The hash to convert\n\t * @param {number} maximum Largest number allowed\n\t */\n\tfunction hashToInt(hash, maximum) {\n\t\tlet finalInt = 0\n\t\tconst result = []\n\n\t\t// Splitting evenly the string\n\t\tfor (let i = 0; i < hash.length; i++) {\n\t\t\t// chars in md5 goes up to f, hex:16\n\t\t\tresult.push(parseInt(hash.charAt(i), 16) % 16)\n\t\t}\n\n\t\t// Adds up all results\n\t\tfor (const j in result) {\n\t\t\tfinalInt += result[j]\n\t\t}\n\n\t\t// chars in md5 goes up to f, hex:16\n\t\t// make sure we're always using int in our operation\n\t\treturn parseInt(parseInt(finalInt, 10) % maximum, 10)\n\t}\n\treturn finalPalette[hashToInt(hash, steps * 3)]\n}\n\n/**\n * @deprecated use the named export of `usernameToColor` instead\n */\nexport default usernameToColor\n"],"names":["hash"],"mappings":";;AAgBO,SAAS,gBAAgB,UAAU;AAEzC,MAAI,OAAO,SAAS,YAAW;AAG/B,MAAI,KAAK,MAAM,sBAAsB,MAAM,MAAM;AAChD,WAAO,IAAI,IAAI;AAAA,EACjB;AAEC,SAAO,KAAK,QAAQ,cAAc,EAAE;AAEpC,QAAM,QAAQ;AACd,QAAM,eAAe,UAAU,KAAK;AAQpC,WAAS,UAAUA,OAAM,SAAS;AACjC,QAAI,WAAW;AACf,UAAM,SAAS,CAAA;AAGf,aAAS,IAAI,GAAG,IAAIA,MAAK,QAAQ,KAAK;AAErC,aAAO,KAAK,SAASA,MAAK,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE;AAAA,IAChD;AAGE,eAAW,KAAK,QAAQ;AACvB,kBAAY,OAAO,CAAC;AAAA,IACvB;AAIE,WAAO,SAAS,SAAS,UAAU,EAAE,IAAI,SAAS,EAAE;AAAA,EACtD;AACC,SAAO,aAAa,UAAU,MAAM,QAAQ,CAAC,CAAC;AAC/C;"}

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-B0yHh7IW.cjs");
+const Mixins_richEditor = require("../chunks/index-AlIgEQXL.cjs");
 require("escape-html");
 require("striptags");
 require("vue");

package/dist/Mixins/richEditor.mjs

@@ -1,4 +1,4 @@
-import { U, a, r } from "../chunks/index-Dpk-sL3D.mjs";
+import { U, a, r } from "../chunks/index-B8gPNa8c.mjs";
 import "escape-html";
 import "striptags";
 import "vue";

package/dist/assets/{NcActionInput-gUagFGC5.css → NcActionInput-D79204Jr.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-d174eb12] {
+.material-design-icon[data-v-caba6a2d] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -27,9 +27,9 @@
  * color-text-maxcontrast 	disabled state
  */
 /* Default global values */
-button[data-v-d174eb12]:not(.button-vue),
-input[data-v-d174eb12]:not([type=range]),
-textarea[data-v-d174eb12] {
+button[data-v-caba6a2d]:not(.button-vue),
+input[data-v-caba6a2d]:not([type=range]),
+textarea[data-v-caba6a2d] {
   margin: 0;
   padding: 7px 6px;
   cursor: text;
@@ -41,69 +41,69 @@ textarea[data-v-d174eb12] {
   font-size: 13px;
   /* Primary action button, use sparingly */
 }
-button[data-v-d174eb12]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-d174eb12]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-d174eb12],
-input[data-v-d174eb12]:not([type=range]):not(:disabled):not(.primary):hover,
-input[data-v-d174eb12]:not([type=range]):not(:disabled):not(.primary):focus,
-input:not([type=range]):not(:disabled):not(.primary).active[data-v-d174eb12],
-textarea[data-v-d174eb12]:not(:disabled):not(.primary):hover,
-textarea[data-v-d174eb12]:not(:disabled):not(.primary):focus,
-textarea:not(:disabled):not(.primary).active[data-v-d174eb12] {
+button[data-v-caba6a2d]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-caba6a2d]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-caba6a2d],
+input[data-v-caba6a2d]:not([type=range]):not(:disabled):not(.primary):hover,
+input[data-v-caba6a2d]:not([type=range]):not(:disabled):not(.primary):focus,
+input:not([type=range]):not(:disabled):not(.primary).active[data-v-caba6a2d],
+textarea[data-v-caba6a2d]:not(:disabled):not(.primary):hover,
+textarea[data-v-caba6a2d]:not(:disabled):not(.primary):focus,
+textarea:not(:disabled):not(.primary).active[data-v-caba6a2d] {
   /* active class used for multiselect */
   border-color: var(--color-primary-element);
   outline: none;
 }
-button[data-v-d174eb12]:not(.button-vue):not(:disabled):not(.primary):active,
-input[data-v-d174eb12]:not([type=range]):not(:disabled):not(.primary):active,
-textarea[data-v-d174eb12]:not(:disabled):not(.primary):active {
+button[data-v-caba6a2d]:not(.button-vue):not(:disabled):not(.primary):active,
+input[data-v-caba6a2d]:not([type=range]):not(:disabled):not(.primary):active,
+textarea[data-v-caba6a2d]:not(:disabled):not(.primary):active {
   color: var(--color-text-light);
   outline: none;
   background-color: var(--color-main-background);
 }
-button[data-v-d174eb12]:not(.button-vue):disabled,
-input[data-v-d174eb12]:not([type=range]):disabled,
-textarea[data-v-d174eb12]:disabled {
+button[data-v-caba6a2d]:not(.button-vue):disabled,
+input[data-v-caba6a2d]:not([type=range]):disabled,
+textarea[data-v-caba6a2d]:disabled {
   cursor: default;
   opacity: 0.5;
   color: var(--color-text-maxcontrast);
   background-color: var(--color-background-dark);
 }
-button[data-v-d174eb12]:not(.button-vue):required,
-input[data-v-d174eb12]:not([type=range]):required,
-textarea[data-v-d174eb12]:required {
+button[data-v-caba6a2d]:not(.button-vue):required,
+input[data-v-caba6a2d]:not([type=range]):required,
+textarea[data-v-caba6a2d]:required {
   box-shadow: none;
 }
-button[data-v-d174eb12]:not(.button-vue):invalid,
-input[data-v-d174eb12]:not([type=range]):invalid,
-textarea[data-v-d174eb12]:invalid {
-  border-color: var(--color-error);
+button[data-v-caba6a2d]:not(.button-vue):invalid,
+input[data-v-caba6a2d]:not([type=range]):invalid,
+textarea[data-v-caba6a2d]:invalid {
+  border-color: var(--color-border-error, var(--color-error));
   box-shadow: none !important;
 }
-button:not(.button-vue).primary[data-v-d174eb12],
-input:not([type=range]).primary[data-v-d174eb12],
-textarea.primary[data-v-d174eb12] {
+button:not(.button-vue).primary[data-v-caba6a2d],
+input:not([type=range]).primary[data-v-caba6a2d],
+textarea.primary[data-v-caba6a2d] {
   cursor: pointer;
   color: var(--color-primary-element-text);
   border-color: var(--color-primary-element);
   background-color: var(--color-primary-element);
 }
-button:not(.button-vue).primary[data-v-d174eb12]:not(:disabled):hover, button:not(.button-vue).primary[data-v-d174eb12]:not(:disabled):focus, button:not(.button-vue).primary[data-v-d174eb12]:not(:disabled):active,
-input:not([type=range]).primary[data-v-d174eb12]:not(:disabled):hover,
-input:not([type=range]).primary[data-v-d174eb12]:not(:disabled):focus,
-input:not([type=range]).primary[data-v-d174eb12]:not(:disabled):active,
-textarea.primary[data-v-d174eb12]:not(:disabled):hover,
-textarea.primary[data-v-d174eb12]:not(:disabled):focus,
-textarea.primary[data-v-d174eb12]:not(:disabled):active {
+button:not(.button-vue).primary[data-v-caba6a2d]:not(:disabled):hover, button:not(.button-vue).primary[data-v-caba6a2d]:not(:disabled):focus, button:not(.button-vue).primary[data-v-caba6a2d]:not(:disabled):active,
+input:not([type=range]).primary[data-v-caba6a2d]:not(:disabled):hover,
+input:not([type=range]).primary[data-v-caba6a2d]:not(:disabled):focus,
+input:not([type=range]).primary[data-v-caba6a2d]:not(:disabled):active,
+textarea.primary[data-v-caba6a2d]:not(:disabled):hover,
+textarea.primary[data-v-caba6a2d]:not(:disabled):focus,
+textarea.primary[data-v-caba6a2d]:not(:disabled):active {
   border-color: var(--color-primary-element-light);
   background-color: var(--color-primary-element-light);
 }
-button:not(.button-vue).primary[data-v-d174eb12]:not(:disabled):active,
-input:not([type=range]).primary[data-v-d174eb12]:not(:disabled):active,
-textarea.primary[data-v-d174eb12]:not(:disabled):active {
+button:not(.button-vue).primary[data-v-caba6a2d]:not(:disabled):active,
+input:not([type=range]).primary[data-v-caba6a2d]:not(:disabled):active,
+textarea.primary[data-v-caba6a2d]:not(:disabled):active {
   color: var(--color-primary-element-text-dark);
 }
-button:not(.button-vue).primary[data-v-d174eb12]:disabled,
-input:not([type=range]).primary[data-v-d174eb12]:disabled,
-textarea.primary[data-v-d174eb12]:disabled {
+button:not(.button-vue).primary[data-v-caba6a2d]:disabled,
+input:not([type=range]).primary[data-v-caba6a2d]:disabled,
+textarea.primary[data-v-caba6a2d]:disabled {
   cursor: default;
   color: var(--color-primary-element-text-dark);
   background-color: var(--color-primary-element);
@@ -113,25 +113,25 @@ textarea.primary[data-v-d174eb12]:disabled {
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action[data-v-d174eb12]:hover, li.action.active[data-v-d174eb12] {
+li.action[data-v-caba6a2d]:hover, li.action.active[data-v-caba6a2d] {
   border-radius: 6px;
   padding: 0;
 }
-li.action[data-v-d174eb12]:hover {
+li.action[data-v-caba6a2d]:hover {
   background-color: var(--color-background-hover);
 }
-.action--disabled[data-v-d174eb12] {
+.action--disabled[data-v-caba6a2d] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-d174eb12]:hover, .action--disabled[data-v-d174eb12]:focus {
+.action--disabled[data-v-caba6a2d]:hover, .action--disabled[data-v-caba6a2d]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled *[data-v-d174eb12] {
+.action--disabled *[data-v-caba6a2d] {
   opacity: 1 !important;
 }
-.action-input[data-v-d174eb12] {
+.action-input[data-v-caba6a2d] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -147,60 +147,60 @@ li.action[data-v-d174eb12]:hover {
   box-shadow: none;
   font-weight: normal;
 }
-.action-input__icon-wrapper[data-v-d174eb12] {
+.action-input__icon-wrapper[data-v-caba6a2d] {
   display: flex;
   align-self: center;
   align-items: center;
   justify-content: center;
 }
-.action-input__icon-wrapper[data-v-d174eb12] .material-design-icon {
+.action-input__icon-wrapper[data-v-caba6a2d] .material-design-icon {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
 }
-.action-input__icon-wrapper[data-v-d174eb12] .material-design-icon .material-design-icon__svg {
+.action-input__icon-wrapper[data-v-caba6a2d] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-input > span[data-v-d174eb12] {
+.action-input > span[data-v-caba6a2d] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-input__icon[data-v-d174eb12] {
+.action-input__icon[data-v-caba6a2d] {
   min-width: 0; /* Overwrite icons*/
   min-height: 0;
   padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area);
   background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
   background-size: 16px;
 }
-.action-input__form[data-v-d174eb12] {
+.action-input__form[data-v-caba6a2d] {
   display: flex;
   align-items: center;
   flex: 1 1 auto;
   margin: 4px 0;
   padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
 }
-.action-input__container[data-v-d174eb12] {
+.action-input__container[data-v-caba6a2d] {
   position: relative;
   width: 100%;
 }
-.action-input__input-container[data-v-d174eb12] {
+.action-input__input-container[data-v-caba6a2d] {
   display: flex;
 }
-.action-input__input-container .colorpicker__trigger[data-v-d174eb12], .action-input__input-container .colorpicker__preview[data-v-d174eb12] {
+.action-input__input-container .colorpicker__trigger[data-v-caba6a2d], .action-input__input-container .colorpicker__preview[data-v-caba6a2d] {
   width: 100%;
 }
-.action-input__input-container .colorpicker__preview[data-v-d174eb12] {
+.action-input__input-container .colorpicker__preview[data-v-caba6a2d] {
   width: 100%;
   height: 36px;
   border-radius: var(--border-radius-large);
   border: 2px solid var(--color-border-maxcontrast);
   box-shadow: none !important;
 }
-.action-input__text-label[data-v-d174eb12] {
+.action-input__text-label[data-v-caba6a2d] {
   padding: 4px 0;
   display: block;
 }
-.action-input__text-label--hidden[data-v-d174eb12] {
+.action-input__text-label--hidden[data-v-caba6a2d] {
   position: absolute;
   inset-inline-start: 0;
   width: 1px;
@@ -209,18 +209,18 @@ li.action[data-v-d174eb12]:hover {
   z-index: -1;
   opacity: 0;
 }
-.action-input__datetimepicker[data-v-d174eb12] {
+.action-input__datetimepicker[data-v-caba6a2d] {
   width: 100%;
 }
-.action-input__datetimepicker[data-v-d174eb12] .mx-input {
+.action-input__datetimepicker[data-v-caba6a2d] .mx-input {
   margin: 0;
 }
-.action-input__multi[data-v-d174eb12] {
+.action-input__multi[data-v-caba6a2d] {
   width: 100%;
 }
-li:last-child > .action-input[data-v-d174eb12] {
+li:last-child > .action-input[data-v-caba6a2d] {
   padding-bottom: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
 }
-li:first-child > .action-input[data-v-d174eb12]:not(.action-input--visible-label) {
+li:first-child > .action-input[data-v-caba6a2d]:not(.action-input--visible-label) {
   padding-top: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
 }

package/dist/assets/{NcActionTextEditable-BflqGcjc.css → NcActionTextEditable-i1KSVe0J.css}

@@ -75,7 +75,7 @@ textarea[data-v-a4505289]:required {
 button[data-v-a4505289]:not(.button-vue):invalid,
 input[data-v-a4505289]:not([type=range]):invalid,
 textarea[data-v-a4505289]:invalid {
-  border-color: var(--color-error);
+  border-color: var(--color-border-error, var(--color-error));
   box-shadow: none !important;
 }
 button:not(.button-vue).primary[data-v-a4505289],