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

package/dist/chunks/{NcDateTime-BsCT_tyH.mjs → useFormatDateTime-Cvc8YJRE.mjs}

@@ -1,7 +1,6 @@
-import { ref, toValue, computed, watchEffect, onUnmounted, openBlock, createElementBlock, toDisplayString } from "vue";
 import { getCanonicalLocale, getLanguage } from "@nextcloud/l10n";
-import { r as register, i as t2, a as t } from "./_l10n-D7WwrqS-.mjs";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+import { ref, toValue, computed, watchEffect, onUnmounted } from "vue";
+import { r as register, b as t2, a as t } from "./_l10n-BEP_UzXI.mjs";
 register(t2);
 const FEW_SECONDS_AGO = {
   long: t("a few seconds ago"),
@@ -82,66 +81,6 @@ function useFormatDateTime(timestamp = Date.now(), opts = {}) {
     options
   };
 }
-const _sfc_main = {
-  name: "NcDateTime",
-  props: {
-    /**
-     * The timestamp to display, either an unix timestamp (in milliseconds) or a Date object
-     */
-    timestamp: {
-      type: [Date, Number],
-      required: true
-    },
-    /**
-     * The format used for displaying, or if relative time is used the format used for the title (optional)
-     *
-     * @type {Intl.DateTimeFormatOptions}
-     */
-    format: {
-      type: Object,
-      default: () => ({ timeStyle: "medium", dateStyle: "short" })
-    },
-    /**
-     * Wether to display the timestamp as time from now (optional)
-     *
-     * - `false`: Disable relative time
-     * - `'long'`: Long text, like *2 seconds ago* (default)
-     * - `'short'`: Short text, like *2 sec. ago*
-     * - `'narrow'`: Even shorter text (same as `'short'` on some languages)
-     */
-    relativeTime: {
-      type: [Boolean, String],
-      default: "long",
-      validator: (v) => v === false || ["long", "short", "narrow"].includes(v)
-    },
-    /**
-     * Ignore seconds when displaying the relative time and just show `a few seconds ago`
-     */
-    ignoreSeconds: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const timestamp = computed(() => props.timestamp);
-    const { formattedTime, formattedFullTime } = useFormatDateTime(timestamp, props);
-    return {
-      formattedTime,
-      formattedFullTime
-    };
-  }
-};
-const _hoisted_1 = ["data-timestamp", "title", "textContent"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", {
-    class: "nc-datetime",
-    "data-timestamp": $props.timestamp,
-    title: $setup.formattedFullTime,
-    textContent: toDisplayString($setup.formattedTime)
-  }, null, 8, _hoisted_1);
-}
-const NcDateTime = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  NcDateTime as N,
   useFormatDateTime as u
 };

package/dist/chunks/useFormatDateTime-Cvc8YJRE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormatDateTime-Cvc8YJRE.mjs","sources":["../../src/composables/useFormatDateTime.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { MaybeRef } from 'vue'\nimport { getCanonicalLocale, getLanguage } from '@nextcloud/l10n'\nimport { computed, onUnmounted, ref, toValue, watchEffect } from 'vue'\nimport { t } from '../l10n.js'\n\nconst FEW_SECONDS_AGO = {\n\tlong: t('a few seconds ago'),\n\tshort: t('seconds ago'), // FOR TRANSLATORS: Shorter version of 'a few seconds ago'\n\tnarrow: t('sec. ago'), // FOR TRANSLATORS: If possible in your language an even shorter version of 'a few seconds ago'\n}\n\ninterface FormatDateOptions {\n\t/**\n\t * The format used for displaying, or if relative time is used the format used for the title\n\t */\n\tformat?: Intl.DateTimeFormatOptions\n\t/**\n\t * Ignore seconds when displaying the relative time and just show `a few seconds ago`\n\t */\n\tignoreSeconds?: boolean\n\t/**\n\t * Wether to display the timestamp as time from now\n\t */\n\trelativeTime?: false | 'long' | 'short' | 'narrow'\n}\n\n/**\n * Composable for formatting time stamps using current users locale and language\n *\n * @param {import('vue').MaybeRef<Date | number>} timestamp Current timestamp\n * @param {object} opts Optional options\n * @param {Intl.DateTimeFormatOptions} opts.format The format used for displaying, or if relative time is used the format used for the title (optional)\n * @param {boolean} opts.ignoreSeconds Ignore seconds when displaying the relative time and just show `a few seconds ago`\n * @param {false | 'long' | 'short' | 'narrow'} opts.relativeTime Wether to display the timestamp as time from now (optional)\n */\nexport function useFormatDateTime(\n\ttimestamp: MaybeRef<Date|number> = Date.now(),\n\topts: MaybeRef<FormatDateOptions> = {},\n) {\n\t// Current time as Date.now is not reactive\n\tconst currentTime = ref(Date.now())\n\t// The interval ID for the window\n\tlet intervalId: number|undefined\n\n\tconst options = ref({\n\t\tformat: {\n\t\t\ttimeStyle: 'medium',\n\t\t\tdateStyle: 'short',\n\t\t} as Intl.DateTimeFormatOptions,\n\t\trelativeTime: 'long' as const,\n\t\tignoreSeconds: false,\n\t\t...toValue(opts),\n\t})\n\tconst wrappedOptions = computed<Required<FormatDateOptions>>(() => ({ ...toValue(opts), ...options.value }))\n\n\t/** ECMA Date object of the timestamp */\n\tconst date = computed(() => new Date(toValue(timestamp)))\n\n\tconst formattedFullTime = computed<string>(() => {\n\t\tconst formatter = new Intl.DateTimeFormat(getCanonicalLocale(), wrappedOptions.value.format)\n\t\treturn formatter.format(date.value)\n\t})\n\n\t/** Time string formatted for main text */\n\tconst formattedTime = computed<string>(() => {\n\t\tif (wrappedOptions.value.relativeTime !== false) {\n\t\t\tconst formatter = new Intl.RelativeTimeFormat(getLanguage(), { numeric: 'auto', style: wrappedOptions.value.relativeTime })\n\n\t\t\tconst diff = date.value.getTime() - currentTime.value\n\t\t\tconst seconds = diff / 1000\n\t\t\tif (Math.abs(seconds) <= 90) {\n\t\t\t\tif (wrappedOptions.value.ignoreSeconds) {\n\t\t\t\t\treturn FEW_SECONDS_AGO[wrappedOptions.value.relativeTime]\n\t\t\t\t} else {\n\t\t\t\t\treturn formatter.format(Math.round(seconds), 'second')\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst minutes = seconds / 60\n\t\t\tif (Math.abs(minutes) <= 90) {\n\t\t\t\treturn formatter.format(Math.round(minutes), 'minute')\n\t\t\t}\n\t\t\tconst hours = minutes / 60\n\t\t\tif (Math.abs(hours) <= 24) {\n\t\t\t\treturn formatter.format(Math.round(hours), 'hour')\n\t\t\t}\n\t\t\tconst days = hours / 24\n\t\t\tif (Math.abs(days) <= 6) {\n\t\t\t\treturn formatter.format(Math.round(days), 'day')\n\t\t\t}\n\t\t\tconst weeks = days / 7\n\t\t\tif (Math.abs(weeks) <= 4) {\n\t\t\t\treturn formatter.format(Math.round(weeks), 'week')\n\t\t\t}\n\t\t\tconst months = days / 30\n\t\t\tif (Math.abs(months) <= 12) {\n\t\t\t\treturn formatter.format(Math.round(months), 'month')\n\t\t\t}\n\t\t\treturn formatter.format(Math.round(days / 365), 'year')\n\t\t}\n\t\treturn formattedFullTime.value\n\t})\n\n\t// Set or clear interval if relative time is dis/enabled\n\twatchEffect(() => {\n\t\twindow.clearInterval(intervalId)\n\t\tintervalId = undefined\n\t\tif (wrappedOptions.value.relativeTime) {\n\t\t\tintervalId = window.setInterval(() => { currentTime.value = Date.now() }, 1000)\n\t\t}\n\t})\n\n\t// ensure interval is cleared\n\tonUnmounted(() => {\n\t\twindow.clearInterval(intervalId)\n\t})\n\n\treturn {\n\t\tformattedTime,\n\t\tformattedFullTime,\n\t\toptions,\n\t}\n}\n"],"names":[],"mappings":";;;;AAUA,MAAM,kBAAkB;AAAA,EACvB,MAAM,EAAE,mBAAmB;AAAA,EAC3B,OAAO,EAAE,aAAa;AAAA;AAAA,EACtB,QAAQ,EAAE,UAAU;AAAA;AACrB;AA0BO,SAAS,kBACf,YAAmC,KAAK,OACxC,OAAoC,CAAA,GACnC;AAED,QAAM,cAAc,IAAI,KAAK,IAAA,CAAK;AAE9B,MAAA;AAEJ,QAAM,UAAU,IAAI;AAAA,IACnB,QAAQ;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,IACZ;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf,GAAG,QAAQ,IAAI;AAAA,EAAA,CACf;AACK,QAAA,iBAAiB,SAAsC,OAAO,EAAE,GAAG,QAAQ,IAAI,GAAG,GAAG,QAAQ,MAAA,EAAQ;AAGrG,QAAA,OAAO,SAAS,MAAM,IAAI,KAAK,QAAQ,SAAS,CAAC,CAAC;AAElD,QAAA,oBAAoB,SAAiB,MAAM;AAC1C,UAAA,YAAY,IAAI,KAAK,eAAe,sBAAsB,eAAe,MAAM,MAAM;AACpF,WAAA,UAAU,OAAO,KAAK,KAAK;AAAA,EAAA,CAClC;AAGK,QAAA,gBAAgB,SAAiB,MAAM;AACxC,QAAA,eAAe,MAAM,iBAAiB,OAAO;AAChD,YAAM,YAAY,IAAI,KAAK,mBAAmB,YAAY,GAAG,EAAE,SAAS,QAAQ,OAAO,eAAe,MAAM,cAAc;AAE1H,YAAM,OAAO,KAAK,MAAM,YAAY,YAAY;AAChD,YAAM,UAAU,OAAO;AACvB,UAAI,KAAK,IAAI,OAAO,KAAK,IAAI;AACxB,YAAA,eAAe,MAAM,eAAe;AAChC,iBAAA,gBAAgB,eAAe,MAAM,YAAY;AAAA,QAAA,OAClD;AACN,iBAAO,UAAU,OAAO,KAAK,MAAM,OAAO,GAAG,QAAQ;AAAA,QAAA;AAAA,MACtD;AAED,YAAM,UAAU,UAAU;AAC1B,UAAI,KAAK,IAAI,OAAO,KAAK,IAAI;AAC5B,eAAO,UAAU,OAAO,KAAK,MAAM,OAAO,GAAG,QAAQ;AAAA,MAAA;AAEtD,YAAM,QAAQ,UAAU;AACxB,UAAI,KAAK,IAAI,KAAK,KAAK,IAAI;AAC1B,eAAO,UAAU,OAAO,KAAK,MAAM,KAAK,GAAG,MAAM;AAAA,MAAA;AAElD,YAAM,OAAO,QAAQ;AACrB,UAAI,KAAK,IAAI,IAAI,KAAK,GAAG;AACxB,eAAO,UAAU,OAAO,KAAK,MAAM,IAAI,GAAG,KAAK;AAAA,MAAA;AAEhD,YAAM,QAAQ,OAAO;AACrB,UAAI,KAAK,IAAI,KAAK,KAAK,GAAG;AACzB,eAAO,UAAU,OAAO,KAAK,MAAM,KAAK,GAAG,MAAM;AAAA,MAAA;AAElD,YAAM,SAAS,OAAO;AACtB,UAAI,KAAK,IAAI,MAAM,KAAK,IAAI;AAC3B,eAAO,UAAU,OAAO,KAAK,MAAM,MAAM,GAAG,OAAO;AAAA,MAAA;AAEpD,aAAO,UAAU,OAAO,KAAK,MAAM,OAAO,GAAG,GAAG,MAAM;AAAA,IAAA;AAEvD,WAAO,kBAAkB;AAAA,EAAA,CACzB;AAGD,cAAY,MAAM;AACjB,WAAO,cAAc,UAAU;AAClB,iBAAA;AACT,QAAA,eAAe,MAAM,cAAc;AACzB,mBAAA,OAAO,YAAY,MAAM;AAAc,oBAAA,QAAQ,KAAK,IAAI;AAAA,SAAK,GAAI;AAAA,IAAA;AAAA,EAC/E,CACA;AAGD,cAAY,MAAM;AACjB,WAAO,cAAc,UAAU;AAAA,EAAA,CAC/B;AAEM,SAAA;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACD;"}

package/dist/chunks/useTrapStackControl-b3A_383w.mjs

@@ -0,0 +1,22 @@
+import { watch, onUnmounted } from "vue";
+import { toValue } from "@vueuse/core";
+import { c as createTrapStackController } from "./focusTrap-DmkaYJTC.mjs";
+function useTrapStackControl(shouldPause, options = {}) {
+  const trapStackController = createTrapStackController();
+  watch(shouldPause, () => {
+    if (toValue(options.disabled)) {
+      return;
+    }
+    if (toValue(shouldPause)) {
+      trapStackController.pause();
+    } else {
+      trapStackController.unpause();
+    }
+  });
+  onUnmounted(() => {
+    trapStackController.unpause();
+  });
+}
+export {
+  useTrapStackControl as u
+};

package/dist/chunks/useTrapStackControl-b3A_383w.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrapStackControl-b3A_383w.mjs","sources":["../../src/composables/useTrapStackControl.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { Ref } from 'vue'\nimport type { MaybeRefOrGetter } from '@vueuse/core'\nimport { onUnmounted, watch } from 'vue'\nimport { toValue } from '@vueuse/core'\nimport { createTrapStackController } from '../utils/focusTrap.ts'\n\n/**\n * Control global focus trap stack when focus trap is managed manually\n *\n * @param shouldPause - Whether focus trap should be paused\n * @param options - Additional options\n * @param options.disabled - Whether the controller should be disabled\n */\nexport function useTrapStackControl(shouldPause: Ref<boolean> | (() => boolean), options: { disabled?: MaybeRefOrGetter<boolean> } = {}) {\n\tconst trapStackController = createTrapStackController()\n\n\twatch(shouldPause, () => {\n\t\tif (toValue(options.disabled)) {\n\t\t\treturn\n\t\t}\n\n\t\tif (toValue(shouldPause)) {\n\t\t\ttrapStackController.pause()\n\t\t} else {\n\t\t\ttrapStackController.unpause()\n\t\t}\n\t})\n\n\tonUnmounted(() => {\n\t\ttrapStackController.unpause()\n\t})\n}\n"],"names":[],"mappings":";;;AAkBO,SAAS,oBAAoB,aAA6C,UAAoD,IAAI;AACxI,QAAM,sBAAsB,0BAA0B;AAEtD,QAAM,aAAa,MAAM;AACpB,QAAA,QAAQ,QAAQ,QAAQ,GAAG;AAC9B;AAAA,IAAA;AAGG,QAAA,QAAQ,WAAW,GAAG;AACzB,0BAAoB,MAAM;AAAA,IAAA,OACpB;AACN,0BAAoB,QAAQ;AAAA,IAAA;AAAA,EAC7B,CACA;AAED,cAAY,MAAM;AACjB,wBAAoB,QAAQ;AAAA,EAAA,CAC5B;AACF;"}

package/dist/chunks/{usernameToColor-CgZYBI2J.mjs → usernameToColor-B_Q_sS3j.mjs}

@@ -1,4 +1,4 @@
-import { G as GenColors } from "./GenColors-Cw7N7vRg.mjs";
+import { G as GenColors } from "./GenColors-G1ZRJcz5.mjs";
 import md5 from "md5";
 const usernameToColor = function(username) {
   let hash = username.toLowerCase();

package/dist/chunks/{usernameToColor-CgZYBI2J.mjs.map → usernameToColor-B_Q_sS3j.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"usernameToColor-CgZYBI2J.mjs","sources":["../../src/functions/usernameToColor/usernameToColor.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 */\nconst usernameToColor = function(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\nexport default usernameToColor\n"],"names":["hash"],"mappings":";;AAgBK,MAAC,kBAAkB,SAAS,UAAU;AAE1C,MAAI,OAAO,SAAS,YAAa;AAGjC,MAAI,KAAK,MAAM,sBAAsB,MAAM,MAAM;AAChD,WAAO,IAAI,IAAI;AAAA,EACf;AAED,SAAO,KAAK,QAAQ,cAAc,EAAE;AAEpC,QAAM,QAAQ;AACd,QAAM,eAAe,UAAU,KAAK;AAQpC,WAAS,UAAUA,OAAM,SAAS;AACjC,QAAI,WAAW;AACf,UAAM,SAAS,CAAE;AAGjB,aAAS,IAAI,GAAG,IAAIA,MAAK,QAAQ,KAAK;AAErC,aAAO,KAAK,SAASA,MAAK,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE;AAAA,IAC7C;AAGD,eAAW,KAAK,QAAQ;AACvB,kBAAY,OAAO,CAAC;AAAA,IACpB;AAID,WAAO,SAAS,SAAS,UAAU,EAAE,IAAI,SAAS,EAAE;AAAA,EACpD;AACD,SAAO,aAAa,UAAU,MAAM,QAAQ,CAAC,CAAC;AAC/C;"}
+{"version":3,"file":"usernameToColor-B_Q_sS3j.mjs","sources":["../../src/functions/usernameToColor/usernameToColor.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 */\nconst usernameToColor = function(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\nexport default usernameToColor\n"],"names":["hash"],"mappings":";;AAgBK,MAAC,kBAAkB,SAAS,UAAU;AAE1C,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/components/NcActionButton/NcActionButton.vue.d.ts

@@ -57,7 +57,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
 }>, {
-    isRTL: boolean;
+    isRtl: boolean;
 }, {}, {
     /**
      * determines if the action is focusable

package/dist/components/NcActionButton/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionButton-B3JQywgv.mjs";
+import { N } from "../../chunks/NcActionButton-DBFJTCO5.mjs";
 export {
   N as default
 };

package/dist/components/NcActionButtonGroup/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionButtonGroup-DtHcJpaH.mjs";
+import { N } from "../../chunks/NcActionButtonGroup-nwHeJeV7.mjs";
 export {
   N as default
 };

package/dist/components/NcActionCaption/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionCaption-BeVuTBKE.mjs";
+import { N } from "../../chunks/NcActionCaption-DmOKI_Kc.mjs";
 export {
   N as default
 };

package/dist/components/NcActionCheckbox/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionCheckbox-DdLcVat_.mjs";
+import { N } from "../../chunks/NcActionCheckbox-yPCmA5vr.mjs";
 export {
   N as default
 };

package/dist/components/NcActionInput/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionInput-CxPmTwTo.mjs";
+import { N } from "../../chunks/NcActionInput-DTzVHmHn.mjs";
 export {
   N as default
 };

package/dist/components/NcActionLink/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionLink-9TfevQgn.mjs";
+import { N } from "../../chunks/NcActionLink-CG3cKif-.mjs";
 export {
   N as default
 };

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

@@ -8,11 +8,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validator: (id: unknown) => boolean;
     };
     /**
-     * checked state of the the radio element
+     * checked state of the radio element
      */
     modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
     };
     /**
      * Define if this radio is part of a set.
@@ -37,7 +37,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {
+}>, {
+    model: import('vue').ModelRef<string | number, PropertyKey, string | number, string | number>;
+}, {}, {
     /**
      * determines if the action is focusable
      *
@@ -74,11 +76,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validator: (id: unknown) => boolean;
     };
     /**
-     * checked state of the the radio element
+     * checked state of the radio element
      */
     modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
     };
     /**
      * Define if this radio is part of a set.
@@ -110,6 +112,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     id: string;
     value: string | number;
     disabled: boolean;
-    modelValue: boolean;
+    modelValue: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/NcActionRadio/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionRadio-CV0AtyQD.mjs";
+import { N } from "../../chunks/NcActionRadio-BWPi0DII.mjs";
 export {
   N as default
 };

package/dist/components/NcActionRouter/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionRouter-RKft3XO3.mjs";
+import { N } from "../../chunks/NcActionRouter-C7VSuJLq.mjs";
 export {
   N as default
 };

package/dist/components/NcActionSeparator/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionSeparator-DKFXmIJ5.mjs";
+import { N } from "../../chunks/NcActionSeparator-Doekl1NX.mjs";
 export {
   N as default
 };

package/dist/components/NcActionText/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionText-ChktUmp9.mjs";
+import { N } from "../../chunks/NcActionText-ByD1mFXe.mjs";
 export {
   N as default
 };

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

@@ -21,7 +21,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-}>, {}, {}, {
+}>, {
+    isRtl: boolean;
+}, {}, {
     /**
      * determines if the action is focusable
      *
@@ -110,6 +112,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     disabled: boolean;
     modelValue: string;
 }, {}, {
+    ArrowLeft: any;
     ArrowRight: any;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/NcActionTextEditable/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActionTextEditable-D3Iix8Je.mjs";
+import { N } from "../../chunks/NcActionTextEditable-DLKA6lfe.mjs";
 export {
   N as default
 };

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

@@ -137,7 +137,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @type {'menu'|'navigation'|'dialog'|'tooltip'|'unknown'}
      */
     actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
-    externalFocusTrapStack: never[];
 }, {
     triggerBtnType(): string;
     /**
@@ -179,16 +178,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @return {string} the name of the action component
      */
     getActionName(action: import('vue').VNode): string;
-    /**
-     * When the component has its own focus trap, then it is managed by global trap stack by focus-trap.
-     *
-     * However if the component has no focus trap and is used inside another focus trap - there is an issue.
-     * By default popover content is rendered in body or other container, which is likely outside the current focus trap containers.
-     * It results in broken behavior from focus-trap.
-     *
-     * We need to pause all the focus traps for opening popover and then unpause them back after closing.
-     */
-    intersectIntoCurrentFocusTrapStack(): void;
     /**
      * Do we have exactly one Action and
      * is it allowed as a standalone element?
@@ -221,14 +210,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @return {NodeListOf<HTMLElement>}
      */
     getFocusableMenuItemElements(): NodeListOf<HTMLElement>;
-    /**
-     * Focus nearest focusable item on mouse move.
-     * DO NOT change the focus if the target is already focused
-     * this will prevent issues with input being unfocused
-     * on mouse move
-     * @param {PointerEvent} event - The mouse move event
-     */
-    onMouseFocusAction(event: PointerEvent): void;
     /**
      * Dispatches the keydown listener to different handlers
      *

package/dist/components/NcActions/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcActions-BJ703bdY.mjs";
+import { N } from "../../chunks/NcActions-DxTtucKk.mjs";
 export {
   N as default
 };

package/dist/components/NcAppContent/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppContent-DcqJmTNj.mjs";
+import { N } from "../../chunks/NcAppContent-Cu9zhNK3.mjs";
 export {
   N as default
 };

package/dist/components/NcAppContentDetails/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppContentDetails-Ch6NJvAl.mjs";
+import { N } from "../../chunks/NcAppContentDetails-DsEEBJ0U.mjs";
 export {
   N as default
 };

package/dist/components/NcAppContentList/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppContentList-DGwk3AvB.mjs";
+import { N } from "../../chunks/NcAppContentList-DnLY_sWw.mjs";
 export {
   N as default
 };

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

@@ -72,8 +72,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {}, {}, {
         NcButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             alignment: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonAlignment>;
-                default: import('../NcButton/types.js').ButtonAlignment;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonAlignment>;
+                default: import('../NcButton/types.ts').ButtonAlignment;
                 validator(value: string): boolean;
             };
             disabled: {
@@ -86,13 +86,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonType>;
-                default: import('../NcButton/types.js').ButtonType;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonType>;
+                default: import('../NcButton/types.ts').ButtonType;
                 validator(value: string): boolean;
             };
             nativeType: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonNativeType>;
-                default: import('../NcButton/types.js').ButtonNativeType;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonNativeType>;
+                default: import('../NcButton/types.ts').ButtonNativeType;
                 validator(value: string): boolean;
             };
             wide: {
@@ -128,14 +128,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
         }>, {}, {}, {
-            realType(): "primary" | "secondary" | import('../NcButton/types.js').ButtonType;
+            realType(): "primary" | "secondary" | import('../NcButton/types.ts').ButtonType;
             flexAlignment(): string;
             isReverseAligned(): boolean;
             ncPopoverTriggerAttrs(): Record<string, string | undefined>;
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:pressed" | "click")[], "update:pressed" | "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             alignment: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonAlignment>;
-                default: import('../NcButton/types.js').ButtonAlignment;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonAlignment>;
+                default: import('../NcButton/types.ts').ButtonAlignment;
                 validator(value: string): boolean;
             };
             disabled: {
@@ -148,13 +148,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonType>;
-                default: import('../NcButton/types.js').ButtonType;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonType>;
+                default: import('../NcButton/types.ts').ButtonType;
                 validator(value: string): boolean;
             };
             nativeType: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonNativeType>;
-                default: import('../NcButton/types.js').ButtonNativeType;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonNativeType>;
+                default: import('../NcButton/types.ts').ButtonNativeType;
                 validator(value: string): boolean;
             };
             wide: {
@@ -194,10 +194,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClick?: ((...args: any[]) => any) | undefined;
         }>, {
             size: string;
-            type: import('../NcButton/types.js').ButtonType;
-            alignment: import('../NcButton/types.js').ButtonAlignment;
+            type: import('../NcButton/types.ts').ButtonType;
+            alignment: import('../NcButton/types.ts').ButtonAlignment;
             disabled: boolean;
-            nativeType: import('../NcButton/types.js').ButtonNativeType;
+            nativeType: import('../NcButton/types.ts').ButtonNativeType;
             wide: boolean;
             ariaLabel: string;
             href: string;

package/dist/components/NcAppNavigation/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppNavigation-DKl5GKDr.mjs";
+import { N } from "../../chunks/NcAppNavigation-BxUvXgeG.mjs";
 export {
   N as default
 };

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

@@ -84,7 +84,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
         opened: boolean;
         focusIndex: number;
         actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
-        externalFocusTrapStack: never[];
     }, {
         triggerBtnType(): string;
         config(): {
@@ -117,7 +116,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
         withFocusTrap(): boolean;
     }, {
         getActionName(action: import('vue').VNode): string;
-        intersectIntoCurrentFocusTrapStack(): void;
         isValidSingleAction(action: import('vue').VNode): boolean;
         isAction(action: any): boolean;
         isIconUrl(url: string): boolean;
@@ -127,7 +125,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
         resizePopover(): void;
         getCurrentActiveMenuItemElement(): HTMLElement | null;
         getFocusableMenuItemElements(): NodeListOf<HTMLElement>;
-        onMouseFocusAction(event: PointerEvent): void;
         onKeydown(event: object): void;
         onTriggerKeydown(event: any): void;
         handleEscapePressed(event: any): void;

package/dist/components/NcAppNavigationCaption/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppNavigationCaption-yvL3fHpB.mjs";
+import { N } from "../../chunks/NcAppNavigationCaption-S_2Jmwqr.mjs";
 export {
   N as default
 };

package/dist/components/NcAppNavigationIconBullet/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppNavigationIconBullet-DXwKXzN2.mjs";
+import { N } from "../../chunks/NcAppNavigationIconBullet-B1kc4u65.mjs";
 export {
   N as default
 };

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

@@ -393,6 +393,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     icon: string;
     href: string;
     to: string | Record<string, any>;
+    ariaDescription: string;
     open: boolean;
     forceMenu: boolean;
     loading: boolean;
@@ -408,7 +409,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     pinned: boolean;
     menuIcon: string;
     menuPlacement: string;
-    ariaDescription: string;
 }, {}, {
     NcActions: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         open: {
@@ -487,7 +487,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         opened: boolean;
         focusIndex: number;
         actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
-        externalFocusTrapStack: never[];
     }, {
         triggerBtnType(): string;
         config(): {
@@ -520,7 +519,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         withFocusTrap(): boolean;
     }, {
         getActionName(action: import('vue').VNode): string;
-        intersectIntoCurrentFocusTrapStack(): void;
         isValidSingleAction(action: import('vue').VNode): boolean;
         isAction(action: any): boolean;
         isIconUrl(url: string): boolean;
@@ -530,7 +528,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         resizePopover(): void;
         getCurrentActiveMenuItemElement(): HTMLElement | null;
         getFocusableMenuItemElements(): NodeListOf<HTMLElement>;
-        onMouseFocusAction(event: PointerEvent): void;
         onKeydown(event: object): void;
         onTriggerKeydown(event: any): void;
         handleEscapePressed(event: any): void;
@@ -804,7 +801,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
     }>, {
-        isRTL: boolean;
+        isRtl: boolean;
     }, {}, {
         isFocusable(): boolean;
         isChecked(): string | boolean;

package/dist/components/NcAppNavigationItem/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppNavigationItem-Ba6kwsU9.mjs";
+import { N } from "../../chunks/NcAppNavigationItem-C7bIZuo2.mjs";
 export {
   N as default
 };

package/dist/components/NcAppNavigationList/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppNavigationList-HRNlIV27.mjs";
+import { N } from "../../chunks/NcAppNavigationList-DX_Yo23V.mjs";
 export {
   N as default
 };

package/dist/components/NcAppNavigationNew/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppNavigationNew-D2aD0z-u.mjs";
+import { N } from "../../chunks/NcAppNavigationNew-BO-Llutk.mjs";
 export {
   N as default
 };

package/dist/components/NcAppNavigationNewItem/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppNavigationNewItem-BPYFl_Xy.mjs";
+import { N } from "../../chunks/NcAppNavigationNewItem-D7CYmmOm.mjs";
 export {
   N as default
 };

package/dist/components/NcAppNavigationSearch/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcAppNavigationSearch-pTeRzg7y.mjs";
+import { N } from "../../chunks/NcAppNavigationSearch-DLbzvkkq.mjs";
 export {
   N as default
 };

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

@@ -0,0 +1,49 @@
+import { Slot } from 'vue';
+type __VLS_Props = {
+    /**
+     * A query-selector or an array of query-selectors
+     * to be ignored when clicking outside an element
+     */
+    excludeClickOutsideSelectors?: string | string[];
+    /**
+     * Text of the button
+     * @default 'Settings'
+     */
+    name?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Content of the accordion button (the settings).
+         */
+        default: Slot;
+    }> & {
+        /**
+         * Content of the accordion button (the settings).
+         */
+        default: Slot;
+    };
+    refs: {
+        wrapperElement: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};