@nextcloud/vue 9.9.0 → 9.10.0

package/dist/chunks/{NcAssistantButton-iK491d2v.mjs → NcAssistantButton.mjs}

@@ -1,10 +1,10 @@
-import '../assets/NcAssistantButton-CT25wqIs.css';
+import '../assets/NcAssistantButton.css';
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, withCtx, createBlock, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { p as mdiCreation } from "./mdi-CpchYUUV.mjs";
-import { N as NcAssistantIcon } from "./NcAssistantIcon-C6s4Qm7-.mjs";
-import { N as NcButton } from "./NcButton-jvoYS2my.mjs";
-import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper-g8ubWhoz.mjs";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+import { p as mdiCreation } from "./mdi.mjs";
+import { N as NcAssistantIcon } from "./NcAssistantIcon.mjs";
+import { N as NcButton } from "./NcButton.mjs";
+import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NcAssistantButton",
   props: {
@@ -54,14 +54,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const assistantButton = "_assistantButton_69cAG";
-const assistantButton_disabled = "_assistantButton_disabled_GUQox";
-const assistantButton_primary = "_assistantButton_primary_oNY0i";
-const assistantButton__icon = "_assistantButton__icon_MH4EK";
-const assistantButton__text = "_assistantButton__text_GJj3P";
-const assistantButton__button = "_assistantButton__button_JqUdS";
+const assistantButton = "_assistantButton_uGGtL";
+const assistantButton_disabled = "_assistantButton_disabled_HWQ7-";
+const assistantButton_primary = "_assistantButton_primary_wo-ma";
+const assistantButton__icon = "_assistantButton__icon_AV8BZ";
+const assistantButton__text = "_assistantButton__text_P52HF";
+const assistantButton__button = "_assistantButton__button_uh2cx";
 const style0 = {
-  "material-design-icon": "_material-design-icon_G0iZC",
+  "material-design-icon": "_material-design-icon_fG5M1",
   assistantButton,
   assistantButton_disabled,
   assistantButton_primary,
@@ -76,4 +76,4 @@ const NcAssistantButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules
 export {
   NcAssistantButton as N
 };
-//# sourceMappingURL=NcAssistantButton-iK491d2v.mjs.map
+//# sourceMappingURL=NcAssistantButton.mjs.map

package/dist/chunks/NcAssistantButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAssistantButton.mjs","sources":["../../src/components/NcAssistantButton/NcAssistantButton.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<div class=\"wrapper\">\n\t<!-- Style selector -->\n\t<div class=\"grid grid-3\">\n\t\t<NcCheckboxRadioSwitch v-model=\"style\" value=\"icon\" name=\"style\" type=\"radio\">Icon only</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch v-model=\"style\" value=\"icontext\" name=\"style\" type=\"radio\">Icon and text</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch v-model=\"disabled\" type=\"checkbox\">Disabled</NcCheckboxRadioSwitch>\n\t</div>\n\n\t<h5>Standard buttons</h5>\n\t<div class=\"grid\">\n\t\t<p>Secondary</p>\n\t\t<p>Primary</p>\n\t\t<NcAssistantButton\n\t\t\taria-label=\"Generate content\"\n\t\t\t:disabled\n\t\t\t:text>\n\t\t</NcAssistantButton>\n\t\t<NcAssistantButton\n\t\t\taria-label=\"Generate content\"\n\t\t\t:disabled\n\t\t\t:text\n\t\t\tvariant=\"primary\">\n\t\t</NcAssistantButton>\n\t</div>\n</div>\n\n</template>\n<script>\nimport Video from 'vue-material-design-icons/Video.vue'\n\nexport default {\n\tcomponents: {\n\t\tVideo,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tdisabled: false,\n\t\t\tstyle: 'icontext',\n\t\t}\n\t},\n\tcomputed: {\n\t\ttext() {\n\t\t\tif (this.style.includes('text')) {\n\t\t\t\treturn 'Generate content'\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.wrapper {\n\tpadding: 0 12px;\n}\n\n.grid {\n\tdisplay: grid;\n\tgap: 12px;\n\tgrid-template-columns: 1fr 1fr;\n\tgrid-template-rows: repeat(auto-fill, auto);\n\tjustify-items: center;\n\tposition: relative;\n\tmargin: 12px 0;\n}\n\n.grid-3 {\n\tgrid-template-columns: 1fr 1fr 1fr;\n}\n\nh5 {\n\tfont-weight: var(--font-weight-heading, bold);\n\tmargin: 40px 0 20px 0;\n}\n\np {\n\ttext-align: center;\n\tmargin: 4px 0 12px 0;\n\tcolor: var(--color-text-maxcontrast)\n}\n\nbutton {\n\tmargin: auto;\n}\n</style>\n```\n</docs>\n\n<script setup lang=\"ts\">\nimport { mdiCreation } from '@mdi/js'\nimport NcAssistantIcon from '../NcAssistantIcon/NcAssistantIcon.vue'\nimport NcButton from '../NcButton/NcButton.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\n\nwithDefaults(defineProps<{\n\t/**\n\t * Toggles the disabled state of the button on and off.\n\t */\n\tdisabled?: boolean\n\n\t/**\n\t * The readable text of the button.\n\t * Can be overriden by using the `default` slot.\n\t *\n\t * If neither this is set nor the `default` slot is used, you will have to set at least `aria-label` or `aria-labelledby`.\n\t */\n\ttext?: string\n\n\t/**\n\t * The button variant.\n\t * In most cases the `secondary` style should be used.\n\t */\n\tvariant?: 'primary' | 'secondary'\n}>(), {\n\ttext: '',\n\tvariant: 'secondary',\n})\n\ndefineEmits<{\n\t/**\n\t * The mouse click event when the button is triggered.\n\t */\n\tclick: [MouseEvent]\n}>()\n</script>\n\n<template>\n\t<div\n\t\t:class=\"[{\n\t\t\t[$style.assistantButton_disabled!]: disabled,\n\t\t\t[$style.assistantButton_primary!]: variant === 'primary',\n\t\t}, $style.assistantButton]\">\n\t\t<NcButton\n\t\t\t:class=\"$style.assistantButton__button\"\n\t\t\t:disabled\n\t\t\tvariant=\"tertiary\"\n\t\t\t@click=\"$emit('click', $event)\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"variant === 'primary'\"\n\t\t\t\t\t:class=\"$style.assistantButton__icon\"\n\t\t\t\t\t:path=\"mdiCreation\" />\n\t\t\t\t<NcAssistantIcon v-else />\n\t\t\t</template>\n\t\t\t<template v-if=\"text || $slots.default\" #default>\n\t\t\t\t<div :class=\"$style.assistantButton__text\">\n\t\t\t\t\t<slot>{{ text }}</slot>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</NcButton>\n\t</div>\n</template>\n\n<style module lang=\"scss\">\n.assistantButton {\n\t--assistant-button-color: var(--color-element-assistant, linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%));\n\t--assistant-button-background-color: var(--color-background-assistant, #F6F5FF);\n\tbackground-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%));\n\tborder-radius: var(--border-radius-element);\n\theight: var(--default-clickable-area);\n\twidth: fit-content;\n\tpadding-inline: 1px;\n\tpadding-block: 1px 2px;\n\n\t&_disabled {\n\t\tfilter: saturate(0.5);\n\t\topacity: 0.5;\n\t}\n\n\t&_primary {\n\t\t--assistant-button-color: white;\n\t\t--assistant-button-background-color: var(--color-element-assistant,linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%));\n\n\t\t.assistantButton__icon,\n\t\t.assistantButton__text {\n\t\t\tcolor: white !important;\n\t\t}\n\t}\n\n\t&__button {\n\t\t--button-size: calc(var(--default-clickable-area) - 3px) !important;\n\t\tbackground-color: var(--assistant-button-background-color) !important;\n\t\tbackground-image: var(--assistant-button-background-color) !important;\n\t\tborder: none !important;\n\n\t\t&:hover {\n\t\t\tfilter: brightness(120%);\n\t\t}\n\t}\n\n\t&__text {\n\t\tbackground-image: var(--assistant-button-color);\n\t\tcolor: transparent !important;\n\t\tbackground-clip: text;\n\t}\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_createVNode","$emit","_createBlock","_unref","$slots","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;0BAsICA,mBAuBM,OAAA;AAAA,QAtBJ,OAAKC,eAAA,CAAA;AAAA,WAASC,KAAAA,OAAO,wBAAwB,GAAI,QAAA;AAAA,WAAcA,KAAAA,OAAO,uBAAuB,GAAI,QAAA,YAAO;AAAA,QAAA,GAAqBA,KAAAA,OAAO,eAAe,CAAA;AAAA,MAAA;QAIpJC,YAiBW,UAAA;AAAA,UAhBT,OAAKF,eAAEC,KAAAA,OAAO,uBAAuB;AAAA,UACrC,UAAA,QAAA;AAAA,UACD,SAAQ;AAAA,UACP,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAEE,KAAAA,MAAK,SAAU,MAAM;AAAA,QAAA;UAClB,cACV,MAGuB;AAAA,YAFhB,QAAA,YAAO,0BADdC,YAGuB,kBAAA;AAAA;cADrB,OAAKJ,eAAEC,KAAAA,OAAO,qBAAqB;AAAA,cACnC,MAAMI,MAAA,WAAA;AAAA,YAAA,gDACRD,YAA0B,iBAAA,EAAA,KAAA,GAAA;AAAA,UAAA;;;UAEX,QAAA,QAAQE,KAAAA,OAAO;kBAAU;AAAA,wBACxC,MAEM;AAAA,cAFNC,mBAEM,OAAA;AAAA,gBAFA,OAAKP,eAAEC,KAAAA,OAAO,qBAAqB;AAAA,cAAA;gBACxCO,WAAuB,4BAAvB,MAAuB;AAAA,kDAAd,QAAA,IAAI,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{NcAssistantContent-iHA4O4cC.mjs → NcAssistantContent.mjs}

@@ -1,6 +1,6 @@
-import '../assets/NcAssistantContent-FV00e96S.css';
+import '../assets/NcAssistantContent.css';
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NcAssistantContent",
   props: {
@@ -20,10 +20,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const assistantContent = "_assistantContent_G4sU4";
-const assistantContent__inner = "_assistantContent__inner_qC6-W";
+const assistantContent = "_assistantContent_hChjN";
+const assistantContent__inner = "_assistantContent__inner_3GbbT";
 const style0 = {
-  "material-design-icon": "_material-design-icon_doINX",
+  "material-design-icon": "_material-design-icon_ikZZt",
   assistantContent,
   assistantContent__inner
 };
@@ -34,4 +34,4 @@ const NcAssistantContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModule
 export {
   NcAssistantContent as N
 };
-//# sourceMappingURL=NcAssistantContent-iHA4O4cC.mjs.map
+//# sourceMappingURL=NcAssistantContent.mjs.map

package/dist/chunks/NcAssistantContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAssistantContent.mjs","sources":["../../src/components/NcAssistantContent/NcAssistantContent.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<NcAssistantContent>\n\t<div class=\"container\">\n\t\t<NcAssistantIcon />\n\t\t<div class=\"content\">\n\t\t\t<h3 class=\"heading\">\n\t\t\t\tSummary of the last 123 messages\n\t\t\t</h3>\n\t\t\t<p>\n\t\t\t\tLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,\n\t\t\t\tsed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,\n\t\t\t\tno sea takimata sanctus est Lorem ipsum dolor sit amet.\n\t\t\t</p>\n\t\t</div>\n\t</div>\n</NcAssistantContent>\n</template>\n\n<style scoped>\n.container {\n\tdisplay: flex;\n\talign-items: start;\n\tflex-direction: row;\n}\n\n.content {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.heading {\n\tmargin-top: 0;\n\tfont-size: var(--default-font-size);\n}\n</style>\n```\n</docs>\n\n<script setup lang=\"ts\">\nimport type { Slot } from 'vue'\nimport type { VueClassType } from '../../utils/VueTypes.ts'\n\nwithDefaults(defineProps<{\n\t/**\n\t * Classes to assign to the content container\n\t */\n\tcontentClasses?: VueClassType\n}>(), {\n\tcontentClasses: '',\n})\n\ndefineSlots<{\n\t/**\n\t * The content to be shown.\n\t */\n\tdefault?: Slot\n}>()\n</script>\n\n<template>\n\t<div :class=\"$style.assistantContent\">\n\t\t<div :class=\"[$style.assistantContent__inner, contentClasses]\">\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</template>\n\n<style module lang=\"scss\">\n.assistantContent {\n\tbackground-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%));\n\tborder-radius: var(--border-radius-container);\n\tpadding: 2px;\n\n\t&__inner {\n\t\tbackground-color: var(--color-background-assistant, #F6F5FF);\n\t\tborder-radius: calc(var(--border-radius-container) - 1px);\n\t\tcolor: var(--color-main-text);\n\t\tpadding: calc(var(--border-radius-container) - 1px);\n\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;;0BAmECA,mBAIM,OAAA;AAAA,QAJA,OAAKC,eAAEC,KAAAA,OAAO,gBAAgB;AAAA,MAAA;QACnCC,mBAEM,OAAA;AAAA,UAFA,OAAKF,eAAA,CAAGC,KAAAA,OAAO,yBAAyB,QAAA,cAAc,CAAA;AAAA,QAAA;UAC3DE,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;;;;;;;;;;;"}

package/dist/chunks/{NcAssistantIcon-C6s4Qm7-.mjs → NcAssistantIcon.mjs}

@@ -1,9 +1,9 @@
-import '../assets/NcAssistantIcon-BMLpMaMJ.css';
+import '../assets/NcAssistantIcon.css';
 import { defineComponent, useCssVars, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, unref } from "vue";
-import { p as mdiCreation } from "./mdi-CpchYUUV.mjs";
+import { p as mdiCreation } from "./mdi.mjs";
 import { useIsDarkTheme } from "../composables/useIsDarkTheme/index.mjs";
-import { c as createElementId } from "./createElementId-DhjFt1I9.mjs";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+import { c as createElementId } from "./createElementId.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.mjs";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = ["id"];
 const _hoisted_3 = ["d", "fill"];
@@ -78,11 +78,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const assistantIcon = "_assistantIcon_DogCI";
-const assistantIcon_inline = "_assistantIcon_inline_UjLu7";
-const assistantIcon__svg = "_assistantIcon__svg_l6I-C";
+const assistantIcon = "_assistantIcon_1oxIC";
+const assistantIcon_inline = "_assistantIcon_inline_wXZSt";
+const assistantIcon__svg = "_assistantIcon__svg_mzPD-";
 const style0 = {
-  "material-design-icon": "_material-design-icon_XTbWy",
+  "material-design-icon": "_material-design-icon_00MIP",
   assistantIcon,
   assistantIcon_inline,
   assistantIcon__svg
@@ -94,4 +94,4 @@ const NcAssistantIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules",
 export {
   NcAssistantIcon as N
 };
-//# sourceMappingURL=NcAssistantIcon-C6s4Qm7-.mjs.map
+//# sourceMappingURL=NcAssistantIcon.mjs.map

package/dist/chunks/NcAssistantIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAssistantIcon.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 lang=\"ts\">\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 = withDefaults(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?: boolean\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?: number\n}>(), {\n\tsize: 20,\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":["_createElementBlock","_normalizeClass","$style","_createElementVNode","_unref"],"mappings":";;;;;;;;;;;;;;;;;;AA0FA,UAAM,QAAQ;AAiBd,UAAM,cAAc,eAAA;AACpB,UAAM,aAAa,gBAAA;AACnB,UAAM,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI;;0BAI9CA,mBAmBO,QAAA;AAAA,QAlBN,eAAY;AAAA,QACX,OAAKC,eAAA,CAAGC,YAAO,eAAe,QAAA,UAAUA,KAAAA,OAAO,oBAAoB,CAAA;AAAA,QACpE,MAAK;AAAA,MAAA;sBACLF,mBAcM,OAAA;AAAA,UAdA,OAAKC,eAAEC,KAAAA,OAAO,kBAAkB;AAAA,UAAE,SAAQ;AAAA,UAAY,OAAM;AAAA,QAAA;UACjEC,mBAWO,QAAA,MAAA;AAAA,YAVgBC,MAAA,WAAA,kBAAtBJ,mBAIiB,kBAAA;AAAA;cAJmB,IAAII,MAAA,UAAA;AAAA,cAAY,mBAAkB;AAAA,YAAA;cACrED,mBAA0C,QAAA;AAAA,gBAApC,QAAO;AAAA,gBAAM,cAAW;AAAA,cAAA;cAC9BA,mBAA0C,QAAA;AAAA,gBAApC,QAAO;AAAA,gBAAM,cAAW;AAAA,cAAA;cAC9BA,mBAA0C,QAAA;AAAA,gBAApC,QAAO;AAAA,gBAAM,cAAW;AAAA,cAAA;iDAE/BH,mBAIiB,kBAAA;AAAA;cAJO,IAAII,MAAA,UAAA;AAAA,cAAY,mBAAkB;AAAA,YAAA;cACzDD,mBAA0C,QAAA;AAAA,gBAApC,QAAO;AAAA,gBAAM,cAAW;AAAA,cAAA;cAC9BA,mBAA0C,QAAA;AAAA,gBAApC,QAAO;AAAA,gBAAM,cAAW;AAAA,cAAA;cAC9BA,mBAA0C,QAAA;AAAA,gBAApC,QAAO;AAAA,gBAAM,cAAW;AAAA,cAAA;;;UAGhCA,mBAAyD,QAAA;AAAA,YAAlD,GAAGC,MAAA,WAAA;AAAA,YAAc,eAAeA,MAAA,UAAA,CAAU;AAAA,UAAA;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{NcAvatar-1KxMUN7V.mjs → NcAvatar.mjs}

@@ -1,12 +1,14 @@
-import '../assets/NcAvatar-Bs7qEhkA.css';
+import '../assets/NcAvatar.css';
 import { getCurrentUser } from "@nextcloud/auth";
 import axios from "@nextcloud/axios";
 import { getBuilder } from "@nextcloud/browser-storage";
 import { unsubscribe, subscribe } from "@nextcloud/event-bus";
 import { generateOcsUrl, generateUrl } from "@nextcloud/router";
 import { vOnClickOutside } from "@vueuse/components";
-import { N as NcActions, I as IconDotsHorizontal } from "./NcActions-C-wDqSrv.mjs";
-import { g as getRoute } from "./autolink-DrIurosL.mjs";
+import debounce from "debounce";
+import { defineAsyncComponent, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, Fragment, createBlock, withCtx, createSlots, renderList, resolveDynamicComponent, mergeProps, createTextVNode, toDisplayString, createVNode, createElementVNode } from "vue";
+import { N as NcActions, I as IconDotsHorizontal } from "./NcActions.mjs";
+import { g as getRoute } from "./autolink.mjs";
 import "../composables/useFormatDateTime/index.mjs";
 import "../composables/useHotKey/index.mjs";
 import { useIsDarkTheme } from "../composables/useIsDarkTheme/index.mjs";
@@ -14,23 +16,24 @@ import "../composables/useIsFullscreen/index.mjs";
 import "../composables/useIsMobile/index.mjs";
 import { getEnabledContactsMenuActions } from "../functions/contactsMenu/index.mjs";
 import { usernameToColor } from "../functions/usernameToColor/index.mjs";
-import { r as register, m as t10, a as t } from "./_l10n-wdIzZwir.mjs";
+import { r as register, n as t11, a as t } from "./_l10n.mjs";
 import "escape-html";
 import "striptags";
-import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, createBlock, withCtx, createSlots, Fragment, renderList, resolveDynamicComponent, mergeProps, createTextVNode, toDisplayString, createVNode, createElementVNode } from "vue";
-import { g as getAvatarUrl } from "./NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang-DyqakLm5.mjs";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+import { g as getAvatarUrl } from "./NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.mjs";
 import { getCapabilities } from "@nextcloud/capabilities";
-import { l as logger } from "./logger-D3RVzcfQ.mjs";
-import { N as NcUserStatusIcon, g as getUserStatusText } from "./NcUserStatusIcon-BF5OEQFU.mjs";
-import { N as NcActionButton } from "./NcActionButton-BO5T5ePT.mjs";
-import { N as NcActionLink } from "./NcActionLink-BFiaYt9A.mjs";
-import { N as NcActionRouter } from "./NcActionRouter-vYFtIOzD.mjs";
-import { N as NcActionText } from "./NcActionText-CQ9qwJ0p.mjs";
-import { N as NcButton } from "./NcButton-jvoYS2my.mjs";
-import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper-g8ubWhoz.mjs";
-import { N as NcLoadingIcon } from "./NcLoadingIcon-BOVpFVQz.mjs";
-register(t10);
+import { l as logger } from "./logger.mjs";
+import { b as isLegacy35 } from "./legacy.mjs";
+import { N as NcUserStatusIcon, g as getUserStatusText } from "./NcUserStatusIcon.mjs";
+import { N as NcActionButton } from "./NcActionButton.mjs";
+import { N as NcActionLink } from "./NcActionLink.mjs";
+import { N as NcActionRouter } from "./NcActionRouter.mjs";
+import { N as NcActionText } from "./NcActionText.mjs";
+import { N as NcButton } from "./NcButton.mjs";
+import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper.mjs";
+import { N as NcLoadingIcon } from "./NcLoadingIcon.mjs";
+import { N as NcPopover } from "./NcPopover.mjs";
+register(t11);
 const userStatus = {
   data() {
     return {
@@ -112,6 +115,8 @@ const _sfc_main = {
     NcButton,
     NcIconSvgWrapper,
     NcLoadingIcon,
+    NcPopover,
+    NcProfileHoverCard: defineAsyncComponent(() => import("./NcProfileHoverCard.mjs")),
     NcUserStatusIcon
   },
   mixins: [userStatus],
@@ -230,14 +235,15 @@ const _sfc_main = {
      * Selector for the popover menu container
      */
     menuContainer: {
-      type: [Boolean, String, Object, Element],
+      type: [Boolean, String],
       default: "body"
     }
   },
   setup() {
     const isDarkTheme = useIsDarkTheme();
     return {
-      isDarkTheme
+      isDarkTheme,
+      isLegacy35
     };
   },
   data() {
@@ -295,10 +301,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 === getCurrentUser()?.uid || this.userDoesNotExist || this.url);
       }
-      return !(this.user === 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
@@ -348,7 +357,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) {
@@ -357,7 +366,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 = 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 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.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 = getRoute(this.$router, item.hyperlink);
         return {
@@ -418,8 +491,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(this.fetchContactsMenu, 300);
+  },
   mounted() {
     this.loadAvatarUrl();
     subscribe("settings:avatar:updated", this.loadAvatarUrl);
@@ -436,6 +527,7 @@ const _sfc_main = {
     }
   },
   beforeUnmount() {
+    this.debouncedFetchContactsMenu.clear();
     unsubscribe("settings:avatar:updated", this.loadAvatarUrl);
     unsubscribe("settings:display-name:updated", this.loadAvatarUrl);
     unsubscribe("user_status:status.updated", this.handleUserStatusUpdated);
@@ -453,7 +545,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
      */
@@ -467,6 +559,9 @@ const _sfc_main = {
       this.contactsMenuOpenState = !this.contactsMenuOpenState;
     },
     closeMenu() {
+      if (!this.isLegacy35) {
+        return;
+      }
       this.contactsMenuOpenState = false;
     },
     async fetchContactsMenu() {
@@ -477,7 +572,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;
@@ -571,7 +670,8 @@ const _sfc_main = {
 };
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["src", "srcset"];
-const _hoisted_3 = {
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = {
   key: 2,
   class: "avatardiv__user-status avatardiv__user-status--icon"
 };
@@ -581,12 +681,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcButton = resolveComponent("NcButton");
   const _component_NcIconSvgWrapper = resolveComponent("NcIconSvgWrapper");
   const _component_NcActions = resolveComponent("NcActions");
+  const _component_NcProfileHoverCard = resolveComponent("NcProfileHoverCard");
+  const _component_NcPopover = resolveComponent("NcPopover");
   const _component_NcUserStatusIcon = resolveComponent("NcUserStatusIcon");
   const _directive_click_outside = resolveDirective("click-outside");
   return withDirectives((openBlock(), createElementBlock("span", {
     class: normalizeClass(["avatardiv popovermenu-wrapper", {
       "avatardiv--unknown": $data.userDoesNotExist,
       "avatardiv--with-menu": $options.hasMenu,
+      "avatardiv--with-legacy-menu": $options.hasMenu && $setup.isLegacy35,
       "avatardiv--with-menu-loading": $data.contactsMenuLoading
     }]),
     style: normalizeStyle($options.avatarStyle),
@@ -603,62 +706,93 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         alt: ""
       }, null, 8, _hoisted_2)) : createCommentVNode("", true)
     ], true),
-    $options.hasMenu && $options.menu.length === 0 ? (openBlock(), createBlock(_component_NcButton, {
-      key: 0,
-      "aria-label": $options.avatarAriaLabel,
-      class: "action-item action-item__menutoggle",
-      variant: "tertiary-no-background",
-      onClick: $options.toggleMenu
-    }, {
-      icon: withCtx(() => [
-        $data.contactsMenuLoading ? (openBlock(), createBlock(_component_NcLoadingIcon, { key: 0 })) : (openBlock(), createBlock(_component_IconDotsHorizontal, {
-          key: 1,
-          size: 20
-        }))
-      ]),
-      _: 1
-    }, 8, ["aria-label", "onClick"])) : $options.hasMenu ? (openBlock(), createBlock(_component_NcActions, {
+    $setup.isLegacy35 && $options.hasMenu ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      $options.menu.length === 0 ? (openBlock(), createBlock(_component_NcButton, {
+        key: 0,
+        "aria-label": $options.avatarAriaLabel,
+        class: "action-item action-item__menutoggle",
+        variant: "tertiary-no-background",
+        onClick: $options.toggleMenu
+      }, {
+        icon: withCtx(() => [
+          $data.contactsMenuLoading ? (openBlock(), createBlock(_component_NcLoadingIcon, { key: 0 })) : (openBlock(), createBlock(_component_IconDotsHorizontal, {
+            key: 1,
+            size: 20
+          }))
+        ]),
+        _: 1
+      }, 8, ["aria-label", "onClick"])) : (openBlock(), createBlock(_component_NcActions, {
+        key: 1,
+        open: $data.contactsMenuOpenState,
+        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => $data.contactsMenuOpenState = $event),
+        "aria-label": $options.avatarAriaLabel,
+        container: $props.menuContainer,
+        forceMenu: "",
+        manualOpen: "",
+        variant: "tertiary-no-background",
+        onClick: $options.toggleMenu
+      }, createSlots({
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.menu, (item, key) => {
+            return openBlock(), createBlock(resolveDynamicComponent(item.ncActionComponent), mergeProps({ key }, { ref_for: true }, item.ncActionComponentProps), createSlots({
+              default: withCtx(() => [
+                createTextVNode(" " + toDisplayString(item.text), 1)
+              ]),
+              _: 2
+            }, [
+              item.iconSvg ? {
+                name: "icon",
+                fn: withCtx(() => [
+                  createVNode(_component_NcIconSvgWrapper, {
+                    svg: item.iconSvg
+                  }, null, 8, ["svg"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040);
+          }), 128))
+        ]),
+        _: 2
+      }, [
+        $data.contactsMenuLoading ? {
+          name: "icon",
+          fn: withCtx(() => [
+            createVNode(_component_NcLoadingIcon)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["open", "aria-label", "container", "onClick"]))
+    ], 64)) : $options.hasMenu ? (openBlock(), createBlock(_component_NcPopover, {
       key: 1,
-      open: $data.contactsMenuOpenState,
-      "onUpdate:open": _cache[0] || (_cache[0] = ($event) => $data.contactsMenuOpenState = $event),
-      "aria-label": $options.avatarAriaLabel,
+      shown: $data.contactsMenuOpenState,
+      "onUpdate:shown": _cache[1] || (_cache[1] = ($event) => $data.contactsMenuOpenState = $event),
+      class: "avatar-profile-popover",
       container: $props.menuContainer,
-      forceMenu: "",
-      manualOpen: "",
-      variant: "tertiary-no-background",
-      onClick: $options.toggleMenu
-    }, createSlots({
+      delay: { show: 400, hide: 0 },
+      popoverTriggers: ["hover"],
+      triggers: ["hover", "focus", "click"],
+      noFocusTrap: "",
+      popupRole: "dialog"
+    }, {
+      trigger: withCtx(({ attrs }) => [
+        createElementVNode("span", mergeProps({ class: "avatar-profile-popover__trigger" }, attrs, {
+          role: "button",
+          tabindex: "0",
+          "aria-label": $options.avatarAriaLabel
+        }), null, 16, _hoisted_3)
+      ]),
       default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList($options.menu, (item, key) => {
-          return openBlock(), createBlock(resolveDynamicComponent(item.ncActionComponent), mergeProps({ key }, { ref_for: true }, item.ncActionComponentProps), createSlots({
-            default: withCtx(() => [
-              createTextVNode(" " + toDisplayString(item.text), 1)
-            ]),
-            _: 2
-          }, [
-            item.iconSvg ? {
-              name: "icon",
-              fn: withCtx(() => [
-                createVNode(_component_NcIconSvgWrapper, {
-                  svg: item.iconSvg
-                }, null, 8, ["svg"])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1040);
-        }), 128))
+        createVNode(_component_NcProfileHoverCard, {
+          user: $props.user,
+          open: $data.contactsMenuOpenState,
+          actions: $options.hoverCardActions,
+          actionsLoading: $data.contactsMenuLoading,
+          preloadedUserStatus: $options.hoverCardPreloadedUserStatus
+        }, null, 8, ["user", "open", "actions", "actionsLoading", "preloadedUserStatus"])
       ]),
-      _: 2
-    }, [
-      $data.contactsMenuLoading ? {
-        name: "icon",
-        fn: withCtx(() => [
-          createVNode(_component_NcLoadingIcon)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["open", "aria-label", "container", "onClick"])) : createCommentVNode("", true),
-    $options.showUserStatusIconOnAvatar ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.userStatus.icon), 1)) : $options.canDisplayUserStatus ? (openBlock(), createBlock(_component_NcUserStatusIcon, {
+      _: 1
+    }, 8, ["shown", "container"])) : createCommentVNode("", true),
+    $options.showUserStatusIconOnAvatar ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.userStatus.icon), 1)) : $options.canDisplayUserStatus ? (openBlock(), createBlock(_component_NcUserStatusIcon, {
       key: 3,
       class: "avatardiv__user-status",
       status: _ctx.userStatus.status,
@@ -678,9 +812,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, $options.closeMenu]
   ]);
 }
-const NcAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e0ae1174"]]);
+const NcAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2b0ca47b"]]);
 export {
   NcAvatar as N,
   userStatus as u
 };
-//# sourceMappingURL=NcAvatar-1KxMUN7V.mjs.map
+//# sourceMappingURL=NcAvatar.mjs.map