@nextcloud/vue 8.40.0 → 8.41.0

package/dist/chunks/{NcAssistantIcon-mcLe7umL.mjs.map → NcAssistantIcon-CTTn1608.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NcAssistantIcon-mcLe7umL.mjs","sources":["../../src/components/NcAssistantIcon/NcAssistantIcon.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n```vue\n<template>\n\t<NcThemeProvider class=\"wrapper\" :dark=\"userTheme === 'dark'\">\n\t\t\t<fieldset class=\"controls\">\n\t\t\t\t<legend>\n\t\t\t\t\tColor theme\n\t\t\t\t</legend>\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-model=\"providerTheme\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"dark\">\n\t\t\t\t\tDark\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-model=\"providerTheme\"\n\t\t\t\t\tvalue=\"light\"\n\t\t\t\t\ttype=\"radio\">\n\t\t\t\t\tLight\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t</div>\n\t\t</fieldset>\n\t\t<NcThemeProvider\n\t\t\t:dark=\"providerTheme === 'dark'\"\n\t\t\t:light=\"providerTheme === 'light'\">\n\t\t\t<div class=\"theme-preview\">\n\t\t\t\t<NcAssistantIcon />\n\t\t\t</div>\n\t\t</NcThemeProvider>\n\t</NcThemeProvider>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tproviderTheme: 'light',\n\t\t}\n\t}\n}\n</script>\n<style scoped>\n.wrapper {\n\tbackground-color: var(--color-main-background);\n\tcolor: var(--color-main-text);\n}\n\n.controls {\n\tdisplay: flex;\n\tjustify-content: center;\n\tgap: 2lh;\n}\n\nlegend {\n\twidth: 100%;\n\ttext-align: center;\n}\n\n.theme-preview {\n\tbackground-color: var(--color-main-background);\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-top: 0.5lh;\n\tmin-height: 2lh;\n}\n</style>\n```\n\n### Usage as inline icon\n```vue\n<template>\n\t<p>\n\t\tLorem ipsum dolor sit amet <NcAssistantIcon inline /> consetetur sadipscing elitr.\n\t</p>\n</template>\n```\n</docs>\n\n<script setup>\nimport { mdiCreation } from '@mdi/js'\nimport { computed } from 'vue'\nimport { useIsDarkTheme } from '../../composables/useIsDarkTheme/index.ts'\nimport { createElementId } from '../../utils/createElementId.ts'\n\nconst props = defineProps({\n\t/**\n\t * Set if the icon should be used as inline content e.g. within text.\n\t * By default the icon is made a block element for use inside `icon`-slots.\n\t */\n\tinline: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Size of the icon.\n\t * Defaults to the proper size to be used in buttons and other interactive elements\n\t * like all `Nc*` components with an icon slot.\n\t */\n\tsize: {\n\t\ttype: Number,\n\t\tdefault: 20,\n\t},\n})\n\nconst isDarkTheme = useIsDarkTheme()\nconst gradientId = createElementId()\nconst sizePx = computed(() => `${props.size}px`)\n</script>\n\n<template>\n\t<span\n\t\taria-hidden=\"true\"\n\t\t:class=\"[$style.assistantIcon, inline && $style.assistantIcon_inline]\"\n\t\trole=\"img\">\n\t\t<svg :class=\"$style.assistantIcon__svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<defs>\n\t\t\t\t<linearGradient v-if=\"isDarkTheme\" :id=\"gradientId\" gradientTransform=\"rotateX(285)\">\n\t\t\t\t\t<stop offset=\"15%\" stop-color=\"#CDACE7\" />\n\t\t\t\t\t<stop offset=\"40%\" stop-color=\"#008FDB\" />\n\t\t\t\t\t<stop offset=\"82%\" stop-color=\"#A180E0\" />\n\t\t\t\t</linearGradient>\n\t\t\t\t<linearGradient v-else :id=\"gradientId\" gradientTransform=\"rotateX(285)\">\n\t\t\t\t\t<stop offset=\"15%\" stop-color=\"#9669D3\" />\n\t\t\t\t\t<stop offset=\"40%\" stop-color=\"#00679E\" />\n\t\t\t\t\t<stop offset=\"80%\" stop-color=\"#492083\" />\n\t\t\t\t</linearGradient>\n\t\t\t</defs>\n\t\t\t<path :d=\"mdiCreation\" :fill=\"`url('#${gradientId}')`\" />\n\t\t</svg>\n\t</span>\n</template>\n\n<style module lang=\"scss\">\n.assistantIcon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&:not(&_inline) {\n\t\tdisplay: flex;\n\t\tmin-height: var(--default-clickable-area);\n\t\tmin-width: var(--default-clickable-area);\n\t}\n\n\t&__svg {\n\t\tdisplay: inline-block;\n\t\twidth: v-bind('sizePx');\n\t\theight: v-bind('sizePx');\n\t\tmax-width: v-bind('sizePx');\n\t\tmax-height: v-bind('sizePx');\n\t}\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA,UAAM,cAAc,eAAc;AAClC,UAAM,aAAa,gBAAe;AAClC,UAAM,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcAssistantIcon-CTTn1608.mjs","sources":["../../src/components/NcAssistantIcon/NcAssistantIcon.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n```vue\n<template>\n\t<NcThemeProvider class=\"wrapper\" :dark=\"userTheme === 'dark'\">\n\t\t\t<fieldset class=\"controls\">\n\t\t\t\t<legend>\n\t\t\t\t\tColor theme\n\t\t\t\t</legend>\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-model=\"providerTheme\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"dark\">\n\t\t\t\t\tDark\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-model=\"providerTheme\"\n\t\t\t\t\tvalue=\"light\"\n\t\t\t\t\ttype=\"radio\">\n\t\t\t\t\tLight\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t</div>\n\t\t</fieldset>\n\t\t<NcThemeProvider\n\t\t\t:dark=\"providerTheme === 'dark'\"\n\t\t\t:light=\"providerTheme === 'light'\">\n\t\t\t<div class=\"theme-preview\">\n\t\t\t\t<NcAssistantIcon />\n\t\t\t</div>\n\t\t</NcThemeProvider>\n\t</NcThemeProvider>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tproviderTheme: 'light',\n\t\t}\n\t}\n}\n</script>\n<style scoped>\n.wrapper {\n\tbackground-color: var(--color-main-background);\n\tcolor: var(--color-main-text);\n}\n\n.controls {\n\tdisplay: flex;\n\tjustify-content: center;\n\tgap: 2lh;\n}\n\nlegend {\n\twidth: 100%;\n\ttext-align: center;\n}\n\n.theme-preview {\n\tbackground-color: var(--color-main-background);\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-top: 0.5lh;\n\tmin-height: 2lh;\n}\n</style>\n```\n\n### Usage as inline icon\n```vue\n<template>\n\t<p>\n\t\tLorem ipsum dolor sit amet <NcAssistantIcon inline /> consetetur sadipscing elitr.\n\t</p>\n</template>\n```\n</docs>\n\n<script setup>\nimport { mdiCreation } from '@mdi/js'\nimport { computed } from 'vue'\nimport { useIsDarkTheme } from '../../composables/useIsDarkTheme/index.ts'\nimport { createElementId } from '../../utils/createElementId.ts'\n\nconst props = defineProps({\n\t/**\n\t * Set if the icon should be used as inline content e.g. within text.\n\t * By default the icon is made a block element for use inside `icon`-slots.\n\t */\n\tinline: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Size of the icon.\n\t * Defaults to the proper size to be used in buttons and other interactive elements\n\t * like all `Nc*` components with an icon slot.\n\t */\n\tsize: {\n\t\ttype: Number,\n\t\tdefault: 20,\n\t},\n})\n\nconst isDarkTheme = useIsDarkTheme()\nconst gradientId = createElementId()\nconst sizePx = computed(() => `${props.size}px`)\n</script>\n\n<template>\n\t<span\n\t\taria-hidden=\"true\"\n\t\t:class=\"[$style.assistantIcon, inline && $style.assistantIcon_inline]\"\n\t\trole=\"img\">\n\t\t<svg :class=\"$style.assistantIcon__svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<defs>\n\t\t\t\t<linearGradient v-if=\"isDarkTheme\" :id=\"gradientId\" gradientTransform=\"rotateX(285)\">\n\t\t\t\t\t<stop offset=\"15%\" stop-color=\"#CDACE7\" />\n\t\t\t\t\t<stop offset=\"40%\" stop-color=\"#008FDB\" />\n\t\t\t\t\t<stop offset=\"82%\" stop-color=\"#A180E0\" />\n\t\t\t\t</linearGradient>\n\t\t\t\t<linearGradient v-else :id=\"gradientId\" gradientTransform=\"rotateX(285)\">\n\t\t\t\t\t<stop offset=\"15%\" stop-color=\"#9669D3\" />\n\t\t\t\t\t<stop offset=\"40%\" stop-color=\"#00679E\" />\n\t\t\t\t\t<stop offset=\"80%\" stop-color=\"#492083\" />\n\t\t\t\t</linearGradient>\n\t\t\t</defs>\n\t\t\t<path :d=\"mdiCreation\" :fill=\"`url('#${gradientId}')`\" />\n\t\t</svg>\n\t</span>\n</template>\n\n<style module lang=\"scss\">\n.assistantIcon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&:not(&_inline) {\n\t\tdisplay: flex;\n\t\tmin-height: var(--default-clickable-area);\n\t\tmin-width: var(--default-clickable-area);\n\t}\n\n\t&__svg {\n\t\tdisplay: inline-block;\n\t\twidth: v-bind('sizePx');\n\t\theight: v-bind('sizePx');\n\t\tmax-width: v-bind('sizePx');\n\t\tmax-height: v-bind('sizePx');\n\t}\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA,UAAM,cAAc,eAAc;AAClC,UAAM,aAAa,gBAAe;AAClC,UAAM,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{NcAssistantIcon-CS-KbVIN.cjs → NcAssistantIcon-D_1fcbQU.cjs}

@@ -1,15 +1,15 @@
-require('../assets/NcAssistantIcon-Cmlid9NS.css');
+require('../assets/NcAssistantIcon-BV1uZpAb.css');
 "use strict";
 const Vue = require("vue");
 const mdi = require("./mdi-DTiP6a6e.cjs");
 const Composables_useIsDarkTheme = require("../Composables/useIsDarkTheme.cjs");
 const createElementId = require("./createElementId-lalylSCf.cjs");
 const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-V0q-tHlQ.cjs");
-const assistantIcon = "_assistantIcon_j0PpI";
-const assistantIcon_inline = "_assistantIcon_inline_Ai22k";
-const assistantIcon__svg = "_assistantIcon__svg_hHP9O";
+const assistantIcon = "_assistantIcon_3MK6c";
+const assistantIcon_inline = "_assistantIcon_inline_pc5i3";
+const assistantIcon__svg = "_assistantIcon__svg_rnCkc";
 const style0 = {
-  "material-design-icon": "_material-design-icon_9W9QS",
+  "material-design-icon": "_material-design-icon_TSBWs",
   assistantIcon,
   assistantIcon_inline,
   assistantIcon__svg
@@ -69,4 +69,4 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
 );
 const NcAssistantIcon = __component__.exports;
 exports.NcAssistantIcon = NcAssistantIcon;
-//# sourceMappingURL=NcAssistantIcon-CS-KbVIN.cjs.map
+//# sourceMappingURL=NcAssistantIcon-D_1fcbQU.cjs.map

package/dist/chunks/{NcAssistantIcon-CS-KbVIN.cjs.map → NcAssistantIcon-D_1fcbQU.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NcAssistantIcon-CS-KbVIN.cjs","sources":["../../src/components/NcAssistantIcon/NcAssistantIcon.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n```vue\n<template>\n\t<NcThemeProvider class=\"wrapper\" :dark=\"userTheme === 'dark'\">\n\t\t\t<fieldset class=\"controls\">\n\t\t\t\t<legend>\n\t\t\t\t\tColor theme\n\t\t\t\t</legend>\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-model=\"providerTheme\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"dark\">\n\t\t\t\t\tDark\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-model=\"providerTheme\"\n\t\t\t\t\tvalue=\"light\"\n\t\t\t\t\ttype=\"radio\">\n\t\t\t\t\tLight\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t</div>\n\t\t</fieldset>\n\t\t<NcThemeProvider\n\t\t\t:dark=\"providerTheme === 'dark'\"\n\t\t\t:light=\"providerTheme === 'light'\">\n\t\t\t<div class=\"theme-preview\">\n\t\t\t\t<NcAssistantIcon />\n\t\t\t</div>\n\t\t</NcThemeProvider>\n\t</NcThemeProvider>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tproviderTheme: 'light',\n\t\t}\n\t}\n}\n</script>\n<style scoped>\n.wrapper {\n\tbackground-color: var(--color-main-background);\n\tcolor: var(--color-main-text);\n}\n\n.controls {\n\tdisplay: flex;\n\tjustify-content: center;\n\tgap: 2lh;\n}\n\nlegend {\n\twidth: 100%;\n\ttext-align: center;\n}\n\n.theme-preview {\n\tbackground-color: var(--color-main-background);\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-top: 0.5lh;\n\tmin-height: 2lh;\n}\n</style>\n```\n\n### Usage as inline icon\n```vue\n<template>\n\t<p>\n\t\tLorem ipsum dolor sit amet <NcAssistantIcon inline /> consetetur sadipscing elitr.\n\t</p>\n</template>\n```\n</docs>\n\n<script setup>\nimport { mdiCreation } from '@mdi/js'\nimport { computed } from 'vue'\nimport { useIsDarkTheme } from '../../composables/useIsDarkTheme/index.ts'\nimport { createElementId } from '../../utils/createElementId.ts'\n\nconst props = defineProps({\n\t/**\n\t * Set if the icon should be used as inline content e.g. within text.\n\t * By default the icon is made a block element for use inside `icon`-slots.\n\t */\n\tinline: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Size of the icon.\n\t * Defaults to the proper size to be used in buttons and other interactive elements\n\t * like all `Nc*` components with an icon slot.\n\t */\n\tsize: {\n\t\ttype: Number,\n\t\tdefault: 20,\n\t},\n})\n\nconst isDarkTheme = useIsDarkTheme()\nconst gradientId = createElementId()\nconst sizePx = computed(() => `${props.size}px`)\n</script>\n\n<template>\n\t<span\n\t\taria-hidden=\"true\"\n\t\t:class=\"[$style.assistantIcon, inline && $style.assistantIcon_inline]\"\n\t\trole=\"img\">\n\t\t<svg :class=\"$style.assistantIcon__svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<defs>\n\t\t\t\t<linearGradient v-if=\"isDarkTheme\" :id=\"gradientId\" gradientTransform=\"rotateX(285)\">\n\t\t\t\t\t<stop offset=\"15%\" stop-color=\"#CDACE7\" />\n\t\t\t\t\t<stop offset=\"40%\" stop-color=\"#008FDB\" />\n\t\t\t\t\t<stop offset=\"82%\" stop-color=\"#A180E0\" />\n\t\t\t\t</linearGradient>\n\t\t\t\t<linearGradient v-else :id=\"gradientId\" gradientTransform=\"rotateX(285)\">\n\t\t\t\t\t<stop offset=\"15%\" stop-color=\"#9669D3\" />\n\t\t\t\t\t<stop offset=\"40%\" stop-color=\"#00679E\" />\n\t\t\t\t\t<stop offset=\"80%\" stop-color=\"#492083\" />\n\t\t\t\t</linearGradient>\n\t\t\t</defs>\n\t\t\t<path :d=\"mdiCreation\" :fill=\"`url('#${gradientId}')`\" />\n\t\t</svg>\n\t</span>\n</template>\n\n<style module lang=\"scss\">\n.assistantIcon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&:not(&_inline) {\n\t\tdisplay: flex;\n\t\tmin-height: var(--default-clickable-area);\n\t\tmin-width: var(--default-clickable-area);\n\t}\n\n\t&__svg {\n\t\tdisplay: inline-block;\n\t\twidth: v-bind('sizePx');\n\t\theight: v-bind('sizePx');\n\t\tmax-width: v-bind('sizePx');\n\t\tmax-height: v-bind('sizePx');\n\t}\n}\n</style>\n"],"names":["useIsDarkTheme","createElementId","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA,UAAM,cAAcA,2BAAAA,eAAc;AAClC,UAAM,aAAaC,gBAAAA,gBAAe;AAClC,UAAM,SAASC,IAAAA,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcAssistantIcon-D_1fcbQU.cjs","sources":["../../src/components/NcAssistantIcon/NcAssistantIcon.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n```vue\n<template>\n\t<NcThemeProvider class=\"wrapper\" :dark=\"userTheme === 'dark'\">\n\t\t\t<fieldset class=\"controls\">\n\t\t\t\t<legend>\n\t\t\t\t\tColor theme\n\t\t\t\t</legend>\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-model=\"providerTheme\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"dark\">\n\t\t\t\t\tDark\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-model=\"providerTheme\"\n\t\t\t\t\tvalue=\"light\"\n\t\t\t\t\ttype=\"radio\">\n\t\t\t\t\tLight\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t</div>\n\t\t</fieldset>\n\t\t<NcThemeProvider\n\t\t\t:dark=\"providerTheme === 'dark'\"\n\t\t\t:light=\"providerTheme === 'light'\">\n\t\t\t<div class=\"theme-preview\">\n\t\t\t\t<NcAssistantIcon />\n\t\t\t</div>\n\t\t</NcThemeProvider>\n\t</NcThemeProvider>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tproviderTheme: 'light',\n\t\t}\n\t}\n}\n</script>\n<style scoped>\n.wrapper {\n\tbackground-color: var(--color-main-background);\n\tcolor: var(--color-main-text);\n}\n\n.controls {\n\tdisplay: flex;\n\tjustify-content: center;\n\tgap: 2lh;\n}\n\nlegend {\n\twidth: 100%;\n\ttext-align: center;\n}\n\n.theme-preview {\n\tbackground-color: var(--color-main-background);\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-top: 0.5lh;\n\tmin-height: 2lh;\n}\n</style>\n```\n\n### Usage as inline icon\n```vue\n<template>\n\t<p>\n\t\tLorem ipsum dolor sit amet <NcAssistantIcon inline /> consetetur sadipscing elitr.\n\t</p>\n</template>\n```\n</docs>\n\n<script setup>\nimport { mdiCreation } from '@mdi/js'\nimport { computed } from 'vue'\nimport { useIsDarkTheme } from '../../composables/useIsDarkTheme/index.ts'\nimport { createElementId } from '../../utils/createElementId.ts'\n\nconst props = defineProps({\n\t/**\n\t * Set if the icon should be used as inline content e.g. within text.\n\t * By default the icon is made a block element for use inside `icon`-slots.\n\t */\n\tinline: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Size of the icon.\n\t * Defaults to the proper size to be used in buttons and other interactive elements\n\t * like all `Nc*` components with an icon slot.\n\t */\n\tsize: {\n\t\ttype: Number,\n\t\tdefault: 20,\n\t},\n})\n\nconst isDarkTheme = useIsDarkTheme()\nconst gradientId = createElementId()\nconst sizePx = computed(() => `${props.size}px`)\n</script>\n\n<template>\n\t<span\n\t\taria-hidden=\"true\"\n\t\t:class=\"[$style.assistantIcon, inline && $style.assistantIcon_inline]\"\n\t\trole=\"img\">\n\t\t<svg :class=\"$style.assistantIcon__svg\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<defs>\n\t\t\t\t<linearGradient v-if=\"isDarkTheme\" :id=\"gradientId\" gradientTransform=\"rotateX(285)\">\n\t\t\t\t\t<stop offset=\"15%\" stop-color=\"#CDACE7\" />\n\t\t\t\t\t<stop offset=\"40%\" stop-color=\"#008FDB\" />\n\t\t\t\t\t<stop offset=\"82%\" stop-color=\"#A180E0\" />\n\t\t\t\t</linearGradient>\n\t\t\t\t<linearGradient v-else :id=\"gradientId\" gradientTransform=\"rotateX(285)\">\n\t\t\t\t\t<stop offset=\"15%\" stop-color=\"#9669D3\" />\n\t\t\t\t\t<stop offset=\"40%\" stop-color=\"#00679E\" />\n\t\t\t\t\t<stop offset=\"80%\" stop-color=\"#492083\" />\n\t\t\t\t</linearGradient>\n\t\t\t</defs>\n\t\t\t<path :d=\"mdiCreation\" :fill=\"`url('#${gradientId}')`\" />\n\t\t</svg>\n\t</span>\n</template>\n\n<style module lang=\"scss\">\n.assistantIcon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&:not(&_inline) {\n\t\tdisplay: flex;\n\t\tmin-height: var(--default-clickable-area);\n\t\tmin-width: var(--default-clickable-area);\n\t}\n\n\t&__svg {\n\t\tdisplay: inline-block;\n\t\twidth: v-bind('sizePx');\n\t\theight: v-bind('sizePx');\n\t\tmax-width: v-bind('sizePx');\n\t\tmax-height: v-bind('sizePx');\n\t}\n}\n</style>\n"],"names":["useIsDarkTheme","createElementId","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA,UAAM,cAAcA,2BAAAA,eAAc;AAClC,UAAM,aAAaC,gBAAAA,gBAAe;AAClC,UAAM,SAASC,IAAAA,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{NcAvatar-BFWbPSke.cjs → NcAvatar-BbR_mZyT.cjs}

@@ -1,5 +1,5 @@
 require('../assets/NcMentionBubble-CaztX9Pv.css');
-require('../assets/NcAvatar-Dc_YuZk2.css');
+require('../assets/NcAvatar-BdHHFwV3.css');
 "use strict";
 const auth = require("@nextcloud/auth");
 const axios = require("@nextcloud/axios");
@@ -7,33 +7,37 @@ const browserStorage$1 = require("@nextcloud/browser-storage");
 const eventBus = require("@nextcloud/event-bus");
 const router = require("@nextcloud/router");
 const components = require("@vueuse/components");
-const NcActions = require("./NcActions-DYWuXM9w.cjs");
-const autolink = require("./autolink-CMWUgEzj.cjs");
+const debounce = require("debounce");
+const Vue = require("vue");
+const NcActions = require("./NcActions-H0GXWVPU.cjs");
+const autolink = require("./autolink-BHlqTULT.cjs");
 const Composables_useIsDarkTheme = require("../Composables/useIsDarkTheme.cjs");
 const Functions_contactsMenu = require("../Functions/contactsMenu.cjs");
 const Functions_usernameToColor = require("../Functions/usernameToColor.cjs");
-const _l10n = require("./_l10n-skrZri3h.cjs");
+const _l10n = require("./_l10n-Be-gO5QO.cjs");
 require("../Composables/useIsFullscreen.cjs");
 require("../Composables/useIsMobile.cjs");
 require("escape-html");
 require("striptags");
-require("vue");
 const getAvatarUrl = require("./getAvatarUrl-4HsuXa3l.cjs");
 ;/* empty css                                                                           */
 const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 const capabilities = require("@nextcloud/capabilities");
 const logger = require("./logger-3HuiEIF6.cjs");
-const NcUserStatusIcon = require("./NcUserStatusIcon-BnGtoiCy.cjs");
+const legacy = require("./legacy-BpZw2Eww.cjs");
+const NcUserStatusIcon = require("./NcUserStatusIcon-BP2cHGxs.cjs");
 const NcActionButton = require("./NcActionButton-B1jvJWjl.cjs");
 const Components_NcActionLink = require("../Components/NcActionLink.cjs");
 const Components_NcActionRouter = require("../Components/NcActionRouter.cjs");
 const Components_NcActionText = require("../Components/NcActionText.cjs");
-const NcButton = require("./NcButton-B3UxfMyE.cjs");
+const NcButton = require("./NcButton-W3wDpCdX.cjs");
 const NcIconSvgWrapper = require("./NcIconSvgWrapper-Bbl4kXZI.cjs");
 const Components_NcLoadingIcon = require("../Components/NcLoadingIcon.cjs");
+const NcPopover = require("./NcPopover-Bq-bsaqt.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const axios__default = /* @__PURE__ */ _interopDefault(axios);
-_l10n.register(_l10n.t10);
+const debounce__default = /* @__PURE__ */ _interopDefault(debounce);
+_l10n.register(_l10n.t11);
 const userStatus = {
   data() {
     return {
@@ -113,6 +117,8 @@ const _sfc_main = {
     NcButton: NcButton.NcButton,
     NcIconSvgWrapper: NcIconSvgWrapper.NcIconSvgWrapper,
     NcLoadingIcon: Components_NcLoadingIcon,
+    NcPopover: NcPopover.NcPopover,
+    NcProfileHoverCard: Vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./NcProfileHoverCard-rEanhQqc.cjs"))),
     NcUserStatusIcon: NcUserStatusIcon.NcUserStatusIcon
   },
   mixins: [userStatus],
@@ -268,7 +274,8 @@ const _sfc_main = {
   setup() {
     const isDarkTheme = Composables_useIsDarkTheme.useIsDarkTheme();
     return {
-      isDarkTheme
+      isDarkTheme,
+      isLegacy35: legacy.isLegacy35
     };
   },
   data() {
@@ -326,10 +333,13 @@ const _sfc_main = {
       if (this.disableMenu) {
         return false;
       }
-      if (this.isMenuLoaded) {
-        return this.menu.length > 0;
+      if (this.isLegacy35) {
+        if (this.isMenuLoaded) {
+          return this.menu.length > 0;
+        }
+        return !(this.user === auth.getCurrentUser()?.uid || this.userDoesNotExist || this.url);
       }
-      return !(this.user === auth.getCurrentUser()?.uid || this.userDoesNotExist || this.url);
+      return Boolean(this.user) && !this.isNoUser && !this.url && !this.userDoesNotExist;
     },
     /**
      * True if initials should be shown as the user icon fallback
@@ -379,7 +389,7 @@ const _sfc_main = {
         if (!filteredChars) {
           return initials;
         }
-        const filtered = filteredChars.join("");
+        const filtered = filteredChars.join("").trim();
         const idx = filtered.lastIndexOf(" ");
         initials = String.fromCodePoint(filtered.codePointAt(0));
         if (idx !== -1) {
@@ -388,7 +398,71 @@ const _sfc_main = {
       }
       return initials.toLocaleUpperCase();
     },
+    /**
+     * Contacts menu actions for the hover card.
+     * `null` until actions are loaded so the card can fall back to profile API actions.
+     *
+     * @return {Array|null}
+     */
+    hoverCardActions() {
+      if (this.isLegacy35 || !this.isMenuLoaded) {
+        return null;
+      }
+      return this.menu.length > 0 ? this.menu : null;
+    },
+    /**
+     * Status already known by this avatar so the hover card does not fetch it again.
+     * Omitted while status is still the empty default (fetch in progress).
+     *
+     * @return {object|undefined}
+     */
+    hoverCardPreloadedUserStatus() {
+      if (this.preloadedUserStatus) {
+        return this.userStatus;
+      }
+      if (this.userStatus.status || this.userStatus.icon || this.userStatus.message) {
+        return this.userStatus;
+      }
+      return void 0;
+    },
     menu() {
+      if (this.isLegacy35) {
+        return this.legacyMenu;
+      }
+      const actions = this.contactsMenuActions.map((item) => {
+        const route = autolink.getRoute(this.$router, item.hyperlink);
+        return {
+          id: item.id,
+          appId: item.appId,
+          text: item.title,
+          href: route ? void 0 : item.hyperlink,
+          to: route || void 0,
+          icon: item.icon
+        };
+      });
+      for (const action of Functions_contactsMenu.getEnabledContactsMenuActions(this.contactsMenuData)) {
+        try {
+          actions.push({
+            id: action.id,
+            text: action.displayName(this.contactsMenuData),
+            iconSvg: action.iconSvg(this.contactsMenuData),
+            onClick: () => action.callback(this.contactsMenuData)
+          });
+        } catch (error) {
+          logger.logger.error(`Failed to render ContactsMenu action ${action.id}`, {
+            error,
+            action
+          });
+        }
+      }
+      return actions;
+    },
+    /**
+     * Legacy NcActions menu entries for Nextcloud 32–34.
+     *
+     * @return {Array}
+     */
+    legacyMenu() {
       const actions = this.contactsMenuActions.map((item) => {
         const route = autolink.getRoute(this.$router, item.hyperlink);
         return {
@@ -450,8 +524,26 @@ const _sfc_main = {
       this.userDoesNotExist = false;
       this.isMenuLoaded = false;
       this.loadAvatarUrl();
+    },
+    preloadedUserStatus(status) {
+      if (status) {
+        this.setUserStatus(status);
+      }
+    },
+    contactsMenuOpenState(shown) {
+      if (this.isLegacy35) {
+        return;
+      }
+      if (shown) {
+        this.debouncedFetchContactsMenu();
+      } else {
+        this.debouncedFetchContactsMenu.clear();
+      }
     }
   },
+  created() {
+    this.debouncedFetchContactsMenu = debounce__default.default(this.fetchContactsMenu, 300);
+  },
   mounted() {
     this.loadAvatarUrl();
     eventBus.subscribe("settings:avatar:updated", this.loadAvatarUrl);
@@ -468,6 +560,7 @@ const _sfc_main = {
     }
   },
   beforeDestroy() {
+    this.debouncedFetchContactsMenu.clear();
     eventBus.unsubscribe("settings:avatar:updated", this.loadAvatarUrl);
     eventBus.unsubscribe("settings:display-name:updated", this.loadAvatarUrl);
     eventBus.unsubscribe("user_status:status.updated", this.handleUserStatusUpdated);
@@ -485,7 +578,7 @@ const _sfc_main = {
       }
     },
     /**
-     * Toggle the popover menu on click or enter
+     * Toggle the legacy popover menu on click or enter
      *
      * @param {KeyboardEvent|MouseEvent} event the UI event
      */
@@ -499,6 +592,9 @@ const _sfc_main = {
       this.contactsMenuOpenState = !this.contactsMenuOpenState;
     },
     closeMenu() {
+      if (!this.isLegacy35) {
+        return;
+      }
       this.contactsMenuOpenState = false;
     },
     async fetchContactsMenu() {
@@ -509,7 +605,11 @@ const _sfc_main = {
         this.contactsMenuData = data;
         this.contactsMenuActions = data.topAction ? [data.topAction].concat(data.actions) : data.actions;
       } catch {
-        this.contactsMenuOpenState = false;
+        this.contactsMenuData = {};
+        this.contactsMenuActions = [];
+        if (this.isLegacy35) {
+          this.contactsMenuOpenState = false;
+        }
       }
       this.contactsMenuLoading = false;
       this.isMenuLoaded = true;
@@ -606,12 +706,13 @@ var _sfc_render = function render() {
   return _c("span", { directives: [{ name: "click-outside", rawName: "v-click-outside", value: _vm.closeMenu, expression: "closeMenu" }], staticClass: "avatardiv popovermenu-wrapper", class: {
     "avatardiv--unknown": _vm.userDoesNotExist,
     "avatardiv--with-menu": _vm.hasMenu,
+    "avatardiv--with-legacy-menu": _vm.hasMenu && _vm.isLegacy35,
     "avatardiv--with-menu-loading": _vm.contactsMenuLoading
   }, style: _vm.avatarStyle, attrs: { "title": _vm.tooltip } }, [_vm._t("icon", function() {
     return [_vm.iconClass ? _c("span", { staticClass: "avatar-class-icon", class: _vm.iconClass }) : _vm.isAvatarLoaded && !_vm.userDoesNotExist ? _c("img", { attrs: { "src": _vm.avatarUrlLoaded, "srcset": _vm.avatarSrcSetLoaded, "alt": "" } }) : _vm._e()];
-  }), _vm.hasMenu && _vm.menu.length === 0 ? _c("NcButton", { staticClass: "action-item action-item__menutoggle", attrs: { "aria-label": _vm.avatarAriaLabel, "variant": "tertiary-no-background" }, on: { "click": _vm.toggleMenu }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+  }), _vm.isLegacy35 && _vm.hasMenu ? [_vm.menu.length === 0 ? _c("NcButton", { staticClass: "action-item action-item__menutoggle", attrs: { "aria-label": _vm.avatarAriaLabel, "variant": "tertiary-no-background" }, on: { "click": _vm.toggleMenu }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
     return [_vm.contactsMenuLoading ? _c("NcLoadingIcon") : _c("IconDotsHorizontal", { attrs: { "size": 20 } })];
-  }, proxy: true }], null, false, 1269954734) }) : _vm.hasMenu ? _c("NcActions", { attrs: { "aria-label": _vm.avatarAriaLabel, "container": _vm.menuContainer, "force-menu": "", "manual-open": "", "open": _vm.contactsMenuOpenState, "variant": "tertiary-no-background" }, on: { "update:open": function($event) {
+  }, proxy: true }], null, false, 1269954734) }) : _c("NcActions", { attrs: { "aria-label": _vm.avatarAriaLabel, "container": _vm.menuContainer, "force-menu": "", "manual-open": "", "open": _vm.contactsMenuOpenState, "variant": "tertiary-no-background" }, on: { "update:open": function($event) {
     _vm.contactsMenuOpenState = $event;
   }, "click": _vm.toggleMenu }, scopedSlots: _vm._u([_vm.contactsMenuLoading ? { key: "icon", fn: function() {
     return [_c("NcLoadingIcon")];
@@ -619,7 +720,11 @@ var _sfc_render = function render() {
     return _c(item.ncActionComponent, _vm._g(_vm._b({ key, tag: "component", scopedSlots: _vm._u([item.iconSvg ? { key: "icon", fn: function() {
       return [_c("NcIconSvgWrapper", { attrs: { "svg": item.iconSvg } })];
     }, proxy: true } : null], null, true) }, "component", item.ncActionComponentProps, false), item.ncActionComponentHandlers), [_vm._v(" " + _vm._s(item.text) + " ")]);
-  }), 1) : _vm._e(), _vm.showUserStatusIconOnAvatar ? _c("span", { staticClass: "avatardiv__user-status avatardiv__user-status--icon" }, [_vm._v(" " + _vm._s(_vm.userStatus.icon) + " ")]) : _vm.canDisplayUserStatus ? _c("NcUserStatusIcon", { staticClass: "avatardiv__user-status", attrs: { "status": _vm.userStatus.status, "aria-hidden": String(_vm.hasMenu) } }) : _vm._e(), _vm.showInitials ? _c("span", { staticClass: "avatardiv__initials-wrapper", style: _vm.initialsWrapperStyle }, [_c("span", { staticClass: "avatardiv__initials", style: _vm.initialsStyle }, [_vm._v(" " + _vm._s(_vm.initials) + " ")])]) : _vm._e()], 2);
+  }), 1)] : _vm.hasMenu ? _c("NcPopover", { staticClass: "avatar-profile-popover", attrs: { "shown": _vm.contactsMenuOpenState, "container": _vm.menuContainer, "delay": { show: 400, hide: 0 }, "popover-triggers": ["hover"], "triggers": ["hover", "focus", "click"], "no-focus-trap": "", "popup-role": "dialog" }, on: { "update:shown": function($event) {
+    _vm.contactsMenuOpenState = $event;
+  } }, scopedSlots: _vm._u([{ key: "trigger", fn: function({ attrs }) {
+    return [_c("span", _vm._b({ staticClass: "avatar-profile-popover__trigger", attrs: { "role": "button", "tabindex": "0", "aria-label": _vm.avatarAriaLabel } }, "span", attrs, false))];
+  } }]) }, [_c("NcProfileHoverCard", { attrs: { "user": _vm.user, "open": _vm.contactsMenuOpenState, "actions": _vm.hoverCardActions, "actions-loading": _vm.contactsMenuLoading, "preloaded-user-status": _vm.hoverCardPreloadedUserStatus } })], 1) : _vm._e(), _vm.showUserStatusIconOnAvatar ? _c("span", { staticClass: "avatardiv__user-status avatardiv__user-status--icon" }, [_vm._v(" " + _vm._s(_vm.userStatus.icon) + " ")]) : _vm.canDisplayUserStatus ? _c("NcUserStatusIcon", { staticClass: "avatardiv__user-status", attrs: { "status": _vm.userStatus.status, "aria-hidden": String(_vm.hasMenu) } }) : _vm._e(), _vm.showInitials ? _c("span", { staticClass: "avatardiv__initials-wrapper", style: _vm.initialsWrapperStyle }, [_c("span", { staticClass: "avatardiv__initials", style: _vm.initialsStyle }, [_vm._v(" " + _vm._s(_vm.initials) + " ")])]) : _vm._e()], 2);
 };
 var _sfc_staticRenderFns = [];
 var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
@@ -628,9 +733,9 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "d573e8e2"
+  "c3ee4dd7"
 );
 const NcAvatar = __component__.exports;
 exports.NcAvatar = NcAvatar;
 exports.userStatus = userStatus;
-//# sourceMappingURL=NcAvatar-BFWbPSke.cjs.map
+//# sourceMappingURL=NcAvatar-BbR_mZyT.cjs.map

package/dist/chunks/NcAvatar-BbR_mZyT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAvatar-BbR_mZyT.cjs","sources":["../../src/mixins/userStatus.js","../../src/components/NcAvatar/NcAvatar.vue"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { getCurrentUser } from '@nextcloud/auth'\nimport axios from '@nextcloud/axios'\nimport { getCapabilities } from '@nextcloud/capabilities'\nimport { generateOcsUrl } from '@nextcloud/router'\nimport { logger } from '../utils/logger.ts'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\thasStatus: false,\n\t\t\tuserStatus: {\n\t\t\t\tstatus: null,\n\t\t\t\tmessage: null,\n\t\t\t\ticon: null,\n\t\t\t},\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t * Fetches the user-status from the server\n\t\t *\n\t\t * @param {string} userId UserId of the user to fetch the status for\n\t\t *\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync fetchUserStatus(userId) {\n\t\t\tif (!userId) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst capabilities = getCapabilities()\n\t\t\tif (!Object.hasOwn(capabilities, 'user_status') || !capabilities.user_status.enabled) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// User status endpoint is not available for guests.\n\t\t\tif (!getCurrentUser()) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tconst { data } = await axios.get(generateOcsUrl('apps/user_status/api/v1/statuses/{userId}', { userId }))\n\t\t\t\tthis.setUserStatus(data.ocs.data)\n\t\t\t} catch (error) {\n\t\t\t\tif (error.response.status === 404 && error.response.data.ocs?.data?.length === 0) {\n\t\t\t\t\t// User just has no status set, so don't log it\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tlogger.error('Could not fetch user status', { error })\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Sets the user status\n\t\t *\n\t\t * @param {string} status user's status\n\t\t * @param {string} message user's message\n\t\t * @param {string} icon user's icon\n\t\t */\n\t\tsetUserStatus({ status, message, icon }) {\n\t\t\tthis.userStatus.status = status || ''\n\t\t\tthis.userStatus.message = message || ''\n\t\t\tthis.userStatus.icon = icon || ''\n\t\t\tthis.hasStatus = !!status\n\t\t},\n\t},\n}\n","<!--\n  - SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n\n### Basic user avatar\n\n```vue\n\t<NcAvatar user=\"willywonka\" display-name=\"Willy Wonka\" />\n```\n\n### Avatar with image\n\n```vue\n\t<NcAvatar url=\"favicon-touch.png\" />\n```\n\n### Avatar with material design icon\n\n```\n<template>\n\t<NcAvatar>\n\t\t<template #icon>\n\t\t\t<IconAccountMultipleOutline :size=\"20\" />\n\t\t</template>\n\t</NcAvatar>\n</template>\n<script>\nimport IconAccountMultipleOutline from 'vue-material-design-icons/AccountMultipleOutline.vue'\n\nexport default {\n\tcomponents: {\n\t\tIconAccountMultipleOutline,\n\t},\n}\n</script>\n```\n\n### Avatar with preloaded status\n```\n<template>\n\t<div>\n\t\t<NcAvatar user=\"janedoe\"\n\t\t\tdisplay-name=\"Jane Doe\"\n\t\t\t:preloaded-user-status=\"status.online\">\n\t\t</NcAvatar>\n\t\t<NcAvatar user=\"janedoe\"\n\t\t\tdisplay-name=\"Jane Doe\"\n\t\t\t:preloaded-user-status=\"status.away\">\n\t\t</NcAvatar>\n\t\t<NcAvatar user=\"janedoe\"\n\t\t\tdisplay-name=\"Jane Doe\"\n\t\t\t:preloaded-user-status=\"status.dnd\">\n\t\t</NcAvatar>\n\t\t<NcAvatar user=\"janedoe\"\n\t\t\tdisplay-name=\"Jane Doe\"\n\t\t\t:preloaded-user-status=\"status.custom\">\n\t\t</NcAvatar>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tstatus: {\n\t\t\t\tonline: {\n\t\t\t\t\ticon: '',\n\t\t\t\t\tstatus: 'online',\n\t\t\t\t\tmessage: 'Available',\n\t\t\t\t},\n\t\t\t\taway: {\n\t\t\t\t\ticon: '',\n\t\t\t\t\tstatus: 'away',\n\t\t\t\t\tmessage: 'Away',\n\t\t\t\t},\n\t\t\t\tdnd: {\n\t\t\t\t\ticon: '',\n\t\t\t\t\tstatus: 'dnd',\n\t\t\t\t\tmessage: 'Busy',\n\t\t\t\t},\n\t\t\t\tcustom: {\n\t\t\t\t\ticon: '📆',\n\t\t\t\t\tstatus: 'online',\n\t\t\t\t\tmessage: 'In a meeting',\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t},\n}\n</script>\n```\n\n### Avatar for non-users\n\n```vue\n\t<NcAvatar display-name=\"Robbie Hyeon-Jeong\" :is-no-user=\"true\" />\n```\n\n### Avatar on complex background\n\n```\n<template>\n\t<div class=\"avatar-background\">\n\t\t<NcAvatar class=\"avatar\" :is-no-user=\"true\" display-name=\"Cecilia Rohese\" />\n\t</div>\n</template>\n<style scoped>\n.avatar-background {\n\twidth: 80px;\n\theight: 60px;\n\tbackground: linear-gradient(to bottom, #0057b8 0%, #0057b8 49.99%, #ffd700 50%, #ffd700 100%);\n}\n\n.avatar {\n\tmargin: 15px 25px;\n}\n</style>\n```\n\n### Avatar size\n\n```vue\n<template>\n\t<div>\n\t\t<div v-for=\"size in [15, 24, 34, 44, 180]\">\n\t\t\t<span>\n\t\t\t\t{{ size }}px\n\t\t\t</span>\n\t\t\t<NcAvatar user=\"alice-smith\"\n\t\t\t\tdisplay-name=\"Alice Smith\"\n\t\t\t\t:size=\"size\"\n\t\t\t\t:preloaded-user-status=\"status.online\" />\n\t\t\t<NcAvatar user=\"bob-doe\"\n\t\t\t\tdisplay-name=\"Bob Doe\"\n\t\t\t\t:size=\"size\"\n\t\t\t\t:preloaded-user-status=\"status.meeting\" />\n\t\t</div>\n\t\t<div>\n\t\t\t<div>\n\t\t\t\tCustom: {{ customSize }}px\n\t\t\t</div>\n\t\t\t<NcAvatar user=\"alice-smith\"\n\t\t\t\tdisplay-name=\"Alice Smith\"\n\t\t\t\t:size=\"customSize\"\n\t\t\t\t:preloaded-user-status=\"status.online\" />\n\t\t\t<NcAvatar user=\"bob-doe\"\n\t\t\t\tdisplay-name=\"Bob Doe\"\n\t\t\t\t:size=\"customSize\"\n\t\t\t\t:preloaded-user-status=\"status.meeting\" />\n\t\t</div>\n\t\t<div>\n\t\t\t<input type=\"range\" v-model=\"customSize\" :min=\"15\" :max=\"180\" step=\"1\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'\n\nexport default {\n\tcomponents: {\n\t\tAccountMultiple,\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tcustomSize: 20,\n\t\t\tstatus: {\n\t\t\t\tonline: {\n\t\t\t\t\ticon: '',\n\t\t\t\t\tstatus: 'online',\n\t\t\t\t\tmessage: 'Available',\n\t\t\t\t},\n\t\t\t\tmeeting: {\n\t\t\t\t\ticon: '📆',\n\t\t\t\t\tstatus: 'online',\n\t\t\t\t\tmessage: 'In a meeting',\n\t\t\t\t},\n\t\t\t},\n\t\t}\n\t},\n}\n</script>\n```\n\n</docs>\n\n<template>\n\t<span\n\t\tv-click-outside=\"closeMenu\"\n\t\t:title=\"tooltip\"\n\t\t:class=\"{\n\t\t\t'avatardiv--unknown': userDoesNotExist,\n\t\t\t'avatardiv--with-menu': hasMenu,\n\t\t\t'avatardiv--with-legacy-menu': hasMenu && isLegacy35,\n\t\t\t'avatardiv--with-menu-loading': contactsMenuLoading,\n\t\t}\"\n\t\t:style=\"avatarStyle\"\n\t\tclass=\"avatardiv popovermenu-wrapper\">\n\t\t<!-- @slot Icon slot -->\n\t\t<slot name=\"icon\">\n\t\t\t<!-- Avatar icon or image -->\n\t\t\t<span v-if=\"iconClass\" :class=\"iconClass\" class=\"avatar-class-icon\" />\n\t\t\t<img\n\t\t\t\tv-else-if=\"isAvatarLoaded && !userDoesNotExist\"\n\t\t\t\t:src=\"avatarUrlLoaded\"\n\t\t\t\t:srcset=\"avatarSrcSetLoaded\"\n\t\t\t\talt=\"\">\n\t\t</slot>\n\n\t\t<!-- Legacy contacts menu (Nextcloud 32–34) -->\n\t\t<template v-if=\"isLegacy35 && hasMenu\">\n\t\t\t<!-- We show a button if the menu is not loaded yet. -->\n\t\t\t<NcButton\n\t\t\t\tv-if=\"menu.length === 0\"\n\t\t\t\t:aria-label=\"avatarAriaLabel\"\n\t\t\t\tclass=\"action-item action-item__menutoggle\"\n\t\t\t\tvariant=\"tertiary-no-background\"\n\t\t\t\t@click=\"toggleMenu\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcLoadingIcon v-if=\"contactsMenuLoading\" />\n\t\t\t\t\t<IconDotsHorizontal v-else :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t\t<NcActions\n\t\t\t\tv-else\n\t\t\t\t:aria-label=\"avatarAriaLabel\"\n\t\t\t\t:container=\"menuContainer\"\n\t\t\t\tforce-menu\n\t\t\t\tmanual-open\n\t\t\t\t:open.sync=\"contactsMenuOpenState\"\n\t\t\t\tvariant=\"tertiary-no-background\"\n\t\t\t\t@click=\"toggleMenu\">\n\t\t\t\t<component\n\t\t\t\t\t:is=\"item.ncActionComponent\"\n\t\t\t\t\tv-for=\"(item, key) in menu\"\n\t\t\t\t\t:key=\"key\"\n\t\t\t\t\tv-bind=\"item.ncActionComponentProps\"\n\t\t\t\t\tv-on=\"item.ncActionComponentHandlers\">\n\t\t\t\t\t<template v-if=\"item.iconSvg\" #icon>\n\t\t\t\t\t\t<NcIconSvgWrapper :svg=\"item.iconSvg\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ item.text }}\n\t\t\t\t</component>\n\t\t\t\t<template v-if=\"contactsMenuLoading\" #icon>\n\t\t\t\t\t<NcLoadingIcon />\n\t\t\t\t</template>\n\t\t\t</NcActions>\n\t\t</template>\n\n\t\t<!-- Profile hover card (Nextcloud 35+) -->\n\t\t<NcPopover\n\t\t\tv-else-if=\"hasMenu\"\n\t\t\t:shown.sync=\"contactsMenuOpenState\"\n\t\t\tclass=\"avatar-profile-popover\"\n\t\t\t:container=\"menuContainer\"\n\t\t\t:delay=\"{ show: 400, hide: 0 }\"\n\t\t\t:popover-triggers=\"['hover']\"\n\t\t\t:triggers=\"['hover', 'focus', 'click']\"\n\t\t\tno-focus-trap\n\t\t\tpopup-role=\"dialog\">\n\t\t\t<template #trigger=\"{ attrs }\">\n\t\t\t\t<span\n\t\t\t\t\tclass=\"avatar-profile-popover__trigger\"\n\t\t\t\t\tv-bind=\"attrs\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t:aria-label=\"avatarAriaLabel\" />\n\t\t\t</template>\n\t\t\t<NcProfileHoverCard\n\t\t\t\t:user=\"user\"\n\t\t\t\t:open=\"contactsMenuOpenState\"\n\t\t\t\t:actions=\"hoverCardActions\"\n\t\t\t\t:actions-loading=\"contactsMenuLoading\"\n\t\t\t\t:preloaded-user-status=\"hoverCardPreloadedUserStatus\" />\n\t\t</NcPopover>\n\n\t\t<!-- Avatar status -->\n\t\t<span v-if=\"showUserStatusIconOnAvatar\" class=\"avatardiv__user-status avatardiv__user-status--icon\">\n\t\t\t{{ userStatus.icon }}\n\t\t</span>\n\t\t<NcUserStatusIcon\n\t\t\tv-else-if=\"canDisplayUserStatus\"\n\t\t\tclass=\"avatardiv__user-status\"\n\t\t\t:status=\"userStatus.status\"\n\t\t\t:aria-hidden=\"String(hasMenu)\" />\n\n\t\t<!-- Show the letter if no avatar nor icon class -->\n\t\t<span\n\t\t\tv-if=\"showInitials\"\n\t\t\t:style=\"initialsWrapperStyle\"\n\t\t\tclass=\"avatardiv__initials-wrapper\">\n\t\t\t<span :style=\"initialsStyle\" class=\"avatardiv__initials\">\n\t\t\t\t{{ initials }}\n\t\t\t</span>\n\t\t</span>\n\t</span>\n</template>\n\n<script>\nimport { getCurrentUser } from '@nextcloud/auth'\nimport axios from '@nextcloud/axios'\nimport { getBuilder } from '@nextcloud/browser-storage'\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport { generateUrl } from '@nextcloud/router'\nimport { vOnClickOutside as ClickOutside } from '@vueuse/components'\nimport debounce from 'debounce'\nimport { defineAsyncComponent } from 'vue'\nimport IconDotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'\nimport { getRoute } from '../../components/NcRichText/autolink.js'\nimport { useIsDarkTheme } from '../../composables/useIsDarkTheme/index.ts'\nimport { getEnabledContactsMenuActions } from '../../functions/contactsMenu/index.ts'\nimport usernameToColor from '../../functions/usernameToColor/index.js'\nimport { t } from '../../l10n.js'\nimport { userStatus } from '../../mixins/index.js'\nimport { getAvatarUrl } from '../../utils/getAvatarUrl.ts'\nimport { isLegacy35 } from '../../utils/legacy.ts'\nimport { logger } from '../../utils/logger.ts'\nimport { getUserStatusText } from '../../utils/UserStatus.ts'\nimport NcActionButton from '../NcActionButton/index.js'\nimport NcActionLink from '../NcActionLink/index.js'\nimport NcActionRouter from '../NcActionRouter/index.js'\nimport NcActions from '../NcActions/index.js'\nimport NcActionText from '../NcActionText/index.js'\nimport NcButton from '../NcButton/index.js'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/index.js'\nimport NcLoadingIcon from '../NcLoadingIcon/index.js'\nimport NcPopover from '../NcPopover/index.js'\nimport NcUserStatusIcon from '../NcUserStatusIcon/index.js'\n\nconst browserStorage = getBuilder('nextcloud').persist().build()\n\n/**\n * @param {string} userId The id of the user\n */\nfunction getUserHasAvatar(userId) {\n\tconst flag = browserStorage.getItem('user-has-avatar.' + userId)\n\tif (typeof flag === 'string') {\n\t\treturn Boolean(flag)\n\t}\n\treturn null\n}\n\n/**\n * @param {string} userId The id of the user\n * @param {boolean} flag Has the user an avatar\n */\nfunction setUserHasAvatar(userId, flag) {\n\tif (userId) {\n\t\tbrowserStorage.setItem('user-has-avatar.' + userId, flag)\n\t}\n}\n\nexport default {\n\tname: 'NcAvatar',\n\n\tdirectives: {\n\t\tClickOutside,\n\t},\n\n\tcomponents: {\n\t\tIconDotsHorizontal,\n\t\tNcActions,\n\t\tNcButton,\n\t\tNcIconSvgWrapper,\n\t\tNcLoadingIcon,\n\t\tNcPopover,\n\t\tNcProfileHoverCard: defineAsyncComponent(() => import('../NcProfileHoverCard/NcProfileHoverCard.vue')),\n\t\tNcUserStatusIcon,\n\t},\n\n\tmixins: [userStatus],\n\tprops: {\n\t\t/**\n\t\t * Set a custom url to the avatar image\n\t\t * either the url, user or displayName property must be defined\n\t\t */\n\t\turl: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/**\n\t\t * Set a css icon-class for an icon to be used instead of the avatar.\n\t\t */\n\t\ticonClass: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/**\n\t\t * Set the user id to fetch the avatar\n\t\t * either the url, user or displayName property must be defined\n\t\t */\n\t\tuser: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/**\n\t\t * Do not show the user status on the avatar.\n\t\t */\n\t\thideStatus: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Whether or not to display the user-status.\n\t\t *\n\t\t * @deprecated - Use `hideStatus` instead. Will be removed with v9.\n\t\t */\n\t\tshowUserStatus: {\n\t\t\ttype: Boolean,\n\t\t\t// eslint-disable-next-line vue/no-boolean-default\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * Show the verbose user status (e.g. \"online\" / \"away\") instead of just the status icon.\n\t\t */\n\t\tverboseStatus: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Whether or not to the status-icon should be used instead of online/away\n\t\t *\n\t\t * @deprecated - Use `verboseStatus` instead. Will be removed with v9.\n\t\t */\n\t\tshowUserStatusCompact: {\n\t\t\ttype: Boolean,\n\t\t\t// eslint-disable-next-line vue/no-boolean-default\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * When the user status was preloaded via another source it can be handed in with this property to save the request.\n\t\t * If this property is not set the status will be fetched automatically.\n\t\t * If a preloaded no-status is available provide this object with properties \"status\", \"icon\" and \"message\" set to null.\n\t\t */\n\t\tpreloadedUserStatus: {\n\t\t\ttype: Object,\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/**\n\t\t * Is the user a guest user (then we have to user a different endpoint)\n\t\t */\n\t\tisGuest: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Set a display name that will be rendered as a tooltip\n\t\t * either the url, user or displayName property must be defined\n\t\t * specify just the displayname to generate a placeholder avatar without\n\t\t * trying to fetch the avatar based on the user id\n\t\t */\n\t\tdisplayName: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/**\n\t\t * Set a size in px for the rendered avatar\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 32,\n\t\t},\n\n\t\t/**\n\t\t * Do not automatically generate a placeholder avatars if there is no real avatar is available.\n\t\t */\n\t\tnoPlaceholder: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Placeholder avatars will be automatically generated when this is set to true.\n\t\t *\n\t\t * @deprecated - Use `noPlaceholder` instead. Will be removed in v9.\n\t\t */\n\t\tallowPlaceholder: {\n\t\t\ttype: Boolean,\n\t\t\t// eslint-disable-next-line vue/no-boolean-default\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * Disable the tooltip\n\t\t */\n\t\tdisableTooltip: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Disable the menu\n\t\t */\n\t\tdisableMenu: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Declares a custom tooltip when not null\n\t\t * Fallback will be the displayName\n\t\t *\n\t\t * requires disableTooltip not to be set to true\n\t\t */\n\t\ttooltipMessage: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Declares username is not a user's name, when true.\n\t\t * Prevents loading user's avatar from server and forces generating colored initials,\n\t\t * i.e. if the user is a group\n\t\t */\n\t\tisNoUser: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Selector for the popover menu container\n\t\t */\n\t\tmenuContainer: {\n\t\t\ttype: [Boolean, String, Object, Element],\n\t\t\tdefault: 'body',\n\t\t},\n\t},\n\n\tsetup() {\n\t\tconst isDarkTheme = useIsDarkTheme()\n\n\t\treturn {\n\t\t\tisDarkTheme,\n\t\t\tisLegacy35,\n\t\t}\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tavatarUrlLoaded: null,\n\t\t\tavatarSrcSetLoaded: null,\n\t\t\tuserDoesNotExist: false,\n\t\t\tisAvatarLoaded: false,\n\t\t\tisMenuLoaded: false,\n\t\t\tcontactsMenuLoading: false,\n\t\t\tcontactsMenuData: {},\n\t\t\tcontactsMenuActions: [],\n\t\t\tcontactsMenuOpenState: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tavatarAriaLabel() {\n\t\t\t// aria-label is only allowed on interactive elements\n\t\t\tif (!this.hasMenu) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (this.canDisplayUserStatus || this.showUserStatusIconOnAvatar) {\n\t\t\t\treturn t('Avatar of {displayName}, {status}', { displayName: this.displayName ?? this.user, status: getUserStatusText(this.userStatus.status) })\n\t\t\t}\n\t\t\treturn t('Avatar of {displayName}', { displayName: this.displayName ?? this.user })\n\t\t},\n\n\t\tcanDisplayUserStatus() {\n\t\t\treturn !this.hideStatus\n\t\t\t\t&& this.showUserStatus\n\t\t\t\t&& this.hasStatus\n\t\t\t\t&& ['online', 'away', 'busy', 'dnd'].includes(this.userStatus.status)\n\t\t},\n\n\t\tshowUserStatusIconOnAvatar() {\n\t\t\treturn !this.hideStatus\n\t\t\t\t&& this.showUserStatus\n\t\t\t\t&& !this.verboseStatus\n\t\t\t\t&& this.showUserStatusCompact\n\t\t\t\t&& this.hasStatus\n\t\t\t\t&& this.userStatus.status !== 'dnd'\n\t\t\t\t&& this.userStatus.icon\n\t\t},\n\n\t\t/**\n\t\t * The user identifier, either the display name if set or the user property\n\t\t * If both properties are not set an empty string is returned\n\t\t */\n\t\tuserIdentifier() {\n\t\t\tif (this.isDisplayNameDefined) {\n\t\t\t\treturn this.displayName\n\t\t\t}\n\t\t\tif (this.isUserDefined) {\n\t\t\t\treturn this.user\n\t\t\t}\n\t\t\treturn ''\n\t\t},\n\n\t\tisUserDefined() {\n\t\t\treturn typeof this.user !== 'undefined'\n\t\t},\n\n\t\tisDisplayNameDefined() {\n\t\t\treturn typeof this.displayName !== 'undefined'\n\t\t},\n\n\t\tisUrlDefined() {\n\t\t\treturn typeof this.url !== 'undefined'\n\t\t},\n\n\t\thasMenu() {\n\t\t\tif (this.disableMenu) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\tif (this.isLegacy35) {\n\t\t\t\t// Legacy contacts menu: hide for current user / invalid avatars.\n\t\t\t\tif (this.isMenuLoaded) {\n\t\t\t\t\treturn this.menu.length > 0\n\t\t\t\t}\n\t\t\t\treturn !(this.user === getCurrentUser()?.uid || this.userDoesNotExist || this.url)\n\t\t\t}\n\t\t\t// Profile hover card for any real user avatar, including the current user.\n\t\t\treturn Boolean(this.user) && !this.isNoUser && !this.url && !this.userDoesNotExist\n\t\t},\n\n\t\t/**\n\t\t * True if initials should be shown as the user icon fallback\n\t\t */\n\t\tshowInitials() {\n\t\t\treturn !this.noPlaceholder && this.allowPlaceholder && this.userDoesNotExist && !(this.iconClass || this.$scopedSlots.icon)\n\t\t},\n\n\t\tavatarStyle() {\n\t\t\treturn {\n\t\t\t\t'--avatar-size': this.size + 'px',\n\t\t\t\tlineHeight: this.showInitials ? (this.size + 'px') : 0,\n\t\t\t\tfontSize: Math.round(this.size * 0.45) + 'px',\n\t\t\t}\n\t\t},\n\n\t\tinitialsWrapperStyle() {\n\t\t\tconst { r, g, b } = usernameToColor(this.userIdentifier)\n\t\t\treturn {\n\t\t\t\tbackgroundColor: `rgba(${r}, ${g}, ${b}, 0.1)`,\n\t\t\t}\n\t\t},\n\n\t\tinitialsStyle() {\n\t\t\tconst { r, g, b } = usernameToColor(this.userIdentifier)\n\t\t\treturn {\n\t\t\t\tcolor: `rgb(${r}, ${g}, ${b})`,\n\t\t\t}\n\t\t},\n\n\t\ttooltip() {\n\t\t\tif (this.disableTooltip) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\tif (this.tooltipMessage) {\n\t\t\t\treturn this.tooltipMessage\n\t\t\t}\n\n\t\t\treturn this.displayName\n\t\t},\n\n\t\t/**\n\t\t * Get the (max. two) initials of the user as uppcase string\n\t\t */\n\t\tinitials() {\n\t\t\tlet initials = '?'\n\t\t\tif (this.showInitials) {\n\t\t\t\tconst user = this.userIdentifier.trim()\n\t\t\t\tif (user === '') {\n\t\t\t\t\treturn initials\n\t\t\t\t}\n\n\t\t\t\t/**\n\t\t\t\t * Filtered user name, without special characters so only letters and numbers are allowed (prevent e.g. '(' as an initial)\n\t\t\t\t * \\p{L}: Letters of all languages\n\t\t\t\t * \\p{N}: Numbers of all languages\n\t\t\t\t * \\s: White space for breaking the string\n\t\t\t\t *\n\t\t\t\t * @type {string}\n\t\t\t\t */\n\t\t\t\tconst filteredChars = user.match(/[\\p{L}\\p{N}\\s]/gu)\n\t\t\t\tif (!filteredChars) {\n\t\t\t\t\treturn initials\n\t\t\t\t}\n\n\t\t\t\tconst filtered = filteredChars.join('').trim()\n\t\t\t\tconst idx = filtered.lastIndexOf(' ')\n\t\t\t\tinitials = String.fromCodePoint(filtered.codePointAt(0))\n\t\t\t\tif (idx !== -1) {\n\t\t\t\t\tinitials = initials.concat(String.fromCodePoint(filtered.codePointAt(idx + 1)))\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn initials.toLocaleUpperCase()\n\t\t},\n\n\t\t/**\n\t\t * Contacts menu actions for the hover card.\n\t\t * `null` until actions are loaded so the card can fall back to profile API actions.\n\t\t *\n\t\t * @return {Array|null}\n\t\t */\n\t\thoverCardActions() {\n\t\t\tif (this.isLegacy35 || !this.isMenuLoaded) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn this.menu.length > 0 ? this.menu : null\n\t\t},\n\n\t\t/**\n\t\t * Status already known by this avatar so the hover card does not fetch it again.\n\t\t * Omitted while status is still the empty default (fetch in progress).\n\t\t *\n\t\t * @return {object|undefined}\n\t\t */\n\t\thoverCardPreloadedUserStatus() {\n\t\t\tif (this.preloadedUserStatus) {\n\t\t\t\treturn this.userStatus\n\t\t\t}\n\t\t\tif (this.userStatus.status || this.userStatus.icon || this.userStatus.message) {\n\t\t\t\treturn this.userStatus\n\t\t\t}\n\t\t\treturn undefined\n\t\t},\n\n\t\tmenu() {\n\t\t\tif (this.isLegacy35) {\n\t\t\t\treturn this.legacyMenu\n\t\t\t}\n\n\t\t\tconst actions = this.contactsMenuActions.map((item) => {\n\t\t\t\tconst route = getRoute(this.$router, item.hyperlink)\n\t\t\t\treturn {\n\t\t\t\t\tid: item.id,\n\t\t\t\t\tappId: item.appId,\n\t\t\t\t\ttext: item.title,\n\t\t\t\t\thref: route ? undefined : item.hyperlink,\n\t\t\t\t\tto: route || undefined,\n\t\t\t\t\ticon: item.icon,\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tfor (const action of getEnabledContactsMenuActions(this.contactsMenuData)) {\n\t\t\t\ttry {\n\t\t\t\t\tactions.push({\n\t\t\t\t\t\tid: action.id,\n\t\t\t\t\t\ttext: action.displayName(this.contactsMenuData),\n\t\t\t\t\t\ticonSvg: action.iconSvg(this.contactsMenuData),\n\t\t\t\t\t\tonClick: () => action.callback(this.contactsMenuData),\n\t\t\t\t\t})\n\t\t\t\t} catch (error) {\n\t\t\t\t\tlogger.error(`Failed to render ContactsMenu action ${action.id}`, {\n\t\t\t\t\t\terror,\n\t\t\t\t\t\taction,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn actions\n\t\t},\n\n\t\t/**\n\t\t * Legacy NcActions menu entries for Nextcloud 32–34.\n\t\t *\n\t\t * @return {Array}\n\t\t */\n\t\tlegacyMenu() {\n\t\t\tconst actions = this.contactsMenuActions.map((item) => {\n\t\t\t\tconst route = getRoute(this.$router, item.hyperlink)\n\t\t\t\treturn {\n\t\t\t\t\tncActionComponent: route ? NcActionRouter : NcActionLink,\n\t\t\t\t\tncActionComponentProps: route\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tto: route,\n\t\t\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\thref: item.hyperlink,\n\t\t\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\t\t},\n\t\t\t\t\ttext: item.title,\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tfor (const action of getEnabledContactsMenuActions(this.contactsMenuData)) {\n\t\t\t\ttry {\n\t\t\t\t\tactions.push({\n\t\t\t\t\t\tncActionComponent: NcActionButton,\n\t\t\t\t\t\tncActionComponentProps: {},\n\t\t\t\t\t\tncActionComponentHandlers: {\n\t\t\t\t\t\t\tclick: () => action.callback(this.contactsMenuData),\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttext: action.displayName(this.contactsMenuData),\n\t\t\t\t\t\ticonSvg: action.iconSvg(this.contactsMenuData),\n\t\t\t\t\t})\n\t\t\t\t} catch (error) {\n\t\t\t\t\tlogger.error(`Failed to render ContactsMenu action ${action.id}`, {\n\t\t\t\t\t\terror,\n\t\t\t\t\t\taction,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * @param {string} html The HTML to escape\n\t\t\t */\n\t\t\tfunction escape(html) {\n\t\t\t\tconst text = document.createTextNode(html)\n\t\t\t\tconst p = document.createElement('p')\n\t\t\t\tp.appendChild(text)\n\t\t\t\treturn p.innerHTML\n\t\t\t}\n\n\t\t\tif (!this.hideStatus && this.showUserStatus && (this.userStatus.icon || this.userStatus.message)) {\n\t\t\t\t// NcAction's URL icons are inverted in dark mode, so we need to pass SVG image in the icon slot\n\t\t\t\tconst emojiIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n\t\t\t\t\t<text x=\"50%\" y=\"50%\" text-anchor=\"middle\" style=\"dominant-baseline: central; font-size: 85%\">${escape(this.userStatus.icon)}</text>\n\t\t\t\t</svg>`\n\t\t\t\treturn [{\n\t\t\t\t\tncActionComponent: NcActionText,\n\t\t\t\t\tncActionComponentProps: {},\n\t\t\t\t\ticonSvg: this.userStatus.icon ? emojiIcon : undefined,\n\t\t\t\t\ttext: `${this.userStatus.message}`,\n\t\t\t\t}].concat(actions)\n\t\t\t}\n\n\t\t\treturn actions\n\t\t},\n\t},\n\n\twatch: {\n\t\turl() {\n\t\t\tthis.userDoesNotExist = false\n\t\t\tthis.loadAvatarUrl()\n\t\t},\n\n\t\tuser() {\n\t\t\tthis.userDoesNotExist = false\n\t\t\tthis.isMenuLoaded = false\n\t\t\tthis.loadAvatarUrl()\n\t\t},\n\n\t\tpreloadedUserStatus(status) {\n\t\t\tif (status) {\n\t\t\t\tthis.setUserStatus(status)\n\t\t\t}\n\t\t},\n\n\t\tcontactsMenuOpenState(shown) {\n\t\t\t// Hover card opens on hover/focus; debounce the contacts menu fetch.\n\t\t\t// Legacy NcActions loads on click via toggleMenu.\n\t\t\tif (this.isLegacy35) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (shown) {\n\t\t\t\tthis.debouncedFetchContactsMenu()\n\t\t\t} else {\n\t\t\t\tthis.debouncedFetchContactsMenu.clear()\n\t\t\t}\n\t\t},\n\t},\n\n\tcreated() {\n\t\tthis.debouncedFetchContactsMenu = debounce(this.fetchContactsMenu, 300)\n\t},\n\n\tmounted() {\n\t\tthis.loadAvatarUrl()\n\t\tsubscribe('settings:avatar:updated', this.loadAvatarUrl)\n\t\tsubscribe('settings:display-name:updated', this.loadAvatarUrl)\n\t\tif (!this.hideStatus && this.showUserStatus && this.user && !this.isNoUser) {\n\t\t\tif (!this.preloadedUserStatus) {\n\t\t\t\tthis.fetchUserStatus(this.user)\n\t\t\t} else {\n\t\t\t\tthis.setUserStatus(this.preloadedUserStatus)\n\t\t\t}\n\t\t\tsubscribe('user_status:status.updated', this.handleUserStatusUpdated)\n\t\t} else if (!this.hideStatus && this.preloadedUserStatus) {\n\t\t\t// Always set preloaded status if provided\n\t\t\tthis.setUserStatus(this.preloadedUserStatus)\n\t\t}\n\t},\n\n\tbeforeDestroy() {\n\t\tthis.debouncedFetchContactsMenu.clear()\n\t\tunsubscribe('settings:avatar:updated', this.loadAvatarUrl)\n\t\tunsubscribe('settings:display-name:updated', this.loadAvatarUrl)\n\t\tunsubscribe('user_status:status.updated', this.handleUserStatusUpdated)\n\t},\n\n\tmethods: {\n\t\tt,\n\t\thandleUserStatusUpdated(state) {\n\t\t\tif (this.user === state.userId) {\n\t\t\t\tthis.userStatus = {\n\t\t\t\t\tstatus: state.status,\n\t\t\t\t\ticon: state.icon,\n\t\t\t\t\tmessage: state.message,\n\t\t\t\t}\n\t\t\t\tthis.hasStatus = state.status !== null\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Toggle the legacy popover menu on click or enter\n\t\t *\n\t\t * @param {KeyboardEvent|MouseEvent} event the UI event\n\t\t */\n\t\tasync toggleMenu(event) {\n\t\t\tif (event.type === 'keydown' && event.key !== 'Enter') {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (!this.contactsMenuOpenState) {\n\t\t\t\tawait this.fetchContactsMenu()\n\t\t\t}\n\t\t\tthis.contactsMenuOpenState = !this.contactsMenuOpenState\n\t\t},\n\n\t\tcloseMenu() {\n\t\t\t// Only used by the legacy NcActions path (click-outside).\n\t\t\tif (!this.isLegacy35) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.contactsMenuOpenState = false\n\t\t},\n\n\t\tasync fetchContactsMenu() {\n\t\t\tthis.contactsMenuLoading = true\n\t\t\ttry {\n\t\t\t\tconst user = encodeURIComponent(this.user)\n\t\t\t\tconst { data } = await axios.post(generateUrl('contactsmenu/findOne'), `shareType=0&shareWith=${user}`)\n\t\t\t\tthis.contactsMenuData = data\n\t\t\t\tthis.contactsMenuActions = data.topAction ? [data.topAction].concat(data.actions) : data.actions\n\t\t\t} catch {\n\t\t\t\tthis.contactsMenuData = {}\n\t\t\t\tthis.contactsMenuActions = []\n\t\t\t\tif (this.isLegacy35) {\n\t\t\t\t\tthis.contactsMenuOpenState = false\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.contactsMenuLoading = false\n\t\t\tthis.isMenuLoaded = true\n\t\t},\n\n\t\t/**\n\t\t * Handle avatar loading if user or url defined\n\t\t */\n\t\tloadAvatarUrl() {\n\t\t\tthis.isAvatarLoaded = false\n\n\t\t\t/** Only run avatar image loading if either user or url property is defined */\n\t\t\tif (!this.isUrlDefined && (!this.isUserDefined || this.isNoUser || this.iconClass || this.$scopedSlots.icon)) {\n\t\t\t\tthis.isAvatarLoaded = true\n\t\t\t\tthis.userDoesNotExist = true\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// Directly use the url if defined\n\t\t\tif (this.isUrlDefined) {\n\t\t\t\tthis.updateImageIfValid(this.url)\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tif (this.size <= 64) {\n\t\t\t\tconst avatarUrl = this.avatarUrlGenerator(this.user, 64)\n\t\t\t\tconst srcset = [\n\t\t\t\t\tavatarUrl + ' 1x',\n\t\t\t\t\tthis.avatarUrlGenerator(this.user, 512) + ' 8x',\n\t\t\t\t].join(', ')\n\n\t\t\t\tthis.updateImageIfValid(avatarUrl, srcset)\n\t\t\t} else {\n\t\t\t\tconst avatarUrl = this.avatarUrlGenerator(this.user, 512)\n\t\t\t\tthis.updateImageIfValid(avatarUrl)\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Generate an avatar url from the server's avatar endpoint\n\t\t *\n\t\t * @param {string} user the user id\n\t\t * @param {number} size the desired size\n\t\t * @return {string}\n\t\t */\n\t\tavatarUrlGenerator(user, size) {\n\t\t\tlet avatarUrl = getAvatarUrl(user, {\n\t\t\t\tsize,\n\t\t\t\tisDarkTheme: this.isDarkTheme,\n\t\t\t\tisGuest: this.isGuest,\n\t\t\t})\n\n\t\t\tif (user === getCurrentUser()?.uid && typeof window.oc_userconfig !== 'undefined') {\n\t\t\t\tavatarUrl += '?v=' + window.oc_userconfig.avatar.version\n\t\t\t}\n\n\t\t\treturn avatarUrl\n\t\t},\n\n\t\t/**\n\t\t * Check if the provided url is valid and update Avatar if so\n\t\t *\n\t\t * @param {string} url the avatar url\n\t\t * @param {Array} srcset the avatar srcset\n\t\t */\n\t\tupdateImageIfValid(url, srcset = null) {\n\t\t\t// skip loading\n\t\t\tconst userHasAvatar = getUserHasAvatar(this.user)\n\t\t\tif (this.isUserDefined && typeof userHasAvatar === 'boolean') {\n\t\t\t\tthis.isAvatarLoaded = true\n\t\t\t\tthis.avatarUrlLoaded = url\n\t\t\t\tif (srcset) {\n\t\t\t\t\tthis.avatarSrcSetLoaded = srcset\n\t\t\t\t}\n\t\t\t\tif (userHasAvatar === false) {\n\t\t\t\t\tthis.userDoesNotExist = true\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst img = new Image()\n\t\t\timg.onload = () => {\n\t\t\t\tthis.avatarUrlLoaded = url\n\t\t\t\tif (srcset) {\n\t\t\t\t\tthis.avatarSrcSetLoaded = srcset\n\t\t\t\t}\n\t\t\t\tthis.isAvatarLoaded = true\n\t\t\t\t// re-get to avoid concurrent access\n\t\t\t\tsetUserHasAvatar(this.user, true)\n\t\t\t}\n\t\t\timg.onerror = (error) => {\n\t\t\t\tlogger.debug('Invalid avatar url', { error, url })\n\t\t\t\t// Avatar is invalid, reset\n\t\t\t\tthis.avatarUrlLoaded = null\n\t\t\t\tthis.avatarSrcSetLoaded = null\n\n\t\t\t\tthis.userDoesNotExist = true\n\t\t\t\tthis.isAvatarLoaded = false\n\t\t\t\tsetUserHasAvatar(this.user, false)\n\t\t\t}\n\n\t\t\tif (srcset) {\n\t\t\t\timg.srcset = srcset\n\t\t\t}\n\t\t\timg.src = url\n\t\t},\n\t},\n}\n</script>\n\n<style scoped lang=\"scss\">\n.avatardiv {\n\tposition: relative;\n\tdisplay: inline-block;\n\twidth: var(--avatar-size);\n\theight: var(--avatar-size);\n\n\t&--unknown {\n\t\tposition: relative;\n\t\tbackground-color: var(--color-main-background);\n\t\twhite-space: normal;\n\t}\n\n\t&:not(&--unknown) {\n\t\t// White/black background for avatars with transparency\n\t\tbackground-color: var(--color-main-background) !important;\n\t\tbox-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;\n\t}\n\n\t&--with-menu {\n\t\tcursor: pointer;\n\t\tposition: relative;\n\t}\n\n\t&--with-legacy-menu {\n\t\t.action-item {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tinset-inline-start: 0;\n\t\t}\n\t\t:deep(.action-item__menutoggle) {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0;\n\t\t}\n\t\t&:focus-within,\n\t\t&:hover,\n\t\t&.avatardiv--with-menu-loading {\n\t\t\t:deep(.action-item__menutoggle) {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\timg {\n\t\t\t\topacity: 0.3;\n\t\t\t}\n\t\t}\n\t\t:deep(.action-item__menutoggle),\n\t\timg {\n\t\t\ttransition: opacity var(--animation-quick);\n\t\t}\n\t\t:deep() {\n\t\t\t.button-vue,\n\t\t\t.button-vue__icon {\n\t\t\t\theight: var(--avatar-size);\n\t\t\t\tmin-height: var(--avatar-size);\n\t\t\t\twidth: var(--avatar-size) !important;\n\t\t\t\tmin-width: var(--avatar-size);\n\t\t\t}\n\t\t}\n\t\t& > :deep(.button-vue),\n\t\t& > :deep(.action-item .button-vue) {\n\t\t\t--button-radius: calc(var(--avatar-size) / 2);\n\t\t}\n\t}\n\n\t.avatar-profile-popover {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tz-index: 1;\n\n\t\t&__trigger {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tborder-radius: inherit;\n\t\t\toutline: none;\n\t\t}\n\t}\n\n\t.avatardiv__initials-wrapper {\n\t\tdisplay: block;\n\t\theight: var(--avatar-size);\n\t\twidth: var(--avatar-size);\n\t\tbackground-color: var(--color-main-background);\n\t\tborder-radius: calc(var(--avatar-size) / 2);\n\n\t\t.avatardiv__initials {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\ttext-align: center;\n\t\t\tfont-weight: var(--font-weight-default, normal);\n\t\t}\n\t}\n\n\timg {\n\t\t// Cover entire area\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\t// Keep ratio\n\t\tobject-fit: cover;\n\t}\n\n\t.material-design-icon {\n\t\twidth: var(--avatar-size);\n\t\theight: var(--avatar-size);\n\t}\n\n\t.avatardiv__user-status {\n\t\t// Size of the status icon to make it:\n\t\t// - 💫 Orbital: the status icon's center is positioned on the avatar circle\n\t\t// - ⏹️ Best-fit: the status icon is as large as possible without exceeding the avatar box\n\t\t// See PR for math explanation: PR #6004\n\t\t--avatar-status-size-orbital: calc(var(--avatar-size) * (1 - 1 / sqrt(2)));\n\t\t// Limit the status icon size to minimum font size to keep it readable\n\t\t// Ideally avatars with a smaller should not be used with the status icon at all\n\t\t--avatar-status-size-min: var(--font-size-small);\n\t\t--avatar-status-size: max(var(--avatar-status-size-orbital), var(--avatar-status-size-min));\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tinset-inline-end: 0;\n\t\tinset-block-end: 0;\n\t\theight: var(--avatar-status-size);\n\t\twidth: var(--avatar-status-size);\n\t\tline-height: 1;\n\t\tfont-size: calc(var(--avatar-status-size) / 1.2);\n\t\tbackground-color: var(--color-main-background);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: var(--avatar-status-size);\n\t\tbackground-position: center;\n\t\tborder-radius: 50%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t.acli:hover & {\n\t\t\tborder-color: var(--color-background-hover);\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t\t.acli.active & {\n\t\t\tborder-color: var(--color-primary-element-light);\n\t\t\tbackground-color: var(--color-primary-element-light);\n\t\t}\n\n\t\t&--icon {\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n\n\t.popovermenu-wrapper {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n}\n\n.avatar-class-icon {\n\tdisplay: block;\n\tborder-radius: calc(var(--avatar-size) / 2);\n\tbackground-color: var(--color-background-darker);\n\theight: 100%;\n}\n\n</style>\n"],"names":["capabilities","getCapabilities","getCurrentUser","axios","generateOcsUrl","logger","getBuilder","ClickOutside","IconDotsHorizontal","NcActions","NcButton","NcIconSvgWrapper","NcLoadingIcon","NcPopover","defineAsyncComponent","NcUserStatusIcon","useIsDarkTheme","isLegacy35","t","getUserStatusText","usernameToColor","getRoute","getEnabledContactsMenuActions","NcActionRouter","NcActionLink","NcActionButton","NcActionText","debounce","subscribe","unsubscribe","generateUrl","getAvatarUrl"],"mappings":"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"}