@nextcloud/vue 8.29.2 → 8.31.0

package/dist/chunks/NcAssistantButton-Dk28Wilk.mjs

@@ -0,0 +1,97 @@
+import '../assets/NcAssistantButton-owGSr0s0.css';
+import { e as mdiCreation } from "./mdi-DXu6GWVJ.mjs";
+import { N as NcAssistantIcon } from "./NcAssistantIcon-CtEF1hjA.mjs";
+import { N as NcButton } from "./NcButton-CWPBzbcC.mjs";
+import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper-BreCg8pX.mjs";
+import { n as normalizeComponent } from "./_plugin-vue2_normalizer-DU4iP6Vu.mjs";
+const assistantButton = "_assistantButton_1xe1x_20";
+const assistantButton_disabled = "_assistantButton_disabled_1xe1x_30";
+const assistantButton_primary = "_assistantButton_primary_1xe1x_34";
+const assistantButton__icon = "_assistantButton__icon_1xe1x_38";
+const assistantButton__text = "_assistantButton__text_1xe1x_39";
+const assistantButton__button = "_assistantButton__button_1xe1x_42";
+const style0 = {
+  "material-design-icon": "_material-design-icon_1xe1x_12",
+  assistantButton,
+  assistantButton_disabled,
+  assistantButton_primary,
+  assistantButton__icon,
+  assistantButton__text,
+  assistantButton__button
+};
+const _sfc_main = {
+  __name: "NcAssistantButton",
+  props: {
+    /**
+     * Toggles the disabled state of the button on and off.
+     */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * The readable text of the button.
+     * Can be overriden by using the `default` slot.
+     *
+     * If neither this is set nor the `default` slot is used, you will have to set at least `aria-label` or `aria-labelledby`.
+     */
+    text: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The button variant.
+     * In most cases the `secondary` style should be used.
+     */
+    variant: {
+      type: String,
+      default: "secondary"
+    }
+  },
+  emits: [
+    /**
+     * The mouse click event when the button is triggered.
+     */
+    "click"
+  ],
+  setup(__props) {
+    return { __sfc: true, mdiCreation, NcAssistantIcon, NcButton, NcIconSvgWrapper };
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
+  return _c("div", { class: [{
+    [_vm.$style.assistantButton_disabled]: _vm.disabled,
+    [_vm.$style.assistantButton_primary]: _vm.variant === "primary"
+  }, _vm.$style.assistantButton] }, [_c(_setup.NcButton, { class: _vm.$style.assistantButton__button, attrs: { "disabled": _vm.disabled, "variant": "tertiary" }, on: { "click": function($event) {
+    return _vm.$emit("click", $event);
+  } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+    return [_vm.variant === "primary" ? _c(_setup.NcIconSvgWrapper, { class: _vm.$style.assistantButton__icon, attrs: { "path": _setup.mdiCreation } }) : _c(_setup.NcAssistantIcon)];
+  }, proxy: true }, _vm.text || _vm.$scopedSlots.default ? { key: "default", fn: function() {
+    return [_c("div", { class: _vm.$style.assistantButton__text }, [_vm._t("default", function() {
+      return [_vm._v(_vm._s(_vm.text))];
+    })], 2)];
+  }, proxy: true } : null], null, true) })], 1);
+};
+var _sfc_staticRenderFns = [];
+const __cssModules = {
+  "$style": style0
+};
+function _sfc_injectStyles(ctx) {
+  for (var key in __cssModules) {
+    this[key] = __cssModules[key];
+  }
+}
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  _sfc_injectStyles,
+  null
+);
+const NcAssistantButton = __component__.exports;
+export {
+  NcAssistantButton as N
+};
+//# sourceMappingURL=NcAssistantButton-Dk28Wilk.mjs.map

package/dist/chunks/NcAssistantButton-Dk28Wilk.mjs.map

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

package/dist/chunks/NcAssistantButton-zriu0Kiz.cjs

@@ -0,0 +1,96 @@
+require('../assets/NcAssistantButton-owGSr0s0.css');
+"use strict";
+const mdi = require("./mdi-BBwE-MZC.cjs");
+const NcAssistantIcon = require("./NcAssistantIcon-B-Udgta_.cjs");
+const NcButton = require("./NcButton-DOsCAjiE.cjs");
+const NcIconSvgWrapper = require("./NcIconSvgWrapper-D-aKMbf3.cjs");
+const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-V0q-tHlQ.cjs");
+const assistantButton = "_assistantButton_1xe1x_20";
+const assistantButton_disabled = "_assistantButton_disabled_1xe1x_30";
+const assistantButton_primary = "_assistantButton_primary_1xe1x_34";
+const assistantButton__icon = "_assistantButton__icon_1xe1x_38";
+const assistantButton__text = "_assistantButton__text_1xe1x_39";
+const assistantButton__button = "_assistantButton__button_1xe1x_42";
+const style0 = {
+  "material-design-icon": "_material-design-icon_1xe1x_12",
+  assistantButton,
+  assistantButton_disabled,
+  assistantButton_primary,
+  assistantButton__icon,
+  assistantButton__text,
+  assistantButton__button
+};
+const _sfc_main = {
+  __name: "NcAssistantButton",
+  props: {
+    /**
+     * Toggles the disabled state of the button on and off.
+     */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * The readable text of the button.
+     * Can be overriden by using the `default` slot.
+     *
+     * If neither this is set nor the `default` slot is used, you will have to set at least `aria-label` or `aria-labelledby`.
+     */
+    text: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The button variant.
+     * In most cases the `secondary` style should be used.
+     */
+    variant: {
+      type: String,
+      default: "secondary"
+    }
+  },
+  emits: [
+    /**
+     * The mouse click event when the button is triggered.
+     */
+    "click"
+  ],
+  setup(__props) {
+    return { __sfc: true, mdiCreation: mdi.mdiCreation, NcAssistantIcon: NcAssistantIcon.NcAssistantIcon, NcButton: NcButton.NcButton, NcIconSvgWrapper: NcIconSvgWrapper.NcIconSvgWrapper };
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
+  return _c("div", { class: [{
+    [_vm.$style.assistantButton_disabled]: _vm.disabled,
+    [_vm.$style.assistantButton_primary]: _vm.variant === "primary"
+  }, _vm.$style.assistantButton] }, [_c(_setup.NcButton, { class: _vm.$style.assistantButton__button, attrs: { "disabled": _vm.disabled, "variant": "tertiary" }, on: { "click": function($event) {
+    return _vm.$emit("click", $event);
+  } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+    return [_vm.variant === "primary" ? _c(_setup.NcIconSvgWrapper, { class: _vm.$style.assistantButton__icon, attrs: { "path": _setup.mdiCreation } }) : _c(_setup.NcAssistantIcon)];
+  }, proxy: true }, _vm.text || _vm.$scopedSlots.default ? { key: "default", fn: function() {
+    return [_c("div", { class: _vm.$style.assistantButton__text }, [_vm._t("default", function() {
+      return [_vm._v(_vm._s(_vm.text))];
+    })], 2)];
+  }, proxy: true } : null], null, true) })], 1);
+};
+var _sfc_staticRenderFns = [];
+const __cssModules = {
+  "$style": style0
+};
+function _sfc_injectStyles(ctx) {
+  for (var key in __cssModules) {
+    this[key] = __cssModules[key];
+  }
+}
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  _sfc_injectStyles,
+  null
+);
+const NcAssistantButton = __component__.exports;
+exports.NcAssistantButton = NcAssistantButton;
+//# sourceMappingURL=NcAssistantButton-zriu0Kiz.cjs.map

package/dist/chunks/NcAssistantButton-zriu0Kiz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAssistantButton-zriu0Kiz.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/NcAssistantIcon-B-Udgta_.cjs

@@ -0,0 +1,72 @@
+require('../assets/NcAssistantIcon-BoOnqVRr.css');
+"use strict";
+const Vue = require("vue");
+const mdi = require("./mdi-BBwE-MZC.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_1ndue_20";
+const assistantIcon_inline = "_assistantIcon_inline_1ndue_25";
+const assistantIcon__svg = "_assistantIcon__svg_1ndue_30";
+const style0 = {
+  "material-design-icon": "_material-design-icon_1ndue_12",
+  assistantIcon,
+  assistantIcon_inline,
+  assistantIcon__svg
+};
+const _sfc_main = {
+  __name: "NcAssistantIcon",
+  props: {
+    /**
+     * Set if the icon should be used as inline content e.g. within text.
+     * By default the icon is made a block element for use inside `icon`-slots.
+     */
+    inline: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Size of the icon.
+     * Defaults to the proper size to be used in buttons and other interactive elements
+     * like all `Nc*` components with an icon slot.
+     */
+    size: {
+      type: Number,
+      default: 20
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    Vue.useCssVars((_vm, _setup) => ({
+      "a843d9d2": _setup.sizePx
+    }));
+    const isDarkTheme = Composables_useIsDarkTheme.useIsDarkTheme();
+    const gradientId = createElementId.createElementId();
+    const sizePx = Vue.computed(() => `${props.size}px`);
+    return { __sfc: true, props, isDarkTheme, gradientId, sizePx, mdiCreation: mdi.mdiCreation };
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
+  return _c("span", { class: [_vm.$style.assistantIcon, _vm.inline && _vm.$style.assistantIcon_inline], attrs: { "aria-hidden": "true", "role": "img" } }, [_c("svg", { class: _vm.$style.assistantIcon__svg, attrs: { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" } }, [_c("defs", [_setup.isDarkTheme ? _c("linearGradient", { attrs: { "id": _setup.gradientId, "gradientTransform": "rotateX(285)" } }, [_c("stop", { attrs: { "offset": "15%", "stop-color": "#CDACE7" } }), _c("stop", { attrs: { "offset": "40%", "stop-color": "#008FDB" } }), _c("stop", { attrs: { "offset": "82%", "stop-color": "#A180E0" } })], 1) : _c("linearGradient", { attrs: { "id": _setup.gradientId, "gradientTransform": "rotateX(285)" } }, [_c("stop", { attrs: { "offset": "15%", "stop-color": "#9669D3" } }), _c("stop", { attrs: { "offset": "40%", "stop-color": "#00679E" } }), _c("stop", { attrs: { "offset": "80%", "stop-color": "#492083" } })], 1)], 1), _c("path", { attrs: { "d": _setup.mdiCreation, "fill": `url('#${_setup.gradientId}')` } })])]);
+};
+var _sfc_staticRenderFns = [];
+const __cssModules = {
+  "$style": style0
+};
+function _sfc_injectStyles(ctx) {
+  for (var key in __cssModules) {
+    this[key] = __cssModules[key];
+  }
+}
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  _sfc_injectStyles,
+  null
+);
+const NcAssistantIcon = __component__.exports;
+exports.NcAssistantIcon = NcAssistantIcon;
+//# sourceMappingURL=NcAssistantIcon-B-Udgta_.cjs.map

package/dist/chunks/NcAssistantIcon-B-Udgta_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAssistantIcon-B-Udgta_.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/NcAssistantIcon-CtEF1hjA.mjs

@@ -0,0 +1,73 @@
+import '../assets/NcAssistantIcon-BoOnqVRr.css';
+import { useCssVars, computed } from "vue";
+import { e as mdiCreation } from "./mdi-DXu6GWVJ.mjs";
+import { useIsDarkTheme } from "../Composables/useIsDarkTheme.mjs";
+import { c as createElementId } from "./createElementId-DhjFt1I9.mjs";
+import { n as normalizeComponent } from "./_plugin-vue2_normalizer-DU4iP6Vu.mjs";
+const assistantIcon = "_assistantIcon_1ndue_20";
+const assistantIcon_inline = "_assistantIcon_inline_1ndue_25";
+const assistantIcon__svg = "_assistantIcon__svg_1ndue_30";
+const style0 = {
+  "material-design-icon": "_material-design-icon_1ndue_12",
+  assistantIcon,
+  assistantIcon_inline,
+  assistantIcon__svg
+};
+const _sfc_main = {
+  __name: "NcAssistantIcon",
+  props: {
+    /**
+     * Set if the icon should be used as inline content e.g. within text.
+     * By default the icon is made a block element for use inside `icon`-slots.
+     */
+    inline: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Size of the icon.
+     * Defaults to the proper size to be used in buttons and other interactive elements
+     * like all `Nc*` components with an icon slot.
+     */
+    size: {
+      type: Number,
+      default: 20
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useCssVars((_vm, _setup) => ({
+      "a843d9d2": _setup.sizePx
+    }));
+    const isDarkTheme = useIsDarkTheme();
+    const gradientId = createElementId();
+    const sizePx = computed(() => `${props.size}px`);
+    return { __sfc: true, props, isDarkTheme, gradientId, sizePx, mdiCreation };
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
+  return _c("span", { class: [_vm.$style.assistantIcon, _vm.inline && _vm.$style.assistantIcon_inline], attrs: { "aria-hidden": "true", "role": "img" } }, [_c("svg", { class: _vm.$style.assistantIcon__svg, attrs: { "viewBox": "0 0 24 24", "xmlns": "http://www.w3.org/2000/svg" } }, [_c("defs", [_setup.isDarkTheme ? _c("linearGradient", { attrs: { "id": _setup.gradientId, "gradientTransform": "rotateX(285)" } }, [_c("stop", { attrs: { "offset": "15%", "stop-color": "#CDACE7" } }), _c("stop", { attrs: { "offset": "40%", "stop-color": "#008FDB" } }), _c("stop", { attrs: { "offset": "82%", "stop-color": "#A180E0" } })], 1) : _c("linearGradient", { attrs: { "id": _setup.gradientId, "gradientTransform": "rotateX(285)" } }, [_c("stop", { attrs: { "offset": "15%", "stop-color": "#9669D3" } }), _c("stop", { attrs: { "offset": "40%", "stop-color": "#00679E" } }), _c("stop", { attrs: { "offset": "80%", "stop-color": "#492083" } })], 1)], 1), _c("path", { attrs: { "d": _setup.mdiCreation, "fill": `url('#${_setup.gradientId}')` } })])]);
+};
+var _sfc_staticRenderFns = [];
+const __cssModules = {
+  "$style": style0
+};
+function _sfc_injectStyles(ctx) {
+  for (var key in __cssModules) {
+    this[key] = __cssModules[key];
+  }
+}
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  _sfc_injectStyles,
+  null
+);
+const NcAssistantIcon = __component__.exports;
+export {
+  NcAssistantIcon as N
+};
+//# sourceMappingURL=NcAssistantIcon-CtEF1hjA.mjs.map

package/dist/chunks/NcAssistantIcon-CtEF1hjA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAssistantIcon-CtEF1hjA.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/{NcAvatar-CgF-MFtU.mjs → NcAvatar-CuYtFEdJ.mjs}

@@ -1,35 +1,36 @@
-import '../assets/NcMentionBubble-UsTMm5VD.css';
-import '../assets/NcAvatar-BqNcvkxP.css';
+import '../assets/NcMentionBubble-CaztX9Pv.css';
+import '../assets/NcAvatar-BdAXbXdR.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, D as DotsHorizontalIcon } from "./NcActions-BKZA1xVL.mjs";
-import { N as NcActionButton } from "./NcActionButton-rjMoymt-.mjs";
-import NcActionLink from "../Components/NcActionLink.mjs";
-import NcActionRouter from "../Components/NcActionRouter.mjs";
-import NcActionText from "../Components/NcActionText.mjs";
-import NcButton from "../Components/NcButton.mjs";
-import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper-Cb-cPj1R.mjs";
-import NcLoadingIcon from "../Components/NcLoadingIcon.mjs";
-import { N as NcUserStatusIcon, g as getUserStatusText } from "./NcUserStatusIcon-DQr5EGWZ.mjs";
-import { g as getRoute } from "./autolink-cbuFALXr.mjs";
+import { N as NcActions, D as DotsHorizontalIcon } from "./NcActions-C832pWHO.mjs";
+import { g as getRoute } from "./autolink-D2pIbi92.mjs";
 import { useIsDarkTheme } from "../Composables/useIsDarkTheme.mjs";
-import { usernameToColor } from "../Functions/usernameToColor.mjs";
 import { getEnabledContactsMenuActions } from "../Functions/contactsMenu.mjs";
+import { usernameToColor } from "../Functions/usernameToColor.mjs";
+import { r as register, v as t10, a as t } from "./_l10n-BEfeU7gr.mjs";
 import "../Composables/useIsFullscreen.mjs";
 import "../Composables/useIsMobile.mjs";
-import { g as getAvatarUrl } from "./getAvatarUrl-IhLacDEr.mjs";
-/* empty css                                                                          */
-import { n as normalizeComponent } from "./_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 import "escape-html";
 import "striptags";
 import "vue";
+import { g as getAvatarUrl } from "./getAvatarUrl-IhLacDEr.mjs";
+/* empty css                                                                          */
+import { n as normalizeComponent } from "./_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 import { getCapabilities } from "@nextcloud/capabilities";
-import { r as register, v as t9, a as t } from "./_l10n-CW0YfIWk.mjs";
 import { l as logger } from "./logger-D3RVzcfQ.mjs";
+import { N as NcUserStatusIcon, g as getUserStatusText } from "./NcUserStatusIcon-C83nB_8T.mjs";
+import { N as NcActionButton } from "./NcActionButton-CVW8aRkE.mjs";
+import NcActionLink from "../Components/NcActionLink.mjs";
+import NcActionRouter from "../Components/NcActionRouter.mjs";
+import NcActionText from "../Components/NcActionText.mjs";
+import { N as NcButton } from "./NcButton-CWPBzbcC.mjs";
+import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper-BreCg8pX.mjs";
+import NcLoadingIcon from "../Components/NcLoadingIcon.mjs";
+register(t10);
 const userStatus = {
   data() {
     return {
@@ -54,7 +55,7 @@ const userStatus = {
         return;
       }
       const capabilities = getCapabilities();
-      if (!Object.prototype.hasOwnProperty.call(capabilities, "user_status") || !capabilities.user_status.enabled) {
+      if (!Object.hasOwn(capabilities, "user_status") || !capabilities.user_status.enabled) {
         return;
       }
       if (!getCurrentUser()) {
@@ -75,12 +76,11 @@ const userStatus = {
         if (e.response.status === 404 && e.response.data.ocs?.data?.length === 0) {
           return;
         }
-        console.error(e);
+        logger.error(e);
       }
     }
   }
 };
-register(t9);
 const browserStorage = getBuilder("nextcloud").persist().build();
 function getUserHasAvatar(userId) {
   const flag = browserStorage.getItem("user-has-avatar." + userId);
@@ -141,10 +141,12 @@ const _sfc_main = {
     },
     /**
      * Whether or not to display the user-status.
+     *
      * @deprecated - Use `hideStatus` instead. Will be removed with v9.
      */
     showUserStatus: {
       type: Boolean,
+      // eslint-disable-next-line vue/no-boolean-default
       default: true
     },
     /**
@@ -156,10 +158,12 @@ const _sfc_main = {
     },
     /**
      * Whether or not to the status-icon should be used instead of online/away
+     *
      * @deprecated - Use `verboseStatus` instead. Will be removed with v9.
      */
     showUserStatusCompact: {
       type: Boolean,
+      // eslint-disable-next-line vue/no-boolean-default
       default: true
     },
     /**
@@ -204,10 +208,12 @@ const _sfc_main = {
     },
     /**
      * Placeholder avatars will be automatically generated when this is set to true.
+     *
      * @deprecated - Use `noPlaceholder` instead. Will be removed in v9.
      */
     allowPlaceholder: {
       type: Boolean,
+      // eslint-disable-next-line vue/no-boolean-default
       default: true
     },
     /**
@@ -247,7 +253,7 @@ const _sfc_main = {
      * Selector for the popover menu container
      */
     menuContainer: {
-      type: [String, Object, Element, Boolean],
+      type: [Boolean, String, Object, Element],
       default: "body"
     }
   },
@@ -362,7 +368,7 @@ const _sfc_main = {
           return initials;
         }
         const filteredChars = user.match(/[\p{L}\p{N}\s]/gu);
-        if (filteredChars == null) {
+        if (!filteredChars) {
           return initials;
         }
         const filtered = filteredChars.join("");
@@ -473,6 +479,7 @@ const _sfc_main = {
     },
     /**
      * Toggle the popover menu on click or enter
+     *
      * @param {KeyboardEvent|MouseEvent} event the UI event
      */
     async toggleMenu(event) {
@@ -494,7 +501,7 @@ const _sfc_main = {
         const { data } = await axios.post(generateUrl("contactsmenu/findOne"), `shareType=0&shareWith=${user}`);
         this.contactsMenuData = data;
         this.contactsMenuActions = data.topAction ? [data.topAction].concat(data.actions) : data.actions;
-      } catch (e) {
+      } catch {
         this.contactsMenuOpenState = false;
       }
       this.contactsMenuLoading = false;
@@ -539,8 +546,8 @@ const _sfc_main = {
         isDarkTheme: this.isDarkTheme,
         isGuest: this.isGuest
       });
-      if (user === getCurrentUser()?.uid && typeof oc_userconfig !== "undefined") {
-        avatarUrl += "?v=" + oc_userconfig.avatar.version;
+      if (user === getCurrentUser()?.uid && typeof window.oc_userconfig !== "undefined") {
+        avatarUrl += "?v=" + window.oc_userconfig.avatar.version;
       }
       return avatarUrl;
     },
@@ -573,7 +580,7 @@ const _sfc_main = {
         setUserHasAvatar(this.user, true);
       };
       img.onerror = () => {
-        console.debug("Invalid avatar url", url);
+        logger.debug("Invalid avatar url", url);
         this.avatarUrlLoaded = null;
         this.avatarSrcSetLoaded = null;
         this.userDoesNotExist = true;
@@ -614,11 +621,11 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "4c42c96e"
+  "fb3d5b2a"
 );
 const NcAvatar = __component__.exports;
 export {
   NcAvatar as N,
   userStatus as u
 };
-//# sourceMappingURL=NcAvatar-CgF-MFtU.mjs.map
+//# sourceMappingURL=NcAvatar-CuYtFEdJ.mjs.map