@nextcloud/vue 8.26.1 → 8.28.0

package/CHANGELOG.md

@@ -5,11 +5,86 @@
 
 # Changelog
 
+## [v8.28.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.28.0) (2025-07-14)
+
+### 📝 Notes
+#### `NcPasswordField`
+The component now has a `visible` property (with `update:visible` event) to allow setting the visibility state of the password.
+This allows to programmatically make the password visible or obfuscated for the user.
+One use case could be to reset the visibility when submitting some form to prevent leaking the password in a loading state of the UI.
+
+#### `NcTextField`
+The value `arrowRight` of the property `trailingButtonIcon` is deprecated and will be removed in a future version.
+It is replaced by `arrowEnd` which reflects that the directions depends on the text directions (LTR vs RTL).
+
+#### `NcColorPicker`
+The `update:open` event is deprecated, instead just use the `close` event which is emitted at the same time.
+
+#### Event names
+Custom events now have a consistent naming without custom scoping of the events.
+Thus following events are deprecated in favor of a new consistent event name:
+
+|      Component |       Old event |       New event |
+|----------------|-----------------|-----------------|
+| `NcAppContent` |   `resize:list` |   `resize-list` |
+|   `NcRichText` | `interact:todo` | `interact-todo` |
+
+### 🚀 Enhancements
+* feat: add `useFormatRelativeTime` composable [#7128](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7128)
+* feat(NcPasswordField): allow to set visibility state [#7148](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7148)
+
+### 🐛 Fixed bugs
+* fix(NcAppNavigationItem): multi level padding [#6919](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6919)
+* fix(NcTextField): make trailing button icon for confirmation also work on RTL [#7002](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7002)
+* fix(NcAppContent): incorrect page title from a different core.apps format in Nextcloud 30 [#7011](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7011) ([julien-nc](https://github.com/julien-nc))
+* fix(NcDialog): deprecated nativeType usage check [#7031](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7031) ([skjnldsv](https://github.com/skjnldsv))
+* fix(NcSelectUsers): fix using of v-model in Vue 2 [#7032](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7032) ([Antreesy](https://github.com/Antreesy))
+* fix(NcAvatar): update 'hasStatus' flag if changed [#7037](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7037)
+* fix(NcCheckboxRadioSwitch): align icons with the first row of label [#7047](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7047)
+* fix(actions): use pointer cursor for action button text [#7049](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7049)
+* fix(NcRichText): always render code blocks in LTR direction [#7061](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7061) ([Antreesy](https://github.com/Antreesy))
+* fix(NcListItem): let `active` prop take higher priority [#7089](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7089)
+* fix(NcActionText): remove br between action name and action long text [#7119](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7119)
+* fix(useHotKey): try to derive latin keys from key codes of non-latin characters [#7147](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7147)
+* fix(l10n): adjust for `@nextcloud/l10n` 3.4.0 [#7150](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7150)
+
+### Other Changes
+* refactor: deprecate events not comply with Vue event naming rules [#7078](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7078)
+* chore(NcColorPicker): deprecate duplicated `update:open` event [#7095](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7095)
+* chore(NcActions): fix type annotation of `NodeList` [#7105](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7105)
+* chore(NcAppContent): rename NcAppDetailsContent to remove from docs [#7139](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7139)
+* refactor(NcAppContent): clarify props documentation and use capabilities over initial state [#7141](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7141)
+
+## [v8.27.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.27.0) (2025-05-28)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.26.1...v8.27.0)
+
+### 📝 Notes
+#### NcEmptyContent
+A padding was added to the empty content wrapper. It is recommended to check in-app styles for possible overrides.
+
+### 🚀 Enhancements
+* feat(NcChip): allow to define the actions container [#6964](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6964)
+* feat(NcActionButton): introduce `description` prop [#6975](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6975)
+
+### 🐛 Fixed bugs
+* fix(NcEmptyContent): description styling for mobile [#6943](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6943)
+* style(NcAppSidebar): remove custom styles from close button [#6945](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6945)
+
+### Other Changes
+* refactor(useIsFullscreen): migrate to Typescript [#6912](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6912) ([ShGKme](https://github.com/ShGKme))
+* refactor(useHotKey): migrate code to Typescript [#6911](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6911)
+* refactor(Focus): migrate directive to Typescript [#6914](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6914)
+* refactor: use `NcIconSvgWrapper` with `directional` property where needed [#6976](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6976)
+* feat(NcRichText): filter links based on protocol [#6977](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6977) ([max-nextcloud](https://github.com/max-nextcloud))
+
 ## [v8.26.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.26.1) (2025-05-07)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.26.0...v8.26.1)
+
 ### 🐛 Fixed bugs
-* [stable8] fix(NcIconSvgWrapper): center svg span wrapper [#6880](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6880) ([backportbot](https://github.com/backportbot))
+* fix(NcIconSvgWrapper): center svg span wrapper [#6880](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6880)
 
 ## [v8.26.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.26.0) (2025-04-25)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.25.1...v8.26.0)
 
 ### 📝 Notes
 #### NcAppSidebar
@@ -21,15 +96,15 @@ The `focusTrap` property is now deprecated and will be replaced with `noFocusTra
 the reason behind this is to only have boolean properties with default value of `false` allowing shortcut props.
 
 ### 🚀 Enhancements
-* [stable8] feat(NcAppSidebar): add `info` slot [#6843](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6843)
-* [stable8] feat(NcPopover): add new `noFocusTrap` prop [#6808](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6808)
+* feat(NcAppSidebar): add `info` slot [#6843](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6843)
+* feat(NcPopover): add new `noFocusTrap` prop [#6808](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6808)
 
 ### 🐛 Fixed bugs
-* [stable8] fix(NcRichText): `references` prop type [#6800](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6800)
-* [stable8]  fix(NcAppContent): don't remove list when showing details in mobile or no-split mode [#6261](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6261) ([wofferl](https://github.com/wofferl))
-* [stable8] fix(NcMentionBubble): position selectable text aligned with the component [#6837](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6837)
-* [stable8] fix(NcAvatar): do not load avatar from server, if iconClass was provided [#6836](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6836)
-* [stable8] fix(NcSelectUsers): add missing `search` event [#6838](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6838)
+* fix(NcRichText): `references` prop type [#6800](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6800)
+*  fix(NcAppContent): don't remove list when showing details in mobile or no-split mode [#6261](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6261) ([wofferl](https://github.com/wofferl))
+* fix(NcMentionBubble): position selectable text aligned with the component [#6837](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6837)
+* fix(NcAvatar): do not load avatar from server, if iconClass was provided [#6836](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6836)
+* fix(NcSelectUsers): add missing `search` event [#6838](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6838)
 
 ## [v8.25.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.25.1) (2025-04-17)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.25.0...v8.25.1)

package/dist/Components/NcActionButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActionButton = require("../chunks/NcActionButton-CXeEXQLT.cjs");
+const NcActionButton = require("../chunks/NcActionButton-DBh812gJ.cjs");
 module.exports = NcActionButton.NcActionButton;
 //# sourceMappingURL=NcActionButton.cjs.map

package/dist/Components/NcActionButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionButton-Gpv56vuS.mjs";
+import { N } from "../chunks/NcActionButton-CpGK6gSX.mjs";
 export {
   N as default
 };

package/dist/Components/NcActionButtonGroup.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActionButtonGroup = require("../chunks/NcActionButtonGroup-BMy3W9fG.cjs");
+const NcActionButtonGroup = require("../chunks/NcActionButtonGroup-qRIt-It4.cjs");
 module.exports = NcActionButtonGroup.NcActionButtonGroup;
 //# sourceMappingURL=NcActionButtonGroup.cjs.map

package/dist/Components/NcActionButtonGroup.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionButtonGroup-BteTNhIn.mjs";
+import { N } from "../chunks/NcActionButtonGroup-BkU5oOmB.mjs";
 export {
   N as default
 };

package/dist/Components/NcActionInput.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActionInput = require("../chunks/NcActionInput-BXOo5jPS.cjs");
+const NcActionInput = require("../chunks/NcActionInput-CtkE6Hny.cjs");
 module.exports = NcActionInput.NcActionInput;
 //# sourceMappingURL=NcActionInput.cjs.map

package/dist/Components/NcActionInput.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionInput-DuwAyOU-.mjs";
+import { N } from "../chunks/NcActionInput-D3FN751M.mjs";
 export {
   N as default
 };

package/dist/Components/NcActionLink.cjs

@@ -1,4 +1,4 @@
-require('../assets/NcActionLink-DA3ebr8W.css');
+require('../assets/NcActionLink-CNMaob5P.css');
 "use strict";
 const actionText = require("../chunks/actionText-BcrK4uH1.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");

package/dist/Components/NcActionLink.mjs

@@ -1,4 +1,4 @@
-import '../assets/NcActionLink-DA3ebr8W.css';
+import '../assets/NcActionLink-CNMaob5P.css';
 import { A as ActionTextMixin } from "../chunks/actionText-fFcUPi2g.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 const _sfc_main = {

package/dist/Components/NcActionRouter.cjs

@@ -1,4 +1,4 @@
-require('../assets/NcActionRouter-DlqXQ6ai.css');
+require('../assets/NcActionRouter-zXuKLsvi.css');
 "use strict";
 const actionText = require("../chunks/actionText-BcrK4uH1.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");

package/dist/Components/NcActionRouter.mjs

@@ -1,4 +1,4 @@
-import '../assets/NcActionRouter-DlqXQ6ai.css';
+import '../assets/NcActionRouter-zXuKLsvi.css';
 import { A as ActionTextMixin } from "../chunks/actionText-fFcUPi2g.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 const _sfc_main = {

package/dist/Components/NcActionText.cjs

@@ -1,4 +1,4 @@
-require('../assets/NcActionText-Cvug6qMa.css');
+require('../assets/NcActionText-Rad4JSXq.css');
 "use strict";
 const actionText = require("../chunks/actionText-BcrK4uH1.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
@@ -16,7 +16,7 @@ var _sfc_render = function render() {
   var _vm = this, _c = _vm._self._c;
   return _c("li", { staticClass: "action", attrs: { "role": _vm.isInSemanticMenu && "presentation" } }, [_c("span", { staticClass: "action-text", on: { "click": _vm.onClick } }, [_vm._t("icon", function() {
     return [_vm.icon !== "" ? _c("span", { staticClass: "action-text__icon", class: [_vm.isIconUrl ? "action-text__icon--url" : _vm.icon], style: { backgroundImage: _vm.isIconUrl ? `url(${_vm.icon})` : null }, attrs: { "aria-hidden": "true" } }) : _vm._e()];
-  }), _vm.name ? _c("span", { staticClass: "action-text__longtext-wrapper" }, [_c("strong", { staticClass: "action-text__name" }, [_vm._v(" " + _vm._s(_vm.name) + " ")]), _c("br"), _c("span", { staticClass: "action-text__longtext", domProps: { "textContent": _vm._s(_vm.text) } })]) : _vm.isLongText ? _c("span", { staticClass: "action-text__longtext", domProps: { "textContent": _vm._s(_vm.text) } }) : _c("span", { staticClass: "action-text__text" }, [_vm._v(_vm._s(_vm.text))]), _vm._e()], 2)]);
+  }), _vm.name ? _c("span", { staticClass: "action-text__longtext-wrapper" }, [_c("strong", { staticClass: "action-text__name" }, [_vm._v(" " + _vm._s(_vm.name) + " ")]), _c("span", { staticClass: "action-text__longtext", domProps: { "textContent": _vm._s(_vm.text) } })]) : _vm.isLongText ? _c("span", { staticClass: "action-text__longtext", domProps: { "textContent": _vm._s(_vm.text) } }) : _c("span", { staticClass: "action-text__text" }, [_vm._v(_vm._s(_vm.text))]), _vm._e()], 2)]);
 };
 var _sfc_staticRenderFns = [];
 var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
@@ -25,7 +25,7 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "824615f4"
+  "6a01d6d2"
 );
 const NcActionText = __component__.exports;
 module.exports = NcActionText;

package/dist/Components/NcActionText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcActionText.cjs","sources":["../../src/components/NcActionText/NcActionText.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<li class=\"action\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<span class=\"action-text\"\n\t\t\t@click=\"onClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span v-if=\"icon !== ''\"\n\t\t\t\t\t:class=\"[isIconUrl ? 'action-text__icon--url' : icon]\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\tclass=\"action-text__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-text__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-text__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<br>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-text__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-text__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-text__text\">{{ text }}</span>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport ActionTextMixin from '../../mixins/actionText.js'\n\nexport default {\n\tname: 'NcActionText',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action-item('text');\n@include action--disabled;\n\n.action-text {\n\t&,\n\tspan {\n\t\tcursor: default;\n\t}\n}\n</style>\n"],"names":["ActionTextMixin"],"mappings":";;;AAiDA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAAA,WAAAA,eAAA;AAAA,EAEA,QAAA;AAAA,IACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcActionText.cjs","sources":["../../src/components/NcActionText/NcActionText.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<li class=\"action\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<span class=\"action-text\"\n\t\t\t@click=\"onClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span v-if=\"icon !== ''\"\n\t\t\t\t\t:class=\"[isIconUrl ? 'action-text__icon--url' : icon]\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\tclass=\"action-text__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-text__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-text__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-text__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-text__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-text__text\">{{ text }}</span>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport ActionTextMixin from '../../mixins/actionText.js'\n\nexport default {\n\tname: 'NcActionText',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action-item('text');\n@include action--disabled;\n\n.action-text {\n\t&,\n\tspan {\n\t\tcursor: default;\n\t}\n}\n</style>\n"],"names":["ActionTextMixin"],"mappings":";;;AAgDA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAAA,WAAAA,eAAA;AAAA,EAEA,QAAA;AAAA,IACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcActionText.mjs

@@ -1,4 +1,4 @@
-import '../assets/NcActionText-Cvug6qMa.css';
+import '../assets/NcActionText-Rad4JSXq.css';
 import { A as ActionTextMixin } from "../chunks/actionText-fFcUPi2g.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 const _sfc_main = {
@@ -15,7 +15,7 @@ var _sfc_render = function render() {
   var _vm = this, _c = _vm._self._c;
   return _c("li", { staticClass: "action", attrs: { "role": _vm.isInSemanticMenu && "presentation" } }, [_c("span", { staticClass: "action-text", on: { "click": _vm.onClick } }, [_vm._t("icon", function() {
     return [_vm.icon !== "" ? _c("span", { staticClass: "action-text__icon", class: [_vm.isIconUrl ? "action-text__icon--url" : _vm.icon], style: { backgroundImage: _vm.isIconUrl ? `url(${_vm.icon})` : null }, attrs: { "aria-hidden": "true" } }) : _vm._e()];
-  }), _vm.name ? _c("span", { staticClass: "action-text__longtext-wrapper" }, [_c("strong", { staticClass: "action-text__name" }, [_vm._v(" " + _vm._s(_vm.name) + " ")]), _c("br"), _c("span", { staticClass: "action-text__longtext", domProps: { "textContent": _vm._s(_vm.text) } })]) : _vm.isLongText ? _c("span", { staticClass: "action-text__longtext", domProps: { "textContent": _vm._s(_vm.text) } }) : _c("span", { staticClass: "action-text__text" }, [_vm._v(_vm._s(_vm.text))]), _vm._e()], 2)]);
+  }), _vm.name ? _c("span", { staticClass: "action-text__longtext-wrapper" }, [_c("strong", { staticClass: "action-text__name" }, [_vm._v(" " + _vm._s(_vm.name) + " ")]), _c("span", { staticClass: "action-text__longtext", domProps: { "textContent": _vm._s(_vm.text) } })]) : _vm.isLongText ? _c("span", { staticClass: "action-text__longtext", domProps: { "textContent": _vm._s(_vm.text) } }) : _c("span", { staticClass: "action-text__text" }, [_vm._v(_vm._s(_vm.text))]), _vm._e()], 2)]);
 };
 var _sfc_staticRenderFns = [];
 var __component__ = /* @__PURE__ */ normalizeComponent(
@@ -24,7 +24,7 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "824615f4"
+  "6a01d6d2"
 );
 const NcActionText = __component__.exports;
 export {

package/dist/Components/NcActionText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcActionText.mjs","sources":["../../src/components/NcActionText/NcActionText.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<li class=\"action\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<span class=\"action-text\"\n\t\t\t@click=\"onClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span v-if=\"icon !== ''\"\n\t\t\t\t\t:class=\"[isIconUrl ? 'action-text__icon--url' : icon]\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\tclass=\"action-text__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-text__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-text__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<br>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-text__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-text__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-text__text\">{{ text }}</span>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport ActionTextMixin from '../../mixins/actionText.js'\n\nexport default {\n\tname: 'NcActionText',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action-item('text');\n@include action--disabled;\n\n.action-text {\n\t&,\n\tspan {\n\t\tcursor: default;\n\t}\n}\n</style>\n"],"names":[],"mappings":";;AAiDA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAA,eAAA;AAAA,EAEA,QAAA;AAAA,IACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcActionText.mjs","sources":["../../src/components/NcActionText/NcActionText.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<li class=\"action\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<span class=\"action-text\"\n\t\t\t@click=\"onClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span v-if=\"icon !== ''\"\n\t\t\t\t\t:class=\"[isIconUrl ? 'action-text__icon--url' : icon]\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\tclass=\"action-text__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-text__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-text__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-text__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-text__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-text__text\">{{ text }}</span>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport ActionTextMixin from '../../mixins/actionText.js'\n\nexport default {\n\tname: 'NcActionText',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action-item('text');\n@include action--disabled;\n\n.action-text {\n\t&,\n\tspan {\n\t\tcursor: default;\n\t}\n}\n</style>\n"],"names":[],"mappings":";;AAgDA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAA,eAAA;AAAA,EAEA,QAAA;AAAA,IACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcActionTextEditable.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActionTextEditable = require("../chunks/NcActionTextEditable-s1Xqpg6x.cjs");
+const NcActionTextEditable = require("../chunks/NcActionTextEditable-Du_71yLe.cjs");
 module.exports = NcActionTextEditable.NcActionTextEditable;
 //# sourceMappingURL=NcActionTextEditable.cjs.map

package/dist/Components/NcActionTextEditable.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionTextEditable-BYqqHPj2.mjs";
+import { N } from "../chunks/NcActionTextEditable-a_607PST.mjs";
 export {
   N as default
 };

package/dist/Components/NcActions.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcActions = require("../chunks/NcActions-B7DbEbCo.cjs");
+const NcActions = require("../chunks/NcActions-DvZOLPjX.cjs");
 module.exports = NcActions.NcActions;
 //# sourceMappingURL=NcActions.cjs.map

package/dist/Components/NcActions.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActions-DEZO46mP.mjs";
+import { N } from "../chunks/NcActions-CzpbMJoY.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppContent.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppContent = require("../chunks/NcAppContent-CiYhQ9r8.cjs");
+const NcAppContent = require("../chunks/NcAppContent-CItX43vM.cjs");
 module.exports = NcAppContent.NcAppContent;
 //# sourceMappingURL=NcAppContent.cjs.map

package/dist/Components/NcAppContent.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppContent-LEyo6v0_.mjs";
+import { N } from "../chunks/NcAppContent-CP6G4fZX.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigation.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigation = require("../chunks/NcAppNavigation-DBfTz6qV.cjs");
+const NcAppNavigation = require("../chunks/NcAppNavigation-C86dBexT.cjs");
 module.exports = NcAppNavigation.NcAppNavigation;
 //# sourceMappingURL=NcAppNavigation.cjs.map

package/dist/Components/NcAppNavigation.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigation-H8Gvbq5E.mjs";
+import { N } from "../chunks/NcAppNavigation-sCuN3OZe.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationCaption.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationCaption = require("../chunks/NcAppNavigationCaption-CMnWvBgA.cjs");
+const NcAppNavigationCaption = require("../chunks/NcAppNavigationCaption-B53sg-pO.cjs");
 module.exports = NcAppNavigationCaption.NcAppNavigationCaption;
 //# sourceMappingURL=NcAppNavigationCaption.cjs.map

package/dist/Components/NcAppNavigationCaption.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationCaption-CkIBHQGQ.mjs";
+import { N } from "../chunks/NcAppNavigationCaption-B-5VHm-a.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationItem.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationItem = require("../chunks/NcAppNavigationItem-BXAslQdH.cjs");
+const NcAppNavigationItem = require("../chunks/NcAppNavigationItem-huCt6Fb0.cjs");
 module.exports = NcAppNavigationItem.NcAppNavigationItem;
 //# sourceMappingURL=NcAppNavigationItem.cjs.map

package/dist/Components/NcAppNavigationItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationItem-CjhP63uG.mjs";
+import { N } from "../chunks/NcAppNavigationItem-D7Y5mGGC.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationNewItem.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationNewItem = require("../chunks/NcAppNavigationNewItem-BLek0JRU.cjs");
+const NcAppNavigationNewItem = require("../chunks/NcAppNavigationNewItem-CQB6KhNm.cjs");
 module.exports = NcAppNavigationNewItem.NcAppNavigationNewItem;
 //# sourceMappingURL=NcAppNavigationNewItem.cjs.map

package/dist/Components/NcAppNavigationNewItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationNewItem-DGjgp78o.mjs";
+import { N } from "../chunks/NcAppNavigationNewItem-DgTuysCV.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationSearch.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationSearch = require("../chunks/NcAppNavigationSearch-BblolNaS.cjs");
+const NcAppNavigationSearch = require("../chunks/NcAppNavigationSearch-BxhJ30Ai.cjs");
 module.exports = NcAppNavigationSearch.NcAppNavigationSearch;
 //# sourceMappingURL=NcAppNavigationSearch.cjs.map

package/dist/Components/NcAppNavigationSearch.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationSearch-DTW6CtnU.mjs";
+import { N } from "../chunks/NcAppNavigationSearch-9NTDoHar.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationSettings.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppNavigationSettings = require("../chunks/NcAppNavigationSettings-ppse1A0c.cjs");
+const NcAppNavigationSettings = require("../chunks/NcAppNavigationSettings-x3sCPjbc.cjs");
 module.exports = NcAppNavigationSettings.NcAppNavigationSettings;
 //# sourceMappingURL=NcAppNavigationSettings.cjs.map

package/dist/Components/NcAppNavigationSettings.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationSettings-t9JntjoG.mjs";
+import { N } from "../chunks/NcAppNavigationSettings-CS36ibjM.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationToggle.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const NcAppNavigationToggle = require("../chunks/NcAppNavigationToggle-CUGOWggc.cjs");
+const NcAppNavigationToggle = require("../chunks/NcAppNavigationToggle-BesLZbAe.cjs");
 exports.NcAppNavigationSpacer = NcAppNavigationToggle.NcAppNavigationToggle;
 exports.default = NcAppNavigationToggle.NcAppNavigationToggle;
 //# sourceMappingURL=NcAppNavigationToggle.cjs.map

package/dist/Components/NcAppNavigationToggle.mjs

@@ -1,4 +1,4 @@
-import { N as NcAppNavigationToggle } from "../chunks/NcAppNavigationToggle-CjPJB2s3.mjs";
+import { N as NcAppNavigationToggle } from "../chunks/NcAppNavigationToggle-5vSrAnr1.mjs";
 export {
   NcAppNavigationToggle as NcAppNavigationSpacer,
   NcAppNavigationToggle as default

package/dist/Components/NcAppSettingsDialog.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppSettingsDialog = require("../chunks/NcAppSettingsDialog-6cTux_qA.cjs");
+const NcAppSettingsDialog = require("../chunks/NcAppSettingsDialog-B6CvUEz6.cjs");
 module.exports = NcAppSettingsDialog.NcAppSettingsDialog;
 //# sourceMappingURL=NcAppSettingsDialog.cjs.map

package/dist/Components/NcAppSettingsDialog.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSettingsDialog-C5uE1lh5.mjs";
+import { N } from "../chunks/NcAppSettingsDialog-DBViVlqo.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppSidebar.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppSidebar = require("../chunks/NcAppSidebar-C8jffFJX.cjs");
+const NcAppSidebar = require("../chunks/NcAppSidebar-BtJnp-19.cjs");
 module.exports = NcAppSidebar.NcAppSidebar;
 //# sourceMappingURL=NcAppSidebar.cjs.map

package/dist/Components/NcAppSidebar.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSidebar-C_C76E_8.mjs";
+import { N } from "../chunks/NcAppSidebar-6PtLRD0F.mjs";
 export {
   N as default
 };

package/dist/Components/NcAvatar.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAvatar = require("../chunks/NcAvatar-B8FOIz7P.cjs");
+const NcAvatar = require("../chunks/NcAvatar-CbUnw3_c.cjs");
 module.exports = NcAvatar.NcAvatar;
 //# sourceMappingURL=NcAvatar.cjs.map

package/dist/Components/NcAvatar.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAvatar-CTzwxkvv.mjs";
+import { N } from "../chunks/NcAvatar-DC7NtEPz.mjs";
 export {
   N as default
 };

package/dist/Components/NcBreadcrumb.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcBreadcrumb = require("../chunks/NcBreadcrumb-BExltxiq.cjs");
+const NcBreadcrumb = require("../chunks/NcBreadcrumb-K0ol_C7l.cjs");
 module.exports = NcBreadcrumb.NcBreadcrumb;
 //# sourceMappingURL=NcBreadcrumb.cjs.map

package/dist/Components/NcBreadcrumb.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcBreadcrumb-c6GeY5FH.mjs";
+import { N } from "../chunks/NcBreadcrumb-WO64bNkF.mjs";
 export {
   N as default
 };

package/dist/Components/NcBreadcrumbs.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-Q3JgS6gv.cjs");
+const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-Ds40ClR-.cjs");
 module.exports = NcBreadcrumbs.NcBreadcrumbs;
 //# sourceMappingURL=NcBreadcrumbs.cjs.map

package/dist/Components/NcBreadcrumbs.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcBreadcrumbs-CPmhYEn-.mjs";
+import { N } from "../chunks/NcBreadcrumbs-DrTlt5X4.mjs";
 export {
   N as default
 };

package/dist/Components/NcCheckboxRadioSwitch.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcCheckboxRadioSwitch = require("../chunks/NcCheckboxRadioSwitch-DbK49DI7.cjs");
+const NcCheckboxRadioSwitch = require("../chunks/NcCheckboxRadioSwitch-IOUKKqSP.cjs");
 module.exports = NcCheckboxRadioSwitch.NcCheckboxRadioSwitch;
 //# sourceMappingURL=NcCheckboxRadioSwitch.cjs.map

package/dist/Components/NcCheckboxRadioSwitch.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcCheckboxRadioSwitch-Di9rSADK.mjs";
+import { N } from "../chunks/NcCheckboxRadioSwitch-BIEYfWtF.mjs";
 export {
   N as default
 };

package/dist/Components/NcChip.cjs

@@ -1,10 +1,10 @@
-require('../assets/NcChip-BNLuZgd6.css');
+require('../assets/NcChip-CF4Q149V.css');
 "use strict";
-const mdi = require("../chunks/mdi-Da9VuUVq.cjs");
+const mdi = require("../chunks/mdi-BflUJIiB.cjs");
 const Vue = require("vue");
-const _l10n = require("../chunks/_l10n-BiiXtYiP.cjs");
-const NcActions = require("../chunks/NcActions-B7DbEbCo.cjs");
-const NcActionButton = require("../chunks/NcActionButton-CXeEXQLT.cjs");
+const _l10n = require("../chunks/_l10n-CXXSIoEf.cjs");
+const NcActions = require("../chunks/NcActions-DvZOLPjX.cjs");
+const NcActionButton = require("../chunks/NcActionButton-DBh812gJ.cjs");
 const NcIconSvgWrapper = require("../chunks/NcIconSvgWrapper-CrnN5Sq5.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 _l10n.register(_l10n.t17);
@@ -20,7 +20,14 @@ const _sfc_main = {
       default: _l10n.t("Close")
     },
     /**
-     * Main text of the chip
+     * Container for the actions
+     */
+    actionsContainer: {
+      type: String,
+      default: "body"
+    },
+    /**
+     * Main text of the chip.
      */
     text: {
       type: String,
@@ -95,7 +102,7 @@ var _sfc_render = function render() {
     return [_vm.iconPath || _vm.iconSvg ? _c(_setup.NcIconSvgWrapper, { attrs: { "inline": "", "path": _vm.iconPath, "svg": _vm.iconPath ? void 0 : _vm.iconSvg, "size": 18 } }) : _vm._e()];
   })], 2) : _vm._e(), _c("span", { staticClass: "nc-chip__text" }, [_vm._t("default", function() {
     return [_vm._v(_vm._s(_vm.text))];
-  })], 2), _setup.canClose || _setup.hasActions() ? _c(_setup.NcActions, { staticClass: "nc-chip__actions", attrs: { "force-menu": !_setup.canClose, "variant": "tertiary-no-background" } }, [_setup.canClose ? _c(_setup.NcActionButton, { attrs: { "close-after-click": "" }, on: { "click": _setup.onClose }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+  })], 2), _setup.canClose || _setup.hasActions() ? _c(_setup.NcActions, { staticClass: "nc-chip__actions", attrs: { "container": _vm.actionsContainer, "force-menu": !_setup.canClose, "variant": "tertiary-no-background" } }, [_setup.canClose ? _c(_setup.NcActionButton, { attrs: { "close-after-click": "" }, on: { "click": _setup.onClose }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
     return [_c(_setup.NcIconSvgWrapper, { attrs: { "path": _setup.mdiClose, "size": 20 } })];
   }, proxy: true }], null, false, 2547223506) }, [_vm._v(" " + _vm._s(_vm.ariaLabelClose) + " ")]) : _vm._e(), _vm._t("actions")], 2) : _vm._e()], 1);
 };
@@ -106,7 +113,7 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "e82c5d32"
+  "a7b8715a"
 );
 const NcChip = __component__.exports;
 module.exports = NcChip;