@nextcloud/vue 9.0.0-rc.8 → 9.0.0-rc.9

package/dist/components/NcRichContenteditable/index.mjs

@@ -1,4 +1,4 @@
-import { a, N, b } from "../../chunks/NcRichContenteditable-DOMXD-CS.mjs";
+import { a, N, b } from "../../chunks/NcRichContenteditable-ByDxlcix.mjs";
 export {
   a as NcAutoCompleteResult,
   N as NcMentionBubble,

package/dist/components/NcRichText/NcReferencePicker/NcRawLinkInput.vue.d.ts

@@ -293,7 +293,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             trailingButtonLabel: string;
             trailingButtonIcon: "arrowEnd" | "close" | "undo";
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            'input-field-key': ({
+            inputField: ({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
@@ -321,7 +321,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 $refs: {
                     [x: string]: unknown;
                 } & {
-                    'input-key': HTMLInputElement;
+                    input: HTMLInputElement;
                 };
                 $slots: Readonly<{
                     [name: string]: import('vue').Slot<any> | undefined;

package/dist/components/NcRichText/NcReferencePicker/NcReferencePicker.vue.d.ts

@@ -586,7 +586,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 trailingButtonLabel: string;
                 trailingButtonIcon: "arrowEnd" | "close" | "undo";
             }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                'input-field-key': ({
+                inputField: ({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: {
@@ -614,7 +614,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     $refs: {
                         [x: string]: unknown;
                     } & {
-                        'input-key': HTMLInputElement;
+                        input: HTMLInputElement;
                     };
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;

package/dist/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue.d.ts

@@ -633,7 +633,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     trailingButtonLabel: string;
                     trailingButtonIcon: "arrowEnd" | "close" | "undo";
                 }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    'input-field-key': ({
+                    inputField: ({
                         $: import('vue').ComponentInternalInstance;
                         $data: {};
                         $props: {
@@ -661,7 +661,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         $refs: {
                             [x: string]: unknown;
                         } & {
-                            'input-key': HTMLInputElement;
+                            input: HTMLInputElement;
                         };
                         $slots: Readonly<{
                             [name: string]: import('vue').Slot<any> | undefined;

package/dist/components/NcRichText/index.mjs

@@ -1,6 +1,6 @@
-import { N as NcRichText } from "../../chunks/NcRichText-CJrRYUBW.mjs";
-import { a } from "../../chunks/NcRichText-CJrRYUBW.mjs";
-import { N, e, f, h, a as a2, g, b, c, s, d } from "../../chunks/referencePickerModal-mYCXgzX-.mjs";
+import { N as NcRichText } from "../../chunks/NcRichText-jQc4sfgS.mjs";
+import { a } from "../../chunks/NcRichText-jQc4sfgS.mjs";
+import { N, e, f, h, a as a2, g, b, c, s, d } from "../../chunks/referencePickerModal-B2XHvg0V.mjs";
 import { N as N2, c as c2, i, e as e2, r, f as f2, a as a3 } from "../../chunks/customPickerElements-4pQTZUnk.mjs";
 export {
   N2 as NcCustomPickerRenderResult,

package/dist/components/NcSelect/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcSelect-CrWaLc3g.mjs";
+import { N } from "../../chunks/NcSelect-D8ZEOizf.mjs";
 export {
   N as default
 };

package/dist/components/NcSelectTags/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcSelectTags-CLiI4vpg.mjs";
+import { N } from "../../chunks/NcSelectTags-DrMDRnwZ.mjs";
 export {
   N as default
 };

package/dist/components/NcSelectUsers/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcSelectUsers-a2UR2pv4.mjs";
+import { N } from "../../chunks/NcSelectUsers-DdT04dN1.mjs";
 export {
   N as default
 };

package/dist/components/NcSettingsSection/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcSettingsSection-BKoxl0aj.mjs";
+import { N } from "../../chunks/NcSettingsSection-Bp99Q74i.mjs";
 export {
   N as default
 };

package/dist/components/NcSettingsSelectGroup/index.mjs

@@ -1,4 +1,4 @@
-import { N as NcSettingsSelectGroup } from "../../chunks/NcSettingsSelectGroup-CaU1cE30.mjs";
+import { N as NcSettingsSelectGroup } from "../../chunks/NcSettingsSelectGroup-BkPLZPNn.mjs";
 export {
   NcSettingsSelectGroup,
   NcSettingsSelectGroup as default

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

@@ -44,7 +44,7 @@ declare function __VLS_template(): {
         icon?: Slot;
     };
     refs: {
-        'input-field-key': ({
+        inputField: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
@@ -72,7 +72,7 @@ declare function __VLS_template(): {
             $refs: {
                 [x: string]: unknown;
             } & {
-                'input-key': HTMLInputElement;
+                input: HTMLInputElement;
             };
             $slots: Readonly<{
                 [name: string]: Slot<any> | undefined;
@@ -163,7 +163,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     trailingButtonLabel: string;
     trailingButtonIcon: "arrowEnd" | "close" | "undo";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    'input-field-key': ({
+    inputField: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
@@ -191,7 +191,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $refs: {
             [x: string]: unknown;
         } & {
-            'input-key': HTMLInputElement;
+            input: HTMLInputElement;
         };
         $slots: Readonly<{
             [name: string]: Slot<any> | undefined;

package/dist/components/NcTextField/index.mjs

@@ -1,4 +1,4 @@
-import { _ } from "../../chunks/NcTextField.vue_vue_type_script_setup_true_lang-Deo569jY.mjs";
+import { _ } from "../../chunks/NcTextField.vue_vue_type_script_setup_true_lang-C7tMhmsN.mjs";
 export {
   _ as default
 };

package/dist/components/NcTimezonePicker/index.mjs

@@ -1,4 +1,4 @@
-import { _ } from "../../chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-NZWpDFzm.mjs";
+import { _ } from "../../chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-DcUR0zAy.mjs";
 export {
   _ as default
 };

package/dist/components/NcUserBubble/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcUserBubble-LsKBmWoL.mjs";
+import { N } from "../../chunks/NcUserBubble-CklD5ttg.mjs";
 export {
   N as default
 };

package/dist/components/NcUserStatusIcon/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcUserStatusIcon-VcPl-lLQ.mjs";
+import { N } from "../../chunks/NcUserStatusIcon-DiX6zPGT.mjs";
 export {
   N as default
 };

package/dist/components/index.d.ts

@@ -71,6 +71,8 @@ export { default as NcNoteCard } from './NcNoteCard/index.ts';
 export { default as NcPasswordField } from './NcPasswordField/index.ts';
 export { default as NcPopover } from './NcPopover/index.js';
 export { default as NcProgressBar } from './NcProgressBar/index.ts';
+export { default as NcRadioGroup } from './NcRadioGroup/index.ts';
+export { default as NcRadioGroupButton } from './NcRadioGroupButton/index.ts';
 export { default as NcRelatedResourcesPanel } from './NcRelatedResourcesPanel/index.js';
 export { NcAutoCompleteResult, NcMentionBubble, default as NcRichContenteditable } from './NcRichContenteditable/index.js';
 export { default as NcRichText } from './NcRichText/index.js';
@@ -78,7 +80,6 @@ export { default as NcSavingIndicatorIcon } from './NcSavingIndicatorIcon/index.
 export { default as NcSelect } from './NcSelect/index.js';
 export { default as NcSelectTags } from './NcSelectTags/index.js';
 export { default as NcSelectUsers } from './NcSelectUsers/index.ts';
-export { default as NcSettingsInputText } from './NcSettingsInputText/index.js';
 export { default as NcSettingsSection } from './NcSettingsSection/index.ts';
 export { default as NcSettingsSelectGroup } from './NcSettingsSelectGroup/index.js';
 export { default as NcTextArea } from './NcTextArea/index.ts';

package/dist/composables/useFormatDateTime/index.mjs

@@ -1,6 +1,6 @@
 import { formatRelativeTime, getCanonicalLocale } from "@nextcloud/l10n";
 import { computed, toValue, ref, watchEffect, onUnmounted, readonly } from "vue";
-import { r as register, b as t2, a as t } from "../../chunks/_l10n-C6k5LExr.mjs";
+import { r as register, b as t2, a as t } from "../../chunks/_l10n-CeXHJQB0.mjs";
 register(t2);
 const FEW_SECONDS_AGO = {
   long: t("a few seconds ago"),

package/dist/functions/reference/index.mjs

@@ -1,5 +1,5 @@
 import { N, h, c, i, e, r, f, a } from "../../chunks/customPickerElements-4pQTZUnk.mjs";
-import { a as a2, g, b, c as c2, s, d } from "../../chunks/referencePickerModal-mYCXgzX-.mjs";
+import { a as a2, g, b, c as c2, s, d } from "../../chunks/referencePickerModal-B2XHvg0V.mjs";
 export {
   N as NcCustomPickerRenderResult,
   a2 as anyLinkProviderId,

package/dist/functions/usernameToColor/index.mjs

@@ -1,14 +1,16 @@
-import { g as generatePalette } from "../../chunks/colors-Dm63yanX.mjs";
+import { createHash } from "crypto-browserify";
+import { g as generatePalette } from "../../chunks/colors-BZi52VLk.mjs";
 function hashCode(str) {
-  let hash = 0;
-  if (str.length === 0) {
-    return hash;
+  let hash = str;
+  if (str.match(/^([0-9a-f]{4}-?){8}$/) === null) {
+    hash = createHash("md5").update(str).digest("hex");
   }
-  for (let i = 0; i < str.length; i++) {
-    const chr = str.charCodeAt(i);
-    hash = (hash << 5) - hash + chr;
+  hash = hash.replace(/[^0-9a-f]/g, "");
+  let finalInt = 0;
+  for (let i = 0; i < hash.length; i++) {
+    finalInt += parseInt(hash.charAt(i), 16);
   }
-  return Math.abs(hash);
+  return finalInt;
 }
 function usernameToColor(username) {
   const steps = 6;

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/functions/usernameToColor/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { Color } from '../../utils/colors.ts'\n\nimport { generatePalette } from '../../utils/colors.ts'\n\n/**\n * Create a simple hash from a string\n *\n * @param str - The string to hash\n */\nfunction hashCode(str: string): number {\n\tlet hash = 0\n\n\tif (str.length === 0) {\n\t\treturn hash\n\t}\n\n\tfor (let i = 0; i < str.length; i++) {\n\t\tconst chr = str.charCodeAt(i)\n\t\thash = ((hash << 5) - hash) + chr\n\t}\n\n\treturn Math.abs(hash)\n}\n\n/**\n * Generate a color from a username\n *\n * @param username - Display name or user id to generate from\n * @return The RGB color\n */\nexport function usernameToColor(username: string): Color {\n\tconst steps = 6\n\tconst finalPalette = generatePalette(steps)\n\tconst hash = hashCode(username.toLocaleLowerCase())\n\n\treturn finalPalette[hash % finalPalette.length]!\n}\n"],"names":[],"mappings":";AAcA,SAAS,SAAS,KAAqB;AACtC,MAAI,OAAO;AAEX,MAAI,IAAI,WAAW,GAAG;AACrB,WAAO;AAAA,EACR;AAEA,WAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;AACpC,UAAM,MAAM,IAAI,WAAW,CAAC;AAC5B,YAAS,QAAQ,KAAK,OAAQ;AAAA,EAC/B;AAEA,SAAO,KAAK,IAAI,IAAI;AACrB;AAQO,SAAS,gBAAgB,UAAyB;AACxD,QAAM,QAAQ;AACd,QAAM,eAAe,gBAAgB,KAAK;AAC1C,QAAM,OAAO,SAAS,SAAS,kBAAA,CAAmB;AAElD,SAAO,aAAa,OAAO,aAAa,MAAM;AAC/C;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/functions/usernameToColor/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport type { Color } from '../../utils/colors.ts'\n\nimport { createHash } from 'crypto-browserify'\nimport { generatePalette } from '../../utils/colors.ts'\n\n/**\n * Create a simple hash from a string\n *\n * @param str - The string to hash\n */\nfunction hashCode(str: string): number {\n\tlet hash = str\n\n\t// Hash a given string, if it is not md5 hash already\n\tif (str.match(/^([0-9a-f]{4}-?){8}$/) === null) {\n\t\thash = createHash('md5').update(str).digest('hex')\n\t}\n\n\thash = hash.replace(/[^0-9a-f]/g, '')\n\n\tlet finalInt = 0\n\n\tfor (let i = 0; i < hash.length; i++) {\n\t\t// chars in md5 are [0-9a-f] (base-16)\n\t\tfinalInt += parseInt(hash.charAt(i), 16)\n\t}\n\n\treturn finalInt\n}\n\n/**\n * Generate a color from a username\n *\n * @param username - Display name or user id to generate from\n * @return The RGB color\n */\nexport function usernameToColor(username: string): Color {\n\tconst steps = 6\n\tconst finalPalette = generatePalette(steps)\n\tconst hash = hashCode(username.toLocaleLowerCase())\n\n\treturn finalPalette[hash % finalPalette.length]!\n}\n"],"names":[],"mappings":";;AAeA,SAAS,SAAS,KAAqB;AACtC,MAAI,OAAO;AAGX,MAAI,IAAI,MAAM,sBAAsB,MAAM,MAAM;AAC/C,WAAO,WAAW,KAAK,EAAE,OAAO,GAAG,EAAE,OAAO,KAAK;AAAA,EAClD;AAEA,SAAO,KAAK,QAAQ,cAAc,EAAE;AAEpC,MAAI,WAAW;AAEf,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AAErC,gBAAY,SAAS,KAAK,OAAO,CAAC,GAAG,EAAE;AAAA,EACxC;AAEA,SAAO;AACR;AAQO,SAAS,gBAAgB,UAAyB;AACxD,QAAM,QAAQ;AACd,QAAM,eAAe,gBAAgB,KAAK;AAC1C,QAAM,OAAO,SAAS,SAAS,kBAAA,CAAmB;AAElD,SAAO,aAAa,OAAO,aAAa,MAAM;AAC/C;"}

package/dist/index.mjs

@@ -1,74 +1,76 @@
 import { N } from "./chunks/NcActionButton-D8JTFCmI.mjs";
-import { N as N2 } from "./chunks/NcActionButtonGroup-CGlX8G9k.mjs";
+import { N as N2 } from "./chunks/NcActionButtonGroup-4-oVar5v.mjs";
 import { N as N3 } from "./chunks/NcActionCaption-Fumfjzxj.mjs";
 import { N as N4 } from "./chunks/NcActionCheckbox-CwrO3g3I.mjs";
-import { N as N5 } from "./chunks/NcActionInput-Cpc7x0jw.mjs";
+import { N as N5 } from "./chunks/NcActionInput-VRjeb_HB.mjs";
 import { N as N6 } from "./chunks/NcActionLink-afakPM_N.mjs";
 import { N as N7 } from "./chunks/NcActionRadio-ByCpOD0q.mjs";
 import { N as N8 } from "./chunks/NcActionRouter-oT-YU_jf.mjs";
-import { N as N9 } from "./chunks/NcActions-C-9GKofj.mjs";
+import { N as N9 } from "./chunks/NcActions-B1Zg0lCE.mjs";
 import { N as N10 } from "./chunks/NcActionSeparator-Doekl1NX.mjs";
 import { N as N11 } from "./chunks/NcActionText-uKvLcEY6.mjs";
-import { N as N12 } from "./chunks/NcActionTextEditable-S_T11-QF.mjs";
-import { N as N13 } from "./chunks/NcAppContent-CP5xxOdG.mjs";
+import { N as N12 } from "./chunks/NcActionTextEditable-DT1X0o3v.mjs";
+import { N as N13 } from "./chunks/NcAppContent-C0PyJQuL.mjs";
 import { _ } from "./chunks/NcAppContentDetails.vue_vue_type_script_setup_true_lang-Dnf4r_Ng.mjs";
 import { N as N14 } from "./chunks/NcAppContentList-DYFsuDKh.mjs";
-import { N as N15 } from "./chunks/NcAppNavigation-OWHt-bzI.mjs";
-import { N as N16 } from "./chunks/NcAppNavigationCaption-BIiGAQjI.mjs";
+import { N as N15 } from "./chunks/NcAppNavigation-CFXc92ve.mjs";
+import { N as N16 } from "./chunks/NcAppNavigationCaption-8IL1TQhc.mjs";
 import { N as N17 } from "./chunks/NcAppNavigationIconBullet-PrlhOoE9.mjs";
-import { N as N18 } from "./chunks/NcAppNavigationItem-Bhlr9-Yy.mjs";
+import { N as N18 } from "./chunks/NcAppNavigationItem-DQKh1kuI.mjs";
 import { N as N19 } from "./chunks/NcAppNavigationList-BX0wE-dB.mjs";
 import { N as N20 } from "./chunks/NcAppNavigationNew-Y50s6jTC.mjs";
-import { N as N21 } from "./chunks/NcAppNavigationNewItem-K0PCYJ22.mjs";
-import { N as N22 } from "./chunks/NcAppNavigationSearch-kjDvgdYf.mjs";
-import { N as N23 } from "./chunks/NcAppNavigationSettings-BQFluWDn.mjs";
+import { N as N21 } from "./chunks/NcAppNavigationNewItem-EiuAARhC.mjs";
+import { N as N22 } from "./chunks/NcAppNavigationSearch-4s_h51nG.mjs";
+import { N as N23 } from "./chunks/NcAppNavigationSettings-BZXKmqAD.mjs";
 import { N as N24 } from "./chunks/NcAppNavigationSpacer-BvkBfuVw.mjs";
-import { N as N25 } from "./chunks/NcAppSettingsDialog-ZKhCQoKY.mjs";
+import { N as N25 } from "./chunks/NcAppSettingsDialog-GHmlZjop.mjs";
 import { N as N26 } from "./chunks/NcAppSettingsSection-tccU68DQ.mjs";
-import { N as N27 } from "./chunks/NcAppSidebar-BoLgS15q.mjs";
+import { N as N27 } from "./chunks/NcAppSidebar-CaRxsIi3.mjs";
 import { _ as _2 } from "./chunks/NcAppSidebarHeader.vue_vue_type_script_setup_true_lang-0j0aFDeK.mjs";
 import { N as N28 } from "./chunks/NcAppSidebarTab-Cjetm3Fs.mjs";
-import { N as N29 } from "./chunks/NcAssistantButton-Kwow0k_v.mjs";
+import { N as N29 } from "./chunks/NcAssistantButton-V44xlwm5.mjs";
 import { N as N30 } from "./chunks/NcAssistantContent-Boi-0v_0.mjs";
-import { N as N31 } from "./chunks/NcAssistantIcon-DY9tm4Sl.mjs";
-import { N as N32 } from "./chunks/NcAvatar-CPVozEHO.mjs";
+import { N as N31 } from "./chunks/NcAssistantIcon-BQZQIt5W.mjs";
+import { N as N32 } from "./chunks/NcAvatar-Bdy7vKd8.mjs";
 import { N as N33 } from "./chunks/NcBlurHash-BiFktE2N.mjs";
-import { N as N34 } from "./chunks/NcBreadcrumb-B-HF8Noh.mjs";
-import { N as N35 } from "./chunks/NcBreadcrumbs-nKqdFMy0.mjs";
+import { N as N34 } from "./chunks/NcBreadcrumb-DCs3D5xv.mjs";
+import { N as N35 } from "./chunks/NcBreadcrumbs-CG1-NUFL.mjs";
 import { N as N36 } from "./chunks/NcButton-DkC5k3Lb.mjs";
-import { N as N37 } from "./chunks/NcCheckboxRadioSwitch-CRlf97Dl.mjs";
-import { N as N38 } from "./chunks/NcChip-3ptRwyOJ.mjs";
-import { N as N39 } from "./chunks/NcCollectionList-CsJJr7Rh.mjs";
-import { N as N40 } from "./chunks/NcColorPicker-87VzdyIQ.mjs";
-import { N as N41 } from "./chunks/NcContent-DB9wS8js.mjs";
+import { N as N37 } from "./chunks/NcCheckboxRadioSwitch-DdIGHhQz.mjs";
+import { N as N38 } from "./chunks/NcChip-D_5q7NZO.mjs";
+import { N as N39 } from "./chunks/NcCollectionList-kmngwwsK.mjs";
+import { N as N40 } from "./chunks/NcColorPicker-BA2HkCh_.mjs";
+import { N as N41 } from "./chunks/NcContent-BPZeQ3Wr.mjs";
 import { N as N42 } from "./chunks/NcCounterBubble-CxxHHh8i.mjs";
-import { N as N43 } from "./chunks/NcDashboardWidget-DyyqskXw.mjs";
-import { N as N44 } from "./chunks/NcDashboardWidgetItem-C96lNnd5.mjs";
-import { _ as _3 } from "./chunks/NcDateTime.vue_vue_type_script_setup_true_lang-B0Lci6v0.mjs";
-import { N as N45 } from "./chunks/NcDateTimePicker-D3sxU3Gr.mjs";
-import { N as N46 } from "./chunks/NcDateTimePickerNative-CzbBXsBL.mjs";
-import { N as N47 } from "./chunks/NcDialog-Dh9AA41u.mjs";
-import { _ as _4 } from "./chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-C8cSUgHJ.mjs";
+import { N as N43 } from "./chunks/NcDashboardWidget-nMY8_RHq.mjs";
+import { N as N44 } from "./chunks/NcDashboardWidgetItem-qMv-p11B.mjs";
+import { _ as _3 } from "./chunks/NcDateTime.vue_vue_type_script_setup_true_lang-BhB8yA4U.mjs";
+import { N as N45 } from "./chunks/NcDateTimePicker-CCOph7f6.mjs";
+import { N as N46 } from "./chunks/NcDateTimePickerNative-BS-cYf6V.mjs";
+import { N as N47 } from "./chunks/NcDialog-7-cxNVxV.mjs";
+import { _ as _4 } from "./chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-CUKZOcC7.mjs";
 import { N as N48 } from "./chunks/NcEllipsisedOption-dT-CtXYp.mjs";
-import { N as N49 } from "./chunks/NcEmojiPicker-CjRa0HIg.mjs";
+import { N as N49 } from "./chunks/NcEmojiPicker-DT7vZdsR.mjs";
 import { N as N50 } from "./chunks/NcEmptyContent-BdOezubv.mjs";
 import { N as N51 } from "./chunks/NcGuestContent-CfCh49o0.mjs";
 import { N as N52 } from "./chunks/NcHeaderButton-DafXYbXB.mjs";
-import { N as N53 } from "./chunks/NcHeaderMenu-fnBUbMrU.mjs";
+import { N as N53 } from "./chunks/NcHeaderMenu-DfO7ghiM.mjs";
 import { _ as _5 } from "./chunks/NcHighlight.vue_vue_type_script_lang-DnWQDM_2.mjs";
 import { N as N54 } from "./chunks/NcIconSvgWrapper-5AA93z-F.mjs";
-import { N as N55 } from "./chunks/NcInputField-BWhRRLNR.mjs";
-import { N as N56 } from "./chunks/NcKbd-CqQU-PZg.mjs";
-import { N as N57 } from "./chunks/NcListItem-DGiLAMD1.mjs";
-import { N as N58 } from "./chunks/NcListItemIcon-rnITYj4f.mjs";
+import { N as N55 } from "./chunks/NcInputField-D5lRaUiK.mjs";
+import { N as N56 } from "./chunks/NcKbd-kRS12jei.mjs";
+import { N as N57 } from "./chunks/NcListItem-BxxYYPjv.mjs";
+import { N as N58 } from "./chunks/NcListItemIcon-zxWWjgoO.mjs";
 import { N as N59 } from "./chunks/NcLoadingIcon-b_ajZ_nQ.mjs";
-import { N as N60 } from "./chunks/NcModal-DKjyRKQe.mjs";
+import { N as N60 } from "./chunks/NcModal-vyUsS1qu.mjs";
 import { N as N61 } from "./chunks/NcNoteCard-glxPCBcu.mjs";
-import { N as N62 } from "./chunks/NcPasswordField-DhEpicKu.mjs";
+import { N as N62 } from "./chunks/NcPasswordField-CbeEJLKt.mjs";
 import { N as N63 } from "./chunks/NcPopover-D8iSVK-p.mjs";
 import { N as N64 } from "./chunks/NcProgressBar-DDMAo4h-.mjs";
-import { N as N65 } from "./chunks/NcRelatedResourcesPanel-BwgCfCFg.mjs";
-import { a, N as N66, b } from "./chunks/NcRichContenteditable-DOMXD-CS.mjs";
+import { N as N65 } from "./chunks/NcRadioGroup-B_BNFM6V.mjs";
+import { N as N66 } from "./chunks/NcRadioGroupButton-WXtnV-iL.mjs";
+import { N as N67 } from "./chunks/NcRelatedResourcesPanel-BwCcw217.mjs";
+import { a, N as N68, b } from "./chunks/NcRichContenteditable-ByDxlcix.mjs";
 import "@nextcloud/auth";
 import "@nextcloud/axios";
 import "@nextcloud/router";
@@ -76,26 +78,25 @@ import "@nextcloud/sharing/public";
 import "@vueuse/core";
 import "vue";
 import "vue-router";
-import { a as a2, g, b as b2, c, s, d } from "./chunks/referencePickerModal-mYCXgzX-.mjs";
-import { N as N67, h, c as c2, i, e, r, f, a as a3 } from "./chunks/customPickerElements-4pQTZUnk.mjs";
+import { a as a2, g, b as b2, c, s, d } from "./chunks/referencePickerModal-B2XHvg0V.mjs";
+import { N as N69, h, c as c2, i, e, r, f, a as a3 } from "./chunks/customPickerElements-4pQTZUnk.mjs";
 import "./chunks/autolink-U5pBzLgI.mjs";
-import { N as N68 } from "./chunks/NcRichText-CJrRYUBW.mjs";
-import { N as N69 } from "./chunks/NcSelect-CrWaLc3g.mjs";
+import { N as N70 } from "./chunks/NcRichText-jQc4sfgS.mjs";
+import { N as N71 } from "./chunks/NcSelect-D8ZEOizf.mjs";
 import "debounce";
 import "./chunks/logger-D3RVzcfQ.mjs";
-import { _ as _6 } from "./chunks/NcTextField.vue_vue_type_script_setup_true_lang-Deo569jY.mjs";
+import { _ as _6 } from "./chunks/NcTextField.vue_vue_type_script_setup_true_lang-C7tMhmsN.mjs";
 import "@nextcloud/event-bus";
 import { _ as _7 } from "./chunks/NcSavingIndicatorIcon.vue_vue_type_script_setup_true_lang-jUf1K561.mjs";
-import { N as N70 } from "./chunks/NcSelectTags-CLiI4vpg.mjs";
-import { N as N71 } from "./chunks/NcSelectUsers-a2UR2pv4.mjs";
-import { N as N72 } from "./chunks/NcSettingsInputText-YzmvMkAV.mjs";
-import { N as N73 } from "./chunks/NcSettingsSection-BKoxl0aj.mjs";
-import { N as N74 } from "./chunks/NcSettingsSelectGroup-CaU1cE30.mjs";
-import { N as N75 } from "./chunks/NcTextArea-DeoDvFwH.mjs";
+import { N as N72 } from "./chunks/NcSelectTags-DrMDRnwZ.mjs";
+import { N as N73 } from "./chunks/NcSelectUsers-DdT04dN1.mjs";
+import { N as N74 } from "./chunks/NcSettingsSection-Bp99Q74i.mjs";
+import { N as N75 } from "./chunks/NcSettingsSelectGroup-BkPLZPNn.mjs";
+import { N as N76 } from "./chunks/NcTextArea-DeoDvFwH.mjs";
 import { _ as _8 } from "./chunks/NcThemeProvider.vue_vue_type_script_setup_true_lang-nUDJsDGI.mjs";
-import { _ as _9 } from "./chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-NZWpDFzm.mjs";
-import { N as N76 } from "./chunks/NcUserBubble-LsKBmWoL.mjs";
-import { N as N77 } from "./chunks/NcUserStatusIcon-VcPl-lLQ.mjs";
+import { _ as _9 } from "./chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang-DcUR0zAy.mjs";
+import { N as N77 } from "./chunks/NcUserBubble-CklD5ttg.mjs";
+import { N as N78 } from "./chunks/NcUserStatusIcon-DiX6zPGT.mjs";
 import { _ as _10 } from "./chunks/NcVNodes.vue_vue_type_script_lang-BqUHinRZ.mjs";
 import { useFormatRelativeTime, useFormatTime } from "./composables/useFormatDateTime/index.mjs";
 import { useHotKey } from "./composables/useHotKey/index.mjs";
@@ -162,7 +163,7 @@ export {
   N40 as NcColorPicker,
   N41 as NcContent,
   N42 as NcCounterBubble,
-  N67 as NcCustomPickerRenderResult,
+  N69 as NcCustomPickerRenderResult,
   N43 as NcDashboardWidget,
   N44 as NcDashboardWidgetItem,
   _3 as NcDateTime,
@@ -183,28 +184,29 @@ export {
   N57 as NcListItem,
   N58 as NcListItemIcon,
   N59 as NcLoadingIcon,
-  N66 as NcMentionBubble,
+  N68 as NcMentionBubble,
   N60 as NcModal,
   N61 as NcNoteCard,
   N62 as NcPasswordField,
   N63 as NcPopover,
   N64 as NcProgressBar,
-  N65 as NcRelatedResourcesPanel,
+  N65 as NcRadioGroup,
+  N66 as NcRadioGroupButton,
+  N67 as NcRelatedResourcesPanel,
   b as NcRichContenteditable,
-  N68 as NcRichText,
+  N70 as NcRichText,
   _7 as NcSavingIndicatorIcon,
-  N69 as NcSelect,
-  N70 as NcSelectTags,
-  N71 as NcSelectUsers,
-  N72 as NcSettingsInputText,
-  N73 as NcSettingsSection,
-  N74 as NcSettingsSelectGroup,
-  N75 as NcTextArea,
+  N71 as NcSelect,
+  N72 as NcSelectTags,
+  N73 as NcSelectUsers,
+  N74 as NcSettingsSection,
+  N75 as NcSettingsSelectGroup,
+  N76 as NcTextArea,
   _6 as NcTextField,
   _8 as NcThemeProvider,
   _9 as NcTimezonePicker,
-  N76 as NcUserBubble,
-  N77 as NcUserStatusIcon,
+  N77 as NcUserBubble,
+  N78 as NcUserStatusIcon,
   _10 as NcVNodes,
   a2 as anyLinkProviderId,
   checkIfDarkTheme,

package/dist/index.mjs.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextcloud/vue",
-  "version": "9.0.0-rc.8",
+  "version": "9.0.0-rc.9",
   "description": "Nextcloud vue components",
   "keywords": [
     "vuejs",
@@ -86,13 +86,14 @@
     "@nextcloud/l10n": "^3.4.0",
     "@nextcloud/logger": "^3.0.2",
     "@nextcloud/router": "^3.0.1",
-    "@nextcloud/sharing": "^0.2.5",
+    "@nextcloud/sharing": "^0.3.0",
     "@nextcloud/timezones": "^1.0.0",
     "@vuepic/vue-datepicker": "^11.0.2",
-    "@vueuse/components": "^13.8.0",
-    "@vueuse/core": "^13.6.0",
+    "@vueuse/components": "^13.9.0",
+    "@vueuse/core": "^13.9.0",
     "blurhash": "^2.0.5",
     "clone": "^2.1.2",
+    "crypto-browserify": "^3.12.1",
     "debounce": "^2.2.0",
     "dompurify": "^3.2.6",
     "emoji-mart-vue-fast": "^15.0.5",
@@ -100,7 +101,7 @@
     "floating-vue": "^5.2.2",
     "focus-trap": "^7.6.5",
     "linkifyjs": "^4.3.2",
-    "p-queue": "^8.1.0",
+    "p-queue": "^8.1.1",
     "rehype-external-links": "^3.0.0",
     "rehype-highlight": "^7.0.2",
     "rehype-react": "^8.0.0",
@@ -130,18 +131,18 @@
     "@nextcloud/browserslist-config": "^3.0.1",
     "@nextcloud/eslint-config": "^9.0.0-rc.5",
     "@nextcloud/stylelint-config": "^3.1.0",
-    "@nextcloud/vite-config": "^2.4.0",
+    "@nextcloud/vite-config": "^2.5.0",
     "@nextcloud/webpack-vue-config": "github:nextcloud/webpack-vue-config#vue3",
     "@playwright/experimental-ct-vue": "^1.55.0",
     "@playwright/test": "^1.55.0",
     "@types/gettext-parser": "^8.0.0",
-    "@types/node": "^24.3.0",
+    "@types/node": "^24.3.1",
     "@vitest/coverage-v8": "^3.2.4",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.8.1",
     "babel-loader-exclude-node-modules-except": "^1.2.1",
     "core-js": "^3.45.1",
-    "eslint": "^9.34.0",
+    "eslint": "^9.35.0",
     "file-loader": "^6.2.0",
     "gettext-extractor": "^4.0.1",
     "gettext-parser": "^8.0.0",
@@ -149,13 +150,12 @@
     "jsdom": "^26.1.0",
     "remark-gfm": "^4.0.1",
     "resolve-url-loader": "^5.0.0",
-    "sass": "^1.91.0",
-    "stylelint": "^16.23.1",
+    "sass": "^1.92.1",
+    "stylelint": "^16.24.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.2",
     "url-loader": "^4.1.1",
-    "vite": "^7.1.3",
-    "vite-plugin-node-polyfills": "^0.24.0",
+    "vite": "^7.1.5",
     "vitest": "^3.2.4",
     "vue-eslint-parser": "^10.2.0",
     "vue-material-design-icons": "^5.3.1",

package/dist/assets/NcSettingsInputText-Dj_6fuUU.css

@@ -1,35 +0,0 @@
-/**
- * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-/**
- * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-/*
-* Ensure proper alignment of the vue material icons
-*/
-.material-design-icon[data-v-d5f079e6] {
-  display: flex;
-  align-self: center;
-  justify-self: center;
-  align-items: center;
-  justify-content: center;
-}
-.input-wrapper[data-v-d5f079e6] {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  width: 100%;
-  max-width: 400px;
-}
-.input-wrapper .action-input__label[data-v-d5f079e6] {
-  margin-inline-end: 12px;
-}
-.input-wrapper[data-v-d5f079e6]:disabled {
-  cursor: default;
-}
-.input-wrapper .hint[data-v-d5f079e6] {
-  color: var(--color-text-maxcontrast);
-  margin-inline-start: 8px;
-}

package/dist/chunks/NcAppNavigation-OWHt-bzI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcAppNavigation-OWHt-bzI.mjs","sources":["../../src/components/NcAppNavigation/NcAppNavigationToggle.vue","../../src/components/NcAppNavigation/NcAppNavigation.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n  -->\n\n<script setup lang=\"ts\">\nimport { mdiMenu, mdiMenuOpen } from '@mdi/js'\nimport { computed } from 'vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.ts'\nimport NcButton from '../NcButton/index.ts'\n\n/**\n * Tracks whether the toggle has been clicked or not.\n * If it has been clicked, switches between the different MenuIcons\n * and emits a boolean indicating its opened status\n */\nconst open = defineModel<boolean>('open', { required: true })\n\nconst title = computed(() => open.value ? t('Close navigation') : t('Open navigation'))\n</script>\n\n<template>\n\t<div class=\"app-navigation-toggle-wrapper\">\n\t\t<NcButton\n\t\t\tclass=\"app-navigation-toggle\"\n\t\t\taria-controls=\"app-navigation-vue\"\n\t\t\t:aria-expanded=\"open ? 'true' : 'false'\"\n\t\t\t:aria-label=\"title\"\n\t\t\t:title\n\t\t\tvariant=\"tertiary\"\n\t\t\t@click=\"open = !open\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :path=\"open ? mdiMenuOpen : mdiMenu\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t</div>\n</template>\n\n<style scoped lang=\"scss\">\n.app-navigation-toggle-wrapper {\n\tposition: absolute;\n\ttop: var(--app-navigation-padding);\n\tinset-inline-end: calc(0px - var(--app-navigation-padding));\n\tmargin-inline-end: calc(-1 * var(--default-clickable-area));\n}\n\nbutton.app-navigation-toggle {\n\tbackground-color: var(--color-main-background);\n}\n</style>\n","<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n```vue\n<template>\n\t<div class=\"styleguide-nc-content\">\n\t\t<NcAppNavigation>\n\t\t\t<template #search>\n\t\t\t\t<div class=\"navigation__header\">\n\t\t\t\t\t<NcAppNavigationSearch v-model=\"searchValue\" label=\"Search …\" />\n\t\t\t\t\t<NcActions>\n\t\t\t\t\t\t<NcActionButton close-after-click @click=\"showModal = true\">\n\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t<IconCog />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\tApp settings (close after click)\n\t\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t\t<NcActionButton @click=\"showModal = true\">\n\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t<IconCog />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\tApp settings (handle only click)\n\t\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t</NcActions>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<template #list>\n\t\t\t\t<NcAppNavigationItem v-for=\"item in items\" :key=\"item\" :name=\"item\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<IconCheck :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcAppNavigationItem>\n\t\t\t</template>\n\t\t\t<template #footer>\n\t\t\t\t<div class=\"navigation__footer\">\n\t\t\t\t\t<NcButton wide @click=\"showModal = true\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<IconCog />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tApp settings\n\t\t\t\t\t</NcButton>\n\t\t\t\t\t<NcModal v-if=\"showModal\" name=\"Modal for focus-trap check\" @close=\"showModal = false\">\n\t\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t\t<h4>Focus-trap should be locked inside the modal</h4>\n\t\t\t\t\t\t\t<NcTextField v-model=\"modalValue\" label=\"Focus me\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</NcModal>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</NcAppNavigation>\n\t</div>\n</template>\n\n<script>\n\timport IconCheck from 'vue-material-design-icons/Check'\n\timport IconCog from 'vue-material-design-icons/Cog'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tIconCheck,\n\t\t\tIconCog,\n\t\t},\n\t\tprovide() {\n\t\t\treturn {\n\t\t\t\t'NcContent:setHasAppNavigation': () => {},\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\titems: Array.from({ length: 5 }, (v, i) => `Item ${i+1}`),\n\t\t\t\tsearchValue: '',\n\t\t\t\tmodalValue: '',\n\t\t\t\tshowModal: false,\n\t\t\t}\n\t\t},\n\t}\n</script>\n\n<style scoped>\n\t/* Mock NcContent */\n\t.styleguide-nc-content {\n\t\tposition: relative;\n\t\theight: 300px;\n\t\tbackground-color: var(--color-background-plain);\n\t\toverflow: hidden;\n\t}\n\n\t.navigation__header,\n\t.navigation__footer {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\tpadding: 4px;\n\t}\n\n\t.modal-content {\n\t\theight: 120px;\n\t\tpadding: 10px;\n\t}\n</style>\n```\n\nThe navigation bar can be open and closed from anywhere in the app using the\nnextcloud event bus.\n\n### Install the event bus package\n\n```bash\nnpm i -S @nextcloud/event-bus\n```\n\n### Usage\n\n#### Open the navigation\n\n```js static\nimport { emit } from '@nextcloud/event-bus'\nemit('toggle-navigation', {\n\topen: true,\n})\n```\n\n#### Close the navigation\n\n```js static\nimport { emit } from '@nextcloud/event-bus'\nemit('toggle-navigation', {\n\topen: false,\n})\n```\n\n</docs>\n\n<script setup lang=\"ts\">\nimport type { FocusTrap } from 'focus-trap'\nimport type { Slot } from 'vue'\n\nimport { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport { createFocusTrap } from 'focus-trap'\nimport { inject, onMounted, onUnmounted, ref, useTemplateRef, warn, watch, watchEffect } from 'vue'\nimport NcAppNavigationList from '../NcAppNavigationList/NcAppNavigationList.vue'\nimport NcAppNavigationToggle from './NcAppNavigationToggle.vue'\nimport { useIsMobile } from '../../composables/useIsMobile/index.ts'\nimport { getTrapStack } from '../../utils/focusTrap.ts'\nimport { HAS_APP_NAVIGATION_KEY } from '../NcContent/constants.ts'\n\nconst props = defineProps<{\n\t/**\n\t * The aria label to describe the navigation\n\t */\n\tariaLabel?: string\n\n\t/**\n\t * aria-labelledby attribute to describe the navigation\n\t */\n\tariaLabelledby?: string\n}>()\n\ndefineSlots<{\n\t/**\n\t * The main content of the navigation.\n\t * If no list is passed to the `#list` slot, stretched vertically.\n\t */\n\tdefault?: Slot\n\t/**\n\t * Footer for e.g. `NcAppNavigationSettings`\n\t */\n\tfooter?: Slot\n\t/**\n\t * List for Navigation list items.\n\t * Stretched between the main content and the footer\n\t */\n\tlist?: Slot\n\t/**\n\t * For in-app search you can pass a `NcAppNavigationSearch` component as the slot content.\n\t */\n\tsearch?: Slot\n}>()\n\nlet focusTrap: FocusTrap\nconst setHasAppNavigation = inject(\n\tHAS_APP_NAVIGATION_KEY,\n\t() => warn('NcAppNavigation is not mounted inside NcContent, this is probably an error.'),\n\tfalse,\n)\n\nconst appNavigationContainer = useTemplateRef('app-navigation-container-key')\nconst isMobile = useIsMobile()\nconst open = ref(!isMobile.value)\n\nwatchEffect(() => {\n\tif (!props.ariaLabel && !props.ariaLabelledby) {\n\t\twarn('NcAppNavigation requires either `ariaLabel` or `ariaLabelledby` to be set for accessibility.')\n\t}\n})\n\nwatch(isMobile, () => {\n\topen.value = !isMobile.value\n})\n\nwatch(open, () => {\n\ttoggleFocusTrap()\n})\n\nonMounted(() => {\n\tsetHasAppNavigation(true)\n\tsubscribe('toggle-navigation', toggleNavigationByEventBus)\n\t// Emit an event with the initial state of the navigation\n\temit('navigation-toggled', {\n\t\topen: open.value,\n\t})\n\n\tfocusTrap = createFocusTrap(appNavigationContainer.value!, {\n\t\tallowOutsideClick: true,\n\t\tfallbackFocus: appNavigationContainer.value!,\n\t\ttrapStack: getTrapStack(),\n\t\tescapeDeactivates: false,\n\t})\n\ttoggleFocusTrap()\n})\n\nonUnmounted(() => {\n\tsetHasAppNavigation(false)\n\tunsubscribe('toggle-navigation', toggleNavigationByEventBus)\n\tfocusTrap.deactivate()\n})\n\n/**\n * Toggle the navigation\n *\n * @param state set the state instead of inverting the current one\n */\nfunction toggleNavigation(state?: boolean): void {\n\t// Early return if already in that state\n\tif (open.value === state) {\n\t\temit('navigation-toggled', {\n\t\t\topen: open.value,\n\t\t})\n\t\treturn\n\t}\n\n\topen.value = state === undefined ? !open.value : state\n\tconst bodyStyles = getComputedStyle(document.body)\n\tconst animationLength = parseInt(bodyStyles.getPropertyValue('--animation-quick')) || 100\n\n\tsetTimeout(() => {\n\t\temit('navigation-toggled', {\n\t\t\topen: open.value,\n\t\t})\n\t// We wait for 1.5 times the animation length to give the animation time to really finish.\n\t}, 1.5 * animationLength)\n}\n\n/**\n * Handler for the event-bus navigation event.\n *\n * @param context - The event bus context\n * @param context.open - The new navigation open state\n */\nfunction toggleNavigationByEventBus({ open }: { open: boolean }): void {\n\treturn toggleNavigation(open)\n}\n\n/**\n * Activate focus trap if it is currently needed, otherwise deactivate\n */\nfunction toggleFocusTrap(): void {\n\tif (isMobile.value && open.value) {\n\t\tfocusTrap.activate()\n\t} else {\n\t\tfocusTrap.deactivate()\n\t}\n}\n\n/**\n * Handle hotkey for closing the navigation.\n */\nfunction handleEsc(): void {\n\tif (isMobile.value) {\n\t\ttoggleNavigation(false)\n\t}\n}\n</script>\n\n<template>\n\t<div\n\t\tref=\"app-navigation-container-key\"\n\t\tclass=\"app-navigation\"\n\t\t:class=\"{ 'app-navigation--closed': !open }\">\n\t\t<nav\n\t\t\tid=\"app-navigation-vue\"\n\t\t\t:aria-hidden=\"open ? 'false' : 'true'\"\n\t\t\t:aria-label=\"ariaLabel || undefined\"\n\t\t\t:aria-labelledby=\"ariaLabelledby || undefined\"\n\t\t\tclass=\"app-navigation__content\"\n\t\t\t:inert=\"!open || undefined\"\n\t\t\t@keydown.esc=\"handleEsc\">\n\t\t\t<div class=\"app-navigation__search\">\n\t\t\t\t<slot name=\"search\" />\n\t\t\t</div>\n\n\t\t\t<div class=\"app-navigation__body\" :class=\"{ 'app-navigation__body--no-list': !$slots.list }\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\n\t\t\t<NcAppNavigationList v-if=\"$slots.list\" class=\"app-navigation__list\">\n\t\t\t\t<slot name=\"list\" />\n\t\t\t</NcAppNavigationList>\n\n\t\t\t<slot name=\"footer\" />\n\t\t</nav>\n\t\t<NcAppNavigationToggle :open @update:open=\"toggleNavigation\" />\n\t</div>\n</template>\n\n<style lang=\"scss\">\n.app-navigation,\n.app-content {\n\t/** Distance of the app navigation toggle and the first navigation item to the top edge of the app content container */\n\t--app-navigation-padding: #{$app-navigation-padding};\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.app-navigation {\n\t// Set scoped variable override\n\t// Using --color-text-maxcontrast as a fallback evaluates to an invalid value as it references itself in this scope instead of the variable defined higher up\n\t--color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-text-maxcontrast-default));\n\ttransition: transform var(--animation-quick), margin var(--animation-quick);\n\twidth: $navigation-width;\n\t// Left toggle button padding + toggle button + right padding from NcAppContent\n\t--app-navigation-max-width: calc(100vw - (var(--app-navigation-padding) + var(--default-clickable-area) + var(--default-grid-baseline)));\n\tmax-width: var(--app-navigation-max-width);\n\tposition: relative;\n\ttop: 0;\n\tinset-inline-start: 0;\n\tpadding: 0px;\n\t// Above NcAppContent\n\tz-index: 1800;\n\theight: 100%;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\tflex-grow: 0;\n\tflex-shrink: 0;\n\tbackground-color: var(--color-main-background-blur, var(--color-main-background));\n\t-webkit-backdrop-filter: var(--filter-background-blur, none);\n\tbackdrop-filter: var(--filter-background-blur, none);\n\n\t&--closed {\n\t\tmargin-inline-start: calc(-1 * min($navigation-width, var(--app-navigation-max-width)));\n\t}\n\n\t&__search {\n\t\twidth: 100%;\n\t}\n\n\t&__body {\n\t\toverflow-y: scroll;\n\t}\n\n\t// For legacy purposes support passing a bare list to the content in #default slot and including #footer slot\n\t// Same styles as NcAppNavigationList\n\t&__content > ul {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--default-grid-baseline, 4px);\n\t\tpadding: var(--app-navigation-padding);\n\t}\n\n\t// Always stretch the navigation list\n\t& &__list {\n\t\theight: 100%;\n\t}\n\n\t// Stretch the main content if there is no stretched list\n\t&__body--no-list {\n\t\tflex: 1 1 auto;\n\t\toverflow: auto;\n\t\theight: 100%;\n\t}\n\n\t&__content {\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n}\n\n// Add extra border for high contrast mode\n[data-themes*=\"highcontrast\"] {\n\t.app-navigation {\n\t\tborder-inline-end: 1px solid var(--color-border);\n\t}\n}\n\n// When on mobile, we make the navigation slide over the NcAppContent\n@media only screen and (max-width: $breakpoint-mobile) {\n\t.app-navigation {\n\t\tposition: absolute;\n\t\tborder-inline-end: 1px solid var(--color-border);\n\t}\n}\n\n// Put the toggle behind NcAppSidebar on small screens\n@media only screen and (max-width: $breakpoint-small-mobile) {\n\t.app-navigation {\n\t\tz-index: 1400;\n\t}\n}\n\n</style>\n"],"names":["_useModel","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","open","_normalizeClass","_createElementVNode","ariaLabel","ariaLabelledby","_renderSlot","$slots","_createBlock"],"mappings":"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"}