@nextcloud/vue 8.27.0 → 8.28.0

package/dist/Composables/useHotKey.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHotKey.mjs","sources":["../../src/composables/useHotKey/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { onKeyStroke } from '@vueuse/core'\n\nconst disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.()\nconst isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent)\n\nexport interface UseHotKeyOptions {\n\t/** Make key filter case sensitive */\n\tcaseSensitive?: boolean\n\n\t/** Prevent default behavior of key stroke */\n\tprevent?: boolean\n\n\t/** Stop the event bubbling */\n\tstop?: boolean\n\n\t/** Also listen for keyup event */\n\tpush?: boolean\n\n\t/**\n\t * If set then the callback is only called when the shift key is (not) pressed.\n\t * When left `undefined` a pressed shift key is ignored (callback is run with and without shift pressed).\n\t */\n\tshift?: boolean\n\n\t/**\n\t * Only run the callback if the control key is (not-)pressed.\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'ctrl' key is NOT pressed.\n\t */\n\tctrl?: boolean\n\n\t/**\n\t * If set the callback is only executed if the alt key is (not-)pressed\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'alt' key is NOT pressed.\n\t */\n\talt?: boolean\n}\n\n/**\n * Check if event target (active element) is editable (allows input from keyboard) or NcModal is open\n * If true, a hot key should not trigger the callback\n *\n * @todo Discuss if we should abort on another interactive elements (button, a, e.t.c)\n *\n * @param event keyboard event\n * @return Whether it should prevent callback\n */\nfunction shouldIgnoreEvent(event: KeyboardEvent): boolean {\n\tif (!(event.target instanceof HTMLElement)\n\t\t|| event.target instanceof HTMLInputElement\n\t\t|| event.target instanceof HTMLTextAreaElement\n\t\t|| event.target instanceof HTMLSelectElement\n\t\t|| event.target.isContentEditable) {\n\t\treturn true\n\t}\n\t/** Abort if any modal/dialog opened */\n\treturn document.getElementsByClassName('modal-mask').length !== 0\n}\n\ntype KeyboardEventHandler = (event: KeyboardEvent) => void\n\n/**\n * Implementation of the event handler.\n *\n * @param callback The callback to run\n * @param options hot key options\n */\nfunction eventHandler(callback: KeyboardEventHandler, options: UseHotKeyOptions): KeyboardEventHandler {\n\treturn (event: KeyboardEvent) => {\n\t\tconst ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey\n\t\tif (ctrlKeyPressed !== Boolean(options.ctrl)) {\n\t\t\t/**\n\t\t\t * Ctrl is required and not pressed, or the opposite\n\t\t\t * As on macOS 'cmd' key is used instead of 'ctrl' key for most key combinations,\n\t\t\t * 'event.metaKey' should be checked\n\t\t\t */\n\t\t\treturn\n\t\t} else if (event.altKey !== Boolean(options.alt)) {\n\t\t\t// Alt is required and not pressed, or the opposite\n\t\t\treturn\n\t\t} else if (options.shift !== undefined && event.shiftKey !== Boolean(options.shift)) {\n\t\t\t/**\n\t\t\t * Shift is required and not pressed, or the opposite\n\t\t\t * As shift key is used to type capital letters and alternate characters,\n\t\t\t * option should be explicitly defined\n\t\t\t */\n\t\t\treturn\n\t\t} else if (shouldIgnoreEvent(event)) {\n\t\t\t// Keyboard shortcuts are disabled, because active element assumes input\n\t\t\treturn\n\t\t}\n\n\t\tif (options.prevent) {\n\t\t\tevent.preventDefault()\n\t\t}\n\t\tif (options.stop) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t\tcallback(event)\n\t}\n}\n\n/**\n * Composable to use keyboard shortcuts in the application.\n * It respects the users accessibility configuration (opt-out shortcuts).\n *\n * @param keysOrFilter - keyboard key(s) to listen to, or filter function or pass `true` for listening to all keys\n * @param callback - callback function\n * @param options - composable options\n * @see docs/composables/usekeystroke.md\n */\nexport function useHotKey(\n\tkeysOrFilter: true | string | string[] | ((e: KeyboardEvent) => boolean),\n\tcallback = () => {},\n\toptions: UseHotKeyOptions = {},\n) {\n\tif (disableKeyboardShortcuts) {\n\t\t// Keyboard shortcuts are disabled\n\t\treturn () => {}\n\t}\n\n\t/**\n\t * Validates event key to expected key\n\t * FIXME should support any languages / key codes\n\t *\n\t * @param event keyboard event\n\t * @param key expected key\n\t * @return whether it satisfies expected value or not\n\t */\n\tconst validateKeyEvent = (event: KeyboardEvent, key: string): boolean => {\n\t\tif (options.caseSensitive) {\n\t\t\treturn event.key === key\n\t\t}\n\t\treturn event.key.toLowerCase() === key.toLowerCase()\n\t}\n\n\t/**\n\t * Filter function for the listener\n\t * see https://github.com/vueuse/vueuse/blob/v11.3.0/packages/core/onKeyStroke/index.ts#L21-L32\n\t *\n\t * @param event keyboard event\n\t * @return Whether it satisfies expected value or not\n\t */\n\tconst keyFilter = (event: KeyboardEvent): boolean => {\n\t\tif (typeof keysOrFilter === 'function') {\n\t\t\treturn keysOrFilter(event)\n\t\t} else if (typeof keysOrFilter === 'string') {\n\t\t\treturn validateKeyEvent(event, keysOrFilter)\n\t\t} else if (Array.isArray(keysOrFilter)) {\n\t\t\treturn keysOrFilter.some(key => validateKeyEvent(event, key))\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}\n\n\tconst stopKeyDown = onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\teventName: 'keydown',\n\t\tdedupe: true,\n\t\tpassive: !options.prevent,\n\t})\n\n\tconst stopKeyUp = options.push\n\t\t? onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\t\teventName: 'keyup',\n\t\t\tpassive: !options.prevent,\n\t\t})\n\t\t: () => {}\n\n\treturn () => {\n\t\tstopKeyDown()\n\t\tstopKeyUp()\n\t}\n}\n"],"names":[],"mappings":";AAMA,MAAM,2BAA2B,OAAO,KAAK,eAAe,2BAA2B;AACvF,MAAM,QAAQ,0BAA0B,KAAK,UAAU,SAAS;AA2ChE,SAAS,kBAAkB,OAA+B;AACzD,MAAI,EAAE,MAAM,kBAAkB,gBAC1B,MAAM,kBAAkB,oBACxB,MAAM,kBAAkB,uBACxB,MAAM,kBAAkB,qBACxB,MAAM,OAAO,mBAAmB;AAC5B,WAAA;AAAA,EAAA;AAGR,SAAO,SAAS,uBAAuB,YAAY,EAAE,WAAW;AACjE;AAUA,SAAS,aAAa,UAAgC,SAAiD;AACtG,SAAO,CAAC,UAAyB;AAChC,UAAM,iBAAiB,QAAQ,MAAM,UAAU,MAAM;AACrD,QAAI,mBAAmB,QAAQ,QAAQ,IAAI,GAAG;AAM7C;AAAA,IAAA,WACU,MAAM,WAAW,QAAQ,QAAQ,GAAG,GAAG;AAEjD;AAAA,IAAA,WACU,QAAQ,UAAU,UAAa,MAAM,aAAa,QAAQ,QAAQ,KAAK,GAAG;AAMpF;AAAA,IAAA,WACU,kBAAkB,KAAK,GAAG;AAEpC;AAAA,IAAA;AAGD,QAAI,QAAQ,SAAS;AACpB,YAAM,eAAe;AAAA,IAAA;AAEtB,QAAI,QAAQ,MAAM;AACjB,YAAM,gBAAgB;AAAA,IAAA;AAEvB,aAAS,KAAK;AAAA,EACf;AACD;AAWgB,SAAA,UACf,cACA,WAAW,MAAM;AAAC,GAClB,UAA4B,CAAA,GAC3B;AACD,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAC;AAAA,EAAA;AAWT,QAAA,mBAAmB,CAAC,OAAsB,QAAyB;AACxE,QAAI,QAAQ,eAAe;AAC1B,aAAO,MAAM,QAAQ;AAAA,IAAA;AAEtB,WAAO,MAAM,IAAI,YAAY,MAAM,IAAI,YAAY;AAAA,EACpD;AASM,QAAA,YAAY,CAAC,UAAkC;AAChD,QAAA,OAAO,iBAAiB,YAAY;AACvC,aAAO,aAAa,KAAK;AAAA,IAAA,WACf,OAAO,iBAAiB,UAAU;AACrC,aAAA,iBAAiB,OAAO,YAAY;AAAA,IACjC,WAAA,MAAM,QAAQ,YAAY,GAAG;AACvC,aAAO,aAAa,KAAK,CAAA,QAAO,iBAAiB,OAAO,GAAG,CAAC;AAAA,IAAA,OACtD;AACC,aAAA;AAAA,IAAA;AAAA,EAET;AAEA,QAAM,cAAc,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IAC3E,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EAAA,CAClB;AAEK,QAAA,YAAY,QAAQ,OACvB,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IACzD,WAAW;AAAA,IACX,SAAS,CAAC,QAAQ;AAAA,EAClB,CAAA,IACC,MAAM;AAAA,EAAC;AAEV,SAAO,MAAM;AACA,gBAAA;AACF,cAAA;AAAA,EACX;AACD;"}
+{"version":3,"file":"useHotKey.mjs","sources":["../../src/composables/useHotKey/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\nimport { onKeyStroke } from '@vueuse/core'\n\nconst disableKeyboardShortcuts = window.OCP?.Accessibility?.disableKeyboardShortcuts?.()\nconst isMac = /mac|ipad|iphone|darwin/i.test(navigator.userAgent)\nconst derivedKeysRegex = /^[a-zA-Z0-9]$/\nconst nonAsciiPrintableRegex = /^[^\\x20-\\x7F]$/\n\nexport interface UseHotKeyOptions {\n\t/** Make key filter case sensitive */\n\tcaseSensitive?: boolean\n\n\t/** Prevent default behavior of key stroke */\n\tprevent?: boolean\n\n\t/** Stop the event bubbling */\n\tstop?: boolean\n\n\t/** Also listen for keyup event */\n\tpush?: boolean\n\n\t/**\n\t * If set then the callback is only called when the shift key is (not) pressed.\n\t * When left `undefined` a pressed shift key is ignored (callback is run with and without shift pressed).\n\t */\n\tshift?: boolean\n\n\t/**\n\t * Only run the callback if the control key is (not-)pressed.\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'ctrl' key is NOT pressed.\n\t */\n\tctrl?: boolean\n\n\t/**\n\t * If set the callback is only executed if the alt key is (not-)pressed\n\t * Undefined will be handled the same as `false` and will only run the callback if the 'alt' key is NOT pressed.\n\t */\n\talt?: boolean\n}\n\n/**\n * Check if event target (active element) is editable (allows input from keyboard) or NcModal is open\n * If true, a hot key should not trigger the callback\n *\n * @todo Discuss if we should abort on another interactive elements (button, a, e.t.c)\n *\n * @param event keyboard event\n * @return Whether it should prevent callback\n */\nfunction shouldIgnoreEvent(event: KeyboardEvent): boolean {\n\tif (!(event.target instanceof HTMLElement)\n\t\t|| event.target instanceof HTMLInputElement\n\t\t|| event.target instanceof HTMLTextAreaElement\n\t\t|| event.target instanceof HTMLSelectElement\n\t\t|| event.target.isContentEditable) {\n\t\treturn true\n\t}\n\t/** Abort if any modal/dialog opened */\n\treturn document.getElementsByClassName('modal-mask').length !== 0\n}\n\ntype KeyboardEventHandler = (event: KeyboardEvent) => void\n\n/**\n * Implementation of the event handler.\n *\n * @param callback The callback to run\n * @param options hot key options\n */\nfunction eventHandler(callback: KeyboardEventHandler, options: UseHotKeyOptions): KeyboardEventHandler {\n\treturn (event: KeyboardEvent) => {\n\t\tconst ctrlKeyPressed = isMac ? event.metaKey : event.ctrlKey\n\t\tif (ctrlKeyPressed !== Boolean(options.ctrl)) {\n\t\t\t/**\n\t\t\t * Ctrl is required and not pressed, or the opposite\n\t\t\t * As on macOS 'cmd' key is used instead of 'ctrl' key for most key combinations,\n\t\t\t * 'event.metaKey' should be checked\n\t\t\t */\n\t\t\treturn\n\t\t} else if (event.altKey !== Boolean(options.alt)) {\n\t\t\t// Alt is required and not pressed, or the opposite\n\t\t\treturn\n\t\t} else if (options.shift !== undefined && event.shiftKey !== Boolean(options.shift)) {\n\t\t\t/**\n\t\t\t * Shift is required and not pressed, or the opposite\n\t\t\t * As shift key is used to type capital letters and alternate characters,\n\t\t\t * option should be explicitly defined\n\t\t\t */\n\t\t\treturn\n\t\t} else if (shouldIgnoreEvent(event)) {\n\t\t\t// Keyboard shortcuts are disabled, because active element assumes input\n\t\t\treturn\n\t\t}\n\n\t\tif (options.prevent) {\n\t\t\tevent.preventDefault()\n\t\t}\n\t\tif (options.stop) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t\tcallback(event)\n\t}\n}\n\n/**\n * Composable to use keyboard shortcuts in the application.\n * It respects the users accessibility configuration (opt-out shortcuts).\n *\n * @param keysOrFilter - keyboard key(s) to listen to, or filter function or pass `true` for listening to all keys\n * @param callback - callback function\n * @param options - composable options\n * @see docs/composables/usekeystroke.md\n */\nexport function useHotKey(\n\tkeysOrFilter: true | string | string[] | ((e: KeyboardEvent) => boolean),\n\tcallback = () => {},\n\toptions: UseHotKeyOptions = {},\n) {\n\tif (disableKeyboardShortcuts) {\n\t\t// Keyboard shortcuts are disabled\n\t\treturn () => {}\n\t}\n\n\t/**\n\t * Validates event key to expected key\n\t *\n\t * @param event keyboard event\n\t * @param key expected key\n\t * @return whether it satisfies expected value or not\n\t */\n\tconst validateKeyEvent = (event: KeyboardEvent, key: string): boolean => {\n\t\t// If key exactly matches event.key, valid with any caseSensitive option. Do not perform further checks\n\t\tif (event.key === key) {\n\t\t\treturn true\n\t\t}\n\n\t\t// If key and event.key are in different cases, invalid with caseSensitive = true. Do not perform further checks\n\t\tif (options.caseSensitive) {\n\t\t\tconst isKeyInLowerCase = key === key.toLowerCase()\n\t\t\tconst isEventKeyInLowerCase = event.key === event.key.toLowerCase()\n\t\t\tif (isKeyInLowerCase !== isEventKeyInLowerCase) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t}\n\n\t\t// If received event.key is not a printable ASCII character code (character code 32-127),\n\t\t// try to derive it from event.code and match with expected key\n\t\tif (derivedKeysRegex.test(key) && nonAsciiPrintableRegex.test(event.key)) {\n\t\t\treturn event.code.replace(/^(?:Key|Digit|Numpad)/, '') === key.toUpperCase()\n\t\t}\n\n\t\treturn event.key.toLowerCase() === key.toLowerCase()\n\t}\n\n\t/**\n\t * Filter function for the listener\n\t * see https://github.com/vueuse/vueuse/blob/v11.3.0/packages/core/onKeyStroke/index.ts#L21-L32\n\t *\n\t * @param event keyboard event\n\t * @return Whether it satisfies expected value or not\n\t */\n\tconst keyFilter = (event: KeyboardEvent): boolean => {\n\t\tif (typeof keysOrFilter === 'function') {\n\t\t\treturn keysOrFilter(event)\n\t\t} else if (typeof keysOrFilter === 'string') {\n\t\t\treturn validateKeyEvent(event, keysOrFilter)\n\t\t} else if (Array.isArray(keysOrFilter)) {\n\t\t\treturn keysOrFilter.some(key => validateKeyEvent(event, key))\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}\n\n\tconst stopKeyDown = onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\teventName: 'keydown',\n\t\tdedupe: true,\n\t\tpassive: !options.prevent,\n\t})\n\n\tconst stopKeyUp = options.push\n\t\t? onKeyStroke(keyFilter, eventHandler(callback, options), {\n\t\t\teventName: 'keyup',\n\t\t\tpassive: !options.prevent,\n\t\t})\n\t\t: () => {}\n\n\treturn () => {\n\t\tstopKeyDown()\n\t\tstopKeyUp()\n\t}\n}\n"],"names":[],"mappings":";AAMA,MAAM,2BAA2B,OAAO,KAAK,eAAe,2BAA2B;AACvF,MAAM,QAAQ,0BAA0B,KAAK,UAAU,SAAS;AAChE,MAAM,mBAAmB;AACzB,MAAM,yBAAyB;AA2C/B,SAAS,kBAAkB,OAA+B;AACzD,MAAI,EAAE,MAAM,kBAAkB,gBAC1B,MAAM,kBAAkB,oBACxB,MAAM,kBAAkB,uBACxB,MAAM,kBAAkB,qBACxB,MAAM,OAAO,mBAAmB;AAC5B,WAAA;AAAA,EAAA;AAGR,SAAO,SAAS,uBAAuB,YAAY,EAAE,WAAW;AACjE;AAUA,SAAS,aAAa,UAAgC,SAAiD;AACtG,SAAO,CAAC,UAAyB;AAChC,UAAM,iBAAiB,QAAQ,MAAM,UAAU,MAAM;AACrD,QAAI,mBAAmB,QAAQ,QAAQ,IAAI,GAAG;AAM7C;AAAA,IAAA,WACU,MAAM,WAAW,QAAQ,QAAQ,GAAG,GAAG;AAEjD;AAAA,IAAA,WACU,QAAQ,UAAU,UAAa,MAAM,aAAa,QAAQ,QAAQ,KAAK,GAAG;AAMpF;AAAA,IAAA,WACU,kBAAkB,KAAK,GAAG;AAEpC;AAAA,IAAA;AAGD,QAAI,QAAQ,SAAS;AACpB,YAAM,eAAe;AAAA,IAAA;AAEtB,QAAI,QAAQ,MAAM;AACjB,YAAM,gBAAgB;AAAA,IAAA;AAEvB,aAAS,KAAK;AAAA,EACf;AACD;AAWgB,SAAA,UACf,cACA,WAAW,MAAM;AAAC,GAClB,UAA4B,CAAA,GAC3B;AACD,MAAI,0BAA0B;AAE7B,WAAO,MAAM;AAAA,IAAC;AAAA,EAAA;AAUT,QAAA,mBAAmB,CAAC,OAAsB,QAAyB;AAEpE,QAAA,MAAM,QAAQ,KAAK;AACf,aAAA;AAAA,IAAA;AAIR,QAAI,QAAQ,eAAe;AACpB,YAAA,mBAAmB,QAAQ,IAAI,YAAY;AACjD,YAAM,wBAAwB,MAAM,QAAQ,MAAM,IAAI,YAAY;AAClE,UAAI,qBAAqB,uBAAuB;AACxC,eAAA;AAAA,MAAA;AAAA,IACR;AAKG,QAAA,iBAAiB,KAAK,GAAG,KAAK,uBAAuB,KAAK,MAAM,GAAG,GAAG;AACzE,aAAO,MAAM,KAAK,QAAQ,yBAAyB,EAAE,MAAM,IAAI,YAAY;AAAA,IAAA;AAG5E,WAAO,MAAM,IAAI,YAAY,MAAM,IAAI,YAAY;AAAA,EACpD;AASM,QAAA,YAAY,CAAC,UAAkC;AAChD,QAAA,OAAO,iBAAiB,YAAY;AACvC,aAAO,aAAa,KAAK;AAAA,IAAA,WACf,OAAO,iBAAiB,UAAU;AACrC,aAAA,iBAAiB,OAAO,YAAY;AAAA,IACjC,WAAA,MAAM,QAAQ,YAAY,GAAG;AACvC,aAAO,aAAa,KAAK,CAAA,QAAO,iBAAiB,OAAO,GAAG,CAAC;AAAA,IAAA,OACtD;AACC,aAAA;AAAA,IAAA;AAAA,EAET;AAEA,QAAM,cAAc,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IAC3E,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,CAAC,QAAQ;AAAA,EAAA,CAClB;AAEK,QAAA,YAAY,QAAQ,OACvB,YAAY,WAAW,aAAa,UAAU,OAAO,GAAG;AAAA,IACzD,WAAW;AAAA,IACX,SAAS,CAAC,QAAQ;AAAA,EAClB,CAAA,IACC,MAAM;AAAA,EAAC;AAEV,SAAO,MAAM;AACA,gBAAA;AACF,cAAA;AAAA,EACX;AACD;"}

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-D4q4tELn.cjs");
+const referencePickerModal = require("../chunks/referencePickerModal-DbrHVDKS.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-4kExxHbR.mjs";
+import { a as a2, g, b as b2, c as c2, d as d2, s } from "../chunks/referencePickerModal-sscttPbK.mjs";
 export {
   N as NcCustomPickerRenderResult,
   a2 as anyLinkProviderId,

package/dist/Functions/usernameToColor.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const usernameToColor = require("../chunks/usernameToColor-mqInDrGv.cjs");
+const usernameToColor = require("../chunks/usernameToColor-Bu43-l7c.cjs");
 module.exports = usernameToColor.usernameToColor;
 //# sourceMappingURL=usernameToColor.cjs.map

package/dist/Functions/usernameToColor.mjs

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

package/dist/assets/{NcActionButton-CuV1ITDb.css → NcActionButton-D8Lyueq3.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-02eeec54] {
+.material-design-icon[data-v-102cfc0a] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -21,25 +21,25 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action[data-v-02eeec54]:hover, li.action.active[data-v-02eeec54] {
+li.action[data-v-102cfc0a]:hover, li.action.active[data-v-102cfc0a] {
   border-radius: 6px;
   padding: 0;
 }
-li.action[data-v-02eeec54]:hover {
+li.action[data-v-102cfc0a]:hover {
   background-color: var(--color-background-hover);
 }
-.action--disabled[data-v-02eeec54] {
+.action--disabled[data-v-102cfc0a] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-02eeec54]:hover, .action--disabled[data-v-02eeec54]:focus {
+.action--disabled[data-v-102cfc0a]:hover, .action--disabled[data-v-102cfc0a]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled *[data-v-02eeec54] {
+.action--disabled *[data-v-102cfc0a] {
   opacity: 1 !important;
 }
-.action-button[data-v-02eeec54] {
+.action-button[data-v-102cfc0a] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -59,11 +59,11 @@ li.action[data-v-02eeec54]:hover {
   font-size: var(--default-font-size);
   line-height: var(--default-clickable-area);
 }
-.action-button > span[data-v-02eeec54] {
+.action-button > span[data-v-102cfc0a] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-button__icon[data-v-02eeec54] {
+.action-button__icon[data-v-102cfc0a] {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
@@ -71,15 +71,15 @@ li.action[data-v-02eeec54]:hover {
   background-size: 16px;
   background-repeat: no-repeat;
 }
-.action-button[data-v-02eeec54] .material-design-icon {
+.action-button[data-v-102cfc0a] .material-design-icon {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
 }
-.action-button[data-v-02eeec54] .material-design-icon .material-design-icon__svg {
+.action-button[data-v-102cfc0a] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-button__longtext-wrapper[data-v-02eeec54], .action-button__longtext[data-v-02eeec54] {
+.action-button__longtext-wrapper[data-v-102cfc0a], .action-button__longtext[data-v-102cfc0a] {
   max-width: 220px;
   line-height: 1.6em;
   padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
@@ -88,11 +88,11 @@ li.action[data-v-02eeec54]:hover {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.action-button__longtext[data-v-02eeec54] {
+.action-button__longtext[data-v-102cfc0a] {
   cursor: pointer;
   white-space: pre-wrap !important;
 }
-.action-button__name[data-v-02eeec54] {
+.action-button__name[data-v-102cfc0a] {
   font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -100,7 +100,7 @@ li.action[data-v-02eeec54]:hover {
   max-width: 100%;
   display: block;
 }
-.action-button__description[data-v-02eeec54] {
+.action-button__description[data-v-102cfc0a] {
   display: block;
   white-space: pre-wrap;
   font-size: var(--font-size-small);
@@ -108,9 +108,12 @@ li.action[data-v-02eeec54]:hover {
   color: var(--color-text-maxcontrast);
   cursor: pointer;
 }
-.action-button__menu-icon[data-v-02eeec54] {
+.action-button__menu-icon[data-v-102cfc0a] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
 }
-.action-button__pressed-icon[data-v-02eeec54] {
+.action-button__pressed-icon[data-v-102cfc0a] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
+}
+.action-button *[data-v-102cfc0a] {
+  cursor: pointer;
 }

package/dist/assets/{NcActionText-vT7nheBU.css → NcActionText-Rad4JSXq.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-824615f4] {
+.material-design-icon[data-v-6a01d6d2] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -21,14 +21,14 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-li.action[data-v-824615f4]:hover, li.action.active[data-v-824615f4] {
+li.action[data-v-6a01d6d2]:hover, li.action.active[data-v-6a01d6d2] {
   border-radius: 6px;
   padding: 0;
 }
-li.action[data-v-824615f4]:hover {
+li.action[data-v-6a01d6d2]:hover {
   background-color: var(--color-background-hover);
 }
-.action-text[data-v-824615f4] {
+.action-text[data-v-6a01d6d2] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -48,11 +48,11 @@ li.action[data-v-824615f4]:hover {
   font-size: var(--default-font-size);
   line-height: var(--default-clickable-area);
 }
-.action-text > span[data-v-824615f4] {
+.action-text > span[data-v-6a01d6d2] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-text__icon[data-v-824615f4] {
+.action-text__icon[data-v-6a01d6d2] {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
@@ -60,15 +60,15 @@ li.action[data-v-824615f4]:hover {
   background-size: 16px;
   background-repeat: no-repeat;
 }
-.action-text[data-v-824615f4] .material-design-icon {
+.action-text[data-v-6a01d6d2] .material-design-icon {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   opacity: 1;
 }
-.action-text[data-v-824615f4] .material-design-icon .material-design-icon__svg {
+.action-text[data-v-6a01d6d2] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-text__longtext-wrapper[data-v-824615f4], .action-text__longtext[data-v-824615f4] {
+.action-text__longtext-wrapper[data-v-6a01d6d2], .action-text__longtext[data-v-6a01d6d2] {
   max-width: 220px;
   line-height: 1.6em;
   padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
@@ -77,11 +77,11 @@ li.action[data-v-824615f4]:hover {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.action-text__longtext[data-v-824615f4] {
+.action-text__longtext[data-v-6a01d6d2] {
   cursor: pointer;
   white-space: pre-wrap !important;
 }
-.action-text__name[data-v-824615f4] {
+.action-text__name[data-v-6a01d6d2] {
   font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -89,7 +89,7 @@ li.action[data-v-824615f4]:hover {
   max-width: 100%;
   display: block;
 }
-.action-text__description[data-v-824615f4] {
+.action-text__description[data-v-6a01d6d2] {
   display: block;
   white-space: pre-wrap;
   font-size: var(--font-size-small);
@@ -97,21 +97,21 @@ li.action[data-v-824615f4]:hover {
   color: var(--color-text-maxcontrast);
   cursor: pointer;
 }
-.action-text__menu-icon[data-v-824615f4] {
+.action-text__menu-icon[data-v-6a01d6d2] {
   margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
 }
-.action--disabled[data-v-824615f4] {
+.action--disabled[data-v-6a01d6d2] {
   pointer-events: none;
   opacity: 0.5;
 }
-.action--disabled[data-v-824615f4]:hover, .action--disabled[data-v-824615f4]:focus {
+.action--disabled[data-v-6a01d6d2]:hover, .action--disabled[data-v-6a01d6d2]:focus {
   cursor: default;
   opacity: 0.5;
 }
-.action--disabled *[data-v-824615f4] {
+.action--disabled *[data-v-6a01d6d2] {
   opacity: 1 !important;
 }
-.action-text[data-v-824615f4],
-.action-text span[data-v-824615f4] {
+.action-text[data-v-6a01d6d2],
+.action-text span[data-v-6a01d6d2] {
   cursor: default;
 }

package/dist/assets/{NcActions-3STB3u9J.css → NcActions-C3F-rqxz.css}

@@ -9,45 +9,45 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-d11b605b] {
+.material-design-icon[data-v-bc42d907] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.action-items[data-v-d11b605b] {
+.action-items[data-v-bc42d907] {
   display: flex;
   align-items: center;
   gap: calc((var(--default-clickable-area) - 16px) / 2 / 2);
 }
-.action-item[data-v-d11b605b] {
+.action-item[data-v-bc42d907] {
   --open-background-color: var(--color-background-hover, $action-background-hover);
   position: relative;
   display: inline-block;
 }
-.action-item.action-item--primary[data-v-d11b605b] {
+.action-item.action-item--primary[data-v-bc42d907] {
   --open-background-color: var(--color-primary-element-hover);
 }
-.action-item.action-item--secondary[data-v-d11b605b] {
+.action-item.action-item--secondary[data-v-bc42d907] {
   --open-background-color: var(--color-primary-element-light-hover);
 }
-.action-item.action-item--error[data-v-d11b605b] {
+.action-item.action-item--error[data-v-bc42d907] {
   --open-background-color: var(--color-error-hover);
 }
-.action-item.action-item--warning[data-v-d11b605b] {
+.action-item.action-item--warning[data-v-bc42d907] {
   --open-background-color: var(--color-warning-hover);
 }
-.action-item.action-item--success[data-v-d11b605b] {
+.action-item.action-item--success[data-v-bc42d907] {
   --open-background-color: var(--color-success-hover);
 }
-.action-item.action-item--tertiary-no-background[data-v-d11b605b] {
+.action-item.action-item--tertiary-no-background[data-v-bc42d907] {
   --open-background-color: transparent;
 }
-.action-item.action-item--open .action-item__menutoggle[data-v-d11b605b] {
+.action-item.action-item--open .action-item__menutoggle[data-v-bc42d907] {
   background-color: var(--open-background-color);
 }
-.action-item__menutoggle__icon[data-v-d11b605b] {
+.action-item__menutoggle__icon[data-v-bc42d907] {
   width: 20px;
   height: 20px;
   object-fit: contain;

package/dist/assets/{NcAppContent-DUkkgtHn.css → NcAppContent-Bb5hgGi3.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-0bdd48d0] {
+.material-design-icon[data-v-cd9edda4] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-details-toggle[data-v-0bdd48d0] {
+.app-details-toggle[data-v-cd9edda4] {
   position: sticky;
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
@@ -29,10 +29,10 @@
   top: var(--app-navigation-padding);
   inset-inline-start: calc(var(--default-clickable-area) + var(--app-navigation-padding) * 2);
 }
-.app-details-toggle--mobile[data-v-0bdd48d0] {
+.app-details-toggle--mobile[data-v-cd9edda4] {
   inset-inline-start: var(--app-navigation-padding);
 }
-.app-details-toggle[data-v-0bdd48d0]:active, .app-details-toggle[data-v-0bdd48d0]:hover, .app-details-toggle[data-v-0bdd48d0]:focus {
+.app-details-toggle[data-v-cd9edda4]:active, .app-details-toggle[data-v-cd9edda4]:hover, .app-details-toggle[data-v-cd9edda4]:focus {
   opacity: 1;
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
@@ -45,14 +45,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-bfc6f887] {
+.material-design-icon[data-v-4efa2a76] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-content[data-v-bfc6f887] {
+.app-content[data-v-4efa2a76] {
   position: initial;
   z-index: 1000;
   flex-basis: 100vw;
@@ -61,64 +61,64 @@
   background-color: var(--color-main-background);
   min-width: 0;
 }
-.app-content[data-v-bfc6f887]:not(.app-content--has-list) {
+.app-content[data-v-4efa2a76]:not(.app-content--has-list) {
   overflow: auto;
 }
-.app-content-wrapper[data-v-bfc6f887] {
+.app-content-wrapper[data-v-4efa2a76] {
   position: relative;
   width: 100%;
   height: 100%;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-bfc6f887]  .app-content-list {
+.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-4efa2a76]  .app-content-list {
   display: flex;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-bfc6f887]  .app-content-details {
+.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-4efa2a76]  .app-content-details {
   display: none;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-bfc6f887]  .app-content-list {
+.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-4efa2a76]  .app-content-list {
   display: none;
 }
-.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-bfc6f887]  .app-content-details {
+.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-4efa2a76]  .app-content-details {
   display: block;
 }
-[data-v-bfc6f887] .splitpanes.default-theme .app-content-list {
+[data-v-4efa2a76] .splitpanes.default-theme .app-content-list {
   max-width: none;
   /* Thin scrollbar is hard to catch on resizable columns */
   scrollbar-width: auto;
 }
-[data-v-bfc6f887] .splitpanes.default-theme .splitpanes__pane {
+[data-v-4efa2a76] .splitpanes.default-theme .splitpanes__pane {
   background-color: transparent;
   transition: none;
 }
-[data-v-bfc6f887] .splitpanes.default-theme .splitpanes__pane-list {
+[data-v-4efa2a76] .splitpanes.default-theme .splitpanes__pane-list {
   min-width: 300px;
   position: sticky;
 }
 @media only screen and (width < 1024px) {
-[data-v-bfc6f887] .splitpanes.default-theme .splitpanes__pane-list {
+[data-v-4efa2a76] .splitpanes.default-theme .splitpanes__pane-list {
     display: none;
 }
 }
-[data-v-bfc6f887] .splitpanes.default-theme .splitpanes__pane-details {
+[data-v-4efa2a76] .splitpanes.default-theme .splitpanes__pane-details {
   overflow-y: auto;
 }
 @media only screen and (width < 1024px) {
-[data-v-bfc6f887] .splitpanes.default-theme .splitpanes__pane-details {
+[data-v-4efa2a76] .splitpanes.default-theme .splitpanes__pane-details {
     min-width: 100%;
 }
 }
-[data-v-bfc6f887] .splitpanes.default-theme .splitpanes__splitter {
+[data-v-4efa2a76] .splitpanes.default-theme .splitpanes__splitter {
   background-color: var(--color-main-background);
 }
-[data-v-bfc6f887] .splitpanes.default-theme .splitpanes__splitter::before,[data-v-bfc6f887] .splitpanes.default-theme .splitpanes__splitter::after {
+[data-v-4efa2a76] .splitpanes.default-theme .splitpanes__splitter::before,[data-v-4efa2a76] .splitpanes.default-theme .splitpanes__splitter::after {
   background-color: var(--color-border);
 }
-[data-v-bfc6f887] .splitpanes.default-theme.splitpanes--vertical .splitpanes__splitter {
+[data-v-4efa2a76] .splitpanes.default-theme.splitpanes--vertical .splitpanes__splitter {
   border-left: 1px solid var(--color-border);
 }
-[data-v-bfc6f887] .splitpanes.default-theme.splitpanes--horizontal .splitpanes__splitter {
+[data-v-4efa2a76] .splitpanes.default-theme.splitpanes--horizontal .splitpanes__splitter {
   border-top: 1px solid var(--color-border);
 }
-.app-content-wrapper--show-list[data-v-bfc6f887] .app-content-list {
+.app-content-wrapper--show-list[data-v-4efa2a76] .app-content-list {
   max-width: none;
 }

package/dist/assets/{NcAppNavigationItem-CdT6ce8-.css → NcAppNavigationItem-BKKHzMYw.css}

@@ -142,17 +142,21 @@
 
 /* Second level nesting for lists */
 .app-navigation-entry__children[data-v-54906a49] {
+  --app-navigation-item-child-offset: 10px;
   position: relative;
   display: flex;
   flex: 0 1 auto;
   flex-direction: column;
   width: 100%;
   gap: var(--default-grid-baseline, 4px);
+  padding-inline-start: var(--app-navigation-item-child-offset);
 }
 .app-navigation-entry__children .app-navigation-entry[data-v-54906a49] {
   display: inline-flex;
   flex-wrap: wrap;
-  padding-inline-start: 16px;
+}
+.app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children[data-v-54906a49] {
+  --app-navigation-item-child-offset: 0;
 }
 
 /* Deleted entries */

package/dist/assets/{NcAppNavigationNewItem-D7wroqrc.css → NcAppNavigationNewItem-PE-w8y-g.css}

@@ -113,17 +113,21 @@
 
 /* Second level nesting for lists */
 .app-navigation-entry__children[data-v-46fee9ac] {
+  --app-navigation-item-child-offset: 10px;
   position: relative;
   display: flex;
   flex: 0 1 auto;
   flex-direction: column;
   width: 100%;
   gap: var(--default-grid-baseline, 4px);
+  padding-inline-start: var(--app-navigation-item-child-offset);
 }
 .app-navigation-entry__children .app-navigation-entry[data-v-46fee9ac] {
   display: inline-flex;
   flex-wrap: wrap;
-  padding-inline-start: 16px;
+}
+.app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children[data-v-46fee9ac] {
+  --app-navigation-item-child-offset: 0;
 }
 
 /* Deleted entries */

package/dist/assets/{NcAvatar-CRiCqAWQ.css → NcAvatar-BgjB8atT.css}

@@ -9,68 +9,68 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-f132fa9c] {
+.material-design-icon[data-v-e37fc087] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.avatardiv[data-v-f132fa9c] {
+.avatardiv[data-v-e37fc087] {
   position: relative;
   display: inline-block;
   width: var(--size);
   height: var(--size);
 }
-.avatardiv--unknown[data-v-f132fa9c] {
+.avatardiv--unknown[data-v-e37fc087] {
   position: relative;
   background-color: var(--color-main-background);
   white-space: normal;
 }
-.avatardiv[data-v-f132fa9c]:not(.avatardiv--unknown) {
+.avatardiv[data-v-e37fc087]:not(.avatardiv--unknown) {
   background-color: var(--color-main-background) !important;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
 }
-.avatardiv--with-menu[data-v-f132fa9c] {
+.avatardiv--with-menu[data-v-e37fc087] {
   cursor: pointer;
 }
-.avatardiv--with-menu .action-item[data-v-f132fa9c] {
+.avatardiv--with-menu .action-item[data-v-e37fc087] {
   position: absolute;
   top: 0;
   left: 0;
 }
-.avatardiv--with-menu[data-v-f132fa9c] .action-item__menutoggle {
+.avatardiv--with-menu[data-v-e37fc087] .action-item__menutoggle {
   cursor: pointer;
   opacity: 0;
 }
-.avatardiv--with-menu[data-v-f132fa9c]:focus-within .action-item__menutoggle, .avatardiv--with-menu[data-v-f132fa9c]:hover .action-item__menutoggle, .avatardiv--with-menu.avatardiv--with-menu-loading[data-v-f132fa9c] .action-item__menutoggle {
+.avatardiv--with-menu[data-v-e37fc087]:focus-within .action-item__menutoggle, .avatardiv--with-menu[data-v-e37fc087]:hover .action-item__menutoggle, .avatardiv--with-menu.avatardiv--with-menu-loading[data-v-e37fc087] .action-item__menutoggle {
   opacity: 1;
 }
-.avatardiv--with-menu:focus-within img[data-v-f132fa9c], .avatardiv--with-menu:hover img[data-v-f132fa9c], .avatardiv--with-menu.avatardiv--with-menu-loading img[data-v-f132fa9c] {
+.avatardiv--with-menu:focus-within img[data-v-e37fc087], .avatardiv--with-menu:hover img[data-v-e37fc087], .avatardiv--with-menu.avatardiv--with-menu-loading img[data-v-e37fc087] {
   opacity: 0.3;
 }
-.avatardiv--with-menu[data-v-f132fa9c] .action-item__menutoggle,
-.avatardiv--with-menu img[data-v-f132fa9c] {
+.avatardiv--with-menu[data-v-e37fc087] .action-item__menutoggle,
+.avatardiv--with-menu img[data-v-e37fc087] {
   transition: opacity var(--animation-quick);
 }
-.avatardiv--with-menu[data-v-f132fa9c]  .button-vue,
-.avatardiv--with-menu[data-v-f132fa9c]  .button-vue__icon {
+.avatardiv--with-menu[data-v-e37fc087]  .button-vue,
+.avatardiv--with-menu[data-v-e37fc087]  .button-vue__icon {
   height: var(--size);
   min-height: var(--size);
   width: var(--size) !important;
   min-width: var(--size);
 }
-.avatardiv--with-menu[data-v-f132fa9c] >  .button-vue, .avatardiv--with-menu[data-v-f132fa9c] >  .action-item .button-vue {
+.avatardiv--with-menu[data-v-e37fc087] >  .button-vue, .avatardiv--with-menu[data-v-e37fc087] >  .action-item .button-vue {
   --button-radius: calc(var(--size) / 2);
 }
-.avatardiv .avatardiv__initials-wrapper[data-v-f132fa9c] {
+.avatardiv .avatardiv__initials-wrapper[data-v-e37fc087] {
   display: block;
   height: var(--size);
   width: var(--size);
   background-color: var(--color-main-background);
   border-radius: calc(var(--size) / 2);
 }
-.avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-f132fa9c] {
+.avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-e37fc087] {
   position: absolute;
   top: 0;
   left: 0;
@@ -79,16 +79,16 @@
   text-align: center;
   font-weight: normal;
 }
-.avatardiv img[data-v-f132fa9c] {
+.avatardiv img[data-v-e37fc087] {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.avatardiv .material-design-icon[data-v-f132fa9c] {
+.avatardiv .material-design-icon[data-v-e37fc087] {
   width: var(--size);
   height: var(--size);
 }
-.avatardiv .avatardiv__user-status[data-v-f132fa9c] {
+.avatardiv .avatardiv__user-status[data-v-e37fc087] {
   box-sizing: border-box;
   position: absolute;
   inset-inline-end: -4px;
@@ -108,23 +108,23 @@
   background-position: center;
   border-radius: 50%;
 }
-.acli:hover .avatardiv .avatardiv__user-status[data-v-f132fa9c] {
+.acli:hover .avatardiv .avatardiv__user-status[data-v-e37fc087] {
   border-color: var(--color-background-hover);
   background-color: var(--color-background-hover);
 }
-.acli.active .avatardiv .avatardiv__user-status[data-v-f132fa9c] {
+.acli.active .avatardiv .avatardiv__user-status[data-v-e37fc087] {
   border-color: var(--color-primary-element-light);
   background-color: var(--color-primary-element-light);
 }
-.avatardiv .avatardiv__user-status--icon[data-v-f132fa9c] {
+.avatardiv .avatardiv__user-status--icon[data-v-e37fc087] {
   border: none;
   background-color: transparent;
 }
-.avatardiv .popovermenu-wrapper[data-v-f132fa9c] {
+.avatardiv .popovermenu-wrapper[data-v-e37fc087] {
   position: relative;
   display: inline-block;
 }
-.avatar-class-icon[data-v-f132fa9c] {
+.avatar-class-icon[data-v-e37fc087] {
   display: block;
   border-radius: calc(var(--size) / 2);
   background-color: var(--color-background-darker);