@nextcloud/vue 9.0.0-rc.1 → 9.0.0-rc.2

package/dist/assets/{NcRichText-BbVi69cc.css → NcRichText-GnQKcHYO.css}

@@ -31,7 +31,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-403b817c] {
+.material-design-icon[data-v-9d3e4618] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -50,196 +50,196 @@
 * - dark theme: highlight.js/styles/github-dark.css
 * and reworked to use with Nextcloud dark and light theme
 */
-.rich-text--wrapper[data-v-403b817c] {
-  word-break: break-word;
+.rich-text--wrapper[data-v-9d3e4618] {
+  overflow-wrap: break-word;
   line-height: 1.5;
 }
-.rich-text--wrapper .rich-text--fallback[data-v-403b817c], .rich-text--wrapper .rich-text-component[data-v-403b817c] {
+.rich-text--wrapper .rich-text--fallback[data-v-9d3e4618], .rich-text--wrapper .rich-text-component[data-v-9d3e4618] {
   display: inline;
 }
-.rich-text--wrapper .rich-text--external-link[data-v-403b817c] {
+.rich-text--wrapper .rich-text--external-link[data-v-9d3e4618] {
   text-decoration: underline;
 }
-.rich-text--wrapper .rich-text--external-link[data-v-403b817c]:after {
+.rich-text--wrapper .rich-text--external-link[data-v-9d3e4618]:after {
   content: " ↗";
 }
 
 /* Markdown styles */
-.rich-text--wrapper-markdown[data-v-403b817c] {
+.rich-text--wrapper-markdown[data-v-9d3e4618] {
   tab-size: 4;
   /* Flavored Markdown styles */
 }
-.rich-text--wrapper-markdown div[data-v-403b817c] > *:first-child,
-.rich-text--wrapper-markdown blockquote[data-v-403b817c] > *:first-child {
+.rich-text--wrapper-markdown div[data-v-9d3e4618] > *:first-child,
+.rich-text--wrapper-markdown blockquote[data-v-9d3e4618] > *:first-child {
   margin-top: 0 !important;
 }
-.rich-text--wrapper-markdown div[data-v-403b817c] > *:last-child,
-.rich-text--wrapper-markdown blockquote[data-v-403b817c] > *:last-child {
+.rich-text--wrapper-markdown div[data-v-9d3e4618] > *:last-child,
+.rich-text--wrapper-markdown blockquote[data-v-9d3e4618] > *:last-child {
   margin-block-end: 0 !important;
 }
-.rich-text--wrapper-markdown blockquote[data-v-403b817c] {
+.rich-text--wrapper-markdown blockquote[data-v-9d3e4618] {
   padding-inline-start: 13px;
   border-inline-start: 2px solid var(--color-border-dark);
   color: var(--color-text-lighter);
 }
-.rich-text--wrapper-markdown h1[data-v-403b817c], .rich-text--wrapper-markdown h2[data-v-403b817c], .rich-text--wrapper-markdown h3[data-v-403b817c], .rich-text--wrapper-markdown h4[data-v-403b817c], .rich-text--wrapper-markdown h5[data-v-403b817c], .rich-text--wrapper-markdown h6[data-v-403b817c], .rich-text--wrapper-markdown p[data-v-403b817c], .rich-text--wrapper-markdown ul[data-v-403b817c], .rich-text--wrapper-markdown ol[data-v-403b817c], .rich-text--wrapper-markdown blockquote[data-v-403b817c], .rich-text--wrapper-markdown pre[data-v-403b817c] {
+.rich-text--wrapper-markdown h1[data-v-9d3e4618], .rich-text--wrapper-markdown h2[data-v-9d3e4618], .rich-text--wrapper-markdown h3[data-v-9d3e4618], .rich-text--wrapper-markdown h4[data-v-9d3e4618], .rich-text--wrapper-markdown h5[data-v-9d3e4618], .rich-text--wrapper-markdown h6[data-v-9d3e4618], .rich-text--wrapper-markdown p[data-v-9d3e4618], .rich-text--wrapper-markdown ul[data-v-9d3e4618], .rich-text--wrapper-markdown ol[data-v-9d3e4618], .rich-text--wrapper-markdown blockquote[data-v-9d3e4618], .rich-text--wrapper-markdown pre[data-v-9d3e4618] {
   margin-top: 0;
   margin-block-end: 1em;
 }
-.rich-text--wrapper-markdown h1[data-v-403b817c], .rich-text--wrapper-markdown h2[data-v-403b817c], .rich-text--wrapper-markdown h3[data-v-403b817c], .rich-text--wrapper-markdown h4[data-v-403b817c], .rich-text--wrapper-markdown h5[data-v-403b817c], .rich-text--wrapper-markdown h6[data-v-403b817c] {
+.rich-text--wrapper-markdown h1[data-v-9d3e4618], .rich-text--wrapper-markdown h2[data-v-9d3e4618], .rich-text--wrapper-markdown h3[data-v-9d3e4618], .rich-text--wrapper-markdown h4[data-v-9d3e4618], .rich-text--wrapper-markdown h5[data-v-9d3e4618], .rich-text--wrapper-markdown h6[data-v-9d3e4618] {
   font-weight: bold;
 }
-.rich-text--wrapper-markdown h1[data-v-403b817c] {
+.rich-text--wrapper-markdown h1[data-v-9d3e4618] {
   font-size: 30px;
 }
-.rich-text--wrapper-markdown ul[data-v-403b817c], .rich-text--wrapper-markdown ol[data-v-403b817c] {
+.rich-text--wrapper-markdown ul[data-v-9d3e4618], .rich-text--wrapper-markdown ol[data-v-9d3e4618] {
   padding-inline-start: 4ch;
 }
-.rich-text--wrapper-markdown ul[data-v-403b817c] {
+.rich-text--wrapper-markdown ul[data-v-9d3e4618] {
   list-style-type: disc;
 }
-.rich-text--wrapper-markdown ul.contains-task-list[data-v-403b817c] {
+.rich-text--wrapper-markdown ul.contains-task-list[data-v-9d3e4618] {
   list-style-type: none;
   padding: 0;
 }
-.rich-text--wrapper-markdown li.task-list-item > ul[data-v-403b817c],
-.rich-text--wrapper-markdown li.task-list-item > ol[data-v-403b817c],
-.rich-text--wrapper-markdown li.task-list-item > li[data-v-403b817c],
-.rich-text--wrapper-markdown li.task-list-item > blockquote[data-v-403b817c],
-.rich-text--wrapper-markdown li.task-list-item > pre[data-v-403b817c] {
+.rich-text--wrapper-markdown li.task-list-item > ul[data-v-9d3e4618],
+.rich-text--wrapper-markdown li.task-list-item > ol[data-v-9d3e4618],
+.rich-text--wrapper-markdown li.task-list-item > li[data-v-9d3e4618],
+.rich-text--wrapper-markdown li.task-list-item > blockquote[data-v-9d3e4618],
+.rich-text--wrapper-markdown li.task-list-item > pre[data-v-9d3e4618] {
   margin-inline-start: 15px;
   margin-block-end: 0;
 }
-.rich-text--wrapper-markdown table[data-v-403b817c] {
+.rich-text--wrapper-markdown table[data-v-9d3e4618] {
   border-collapse: collapse;
   border: 2px solid var(--color-border-maxcontrast);
 }
-.rich-text--wrapper-markdown table th[data-v-403b817c],
-.rich-text--wrapper-markdown table td[data-v-403b817c] {
+.rich-text--wrapper-markdown table th[data-v-9d3e4618],
+.rich-text--wrapper-markdown table td[data-v-9d3e4618] {
   padding: var(--default-grid-baseline);
   border: 1px solid var(--color-border-maxcontrast);
 }
-.rich-text--wrapper-markdown table th[data-v-403b817c]:first-child,
-.rich-text--wrapper-markdown table td[data-v-403b817c]:first-child {
+.rich-text--wrapper-markdown table th[data-v-9d3e4618]:first-child,
+.rich-text--wrapper-markdown table td[data-v-9d3e4618]:first-child {
   border-inline-start: 0;
 }
-.rich-text--wrapper-markdown table th[data-v-403b817c]:last-child,
-.rich-text--wrapper-markdown table td[data-v-403b817c]:last-child {
+.rich-text--wrapper-markdown table th[data-v-9d3e4618]:last-child,
+.rich-text--wrapper-markdown table td[data-v-9d3e4618]:last-child {
   border-inline-end: 0;
 }
-.rich-text--wrapper-markdown table tr:first-child th[data-v-403b817c] {
+.rich-text--wrapper-markdown table tr:first-child th[data-v-9d3e4618] {
   border-top: 0;
 }
-.rich-text--wrapper-markdown table tr:last-child td[data-v-403b817c] {
+.rich-text--wrapper-markdown table tr:last-child td[data-v-9d3e4618] {
   border-block-end: 0;
 }
 
 /* Highlight code syntax in code blocks */
 /* stylelint-disable-next-line no-duplicate-selectors */
-.rich-text--wrapper-markdown pre[data-v-403b817c]:has(.hljs) {
+.rich-text--wrapper-markdown pre[data-v-9d3e4618]:has(.hljs) {
   color: var(--hljs-color);
   background: var(--hljs-background-color);
 }
-.rich-text--wrapper-markdown .hljs-doctag[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-keyword[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-template-tag[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-template-variable[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-type[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-variable.language_[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-doctag[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-keyword[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-template-tag[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-template-variable[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-type[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-variable.language_[data-v-9d3e4618] {
   /* prettylights-syntax-keyword */
   color: var(--hljs-syntax-keyword-color);
 }
-.rich-text--wrapper-markdown .hljs-title[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-title.class_[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-title.function_[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-title[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-title.class_[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-title.function_[data-v-9d3e4618] {
   /* prettylights-syntax-entity */
   color: var(--hljs-syntax-entity-color);
 }
-.rich-text--wrapper-markdown .hljs-attr[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-attribute[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-literal[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-meta[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-number[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-operator[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-variable[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-selector-attr[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-selector-class[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-selector-id[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-attr[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-attribute[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-literal[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-meta[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-number[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-operator[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-variable[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-selector-attr[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-selector-class[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-selector-id[data-v-9d3e4618] {
   /* prettylights-syntax-constant */
   color: var(--hljs-syntax-constant-color);
 }
-.rich-text--wrapper-markdown .hljs-regexp[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-string[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-regexp[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-string[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-9d3e4618] {
   /* prettylights-syntax-string */
   color: var(--hljs-syntax-string-color);
 }
-.rich-text--wrapper-markdown .hljs-built_in[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-symbol[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-built_in[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-symbol[data-v-9d3e4618] {
   /* prettylights-syntax-variable */
   color: var(--hljs-syntax-variable-color);
 }
-.rich-text--wrapper-markdown .hljs-comment[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-code[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-formula[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-comment[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-code[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-formula[data-v-9d3e4618] {
   /* prettylights-syntax-comment */
   color: var(--hljs-syntax-comment-color);
 }
-.rich-text--wrapper-markdown .hljs-name[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-quote[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-selector-tag[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-name[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-quote[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-selector-tag[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-9d3e4618] {
   /* prettylights-syntax-entity-tag */
   color: var(--hljs-syntax-entity-tag-color);
 }
-.rich-text--wrapper-markdown .hljs-subst[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-subst[data-v-9d3e4618] {
   /* prettylights-syntax-storage-modifier-import */
   color: var(--hljs-syntax-storage-modifier-import-color);
 }
-.rich-text--wrapper-markdown .hljs-section[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-section[data-v-9d3e4618] {
   /* prettylights-syntax-markup-heading */
   color: var(--hljs-syntax-markup-heading-color);
   font-weight: bold;
 }
-.rich-text--wrapper-markdown .hljs-bullet[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-bullet[data-v-9d3e4618] {
   /* prettylights-syntax-markup-list */
   color: var(--hljs-syntax-markup-list-color);
 }
-.rich-text--wrapper-markdown .hljs-emphasis[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-emphasis[data-v-9d3e4618] {
   /* prettylights-syntax-markup-italic */
   color: var(--hljs-syntax-markup-italic-color);
   font-style: italic;
 }
-.rich-text--wrapper-markdown .hljs-strong[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-strong[data-v-9d3e4618] {
   /* prettylights-syntax-markup-bold */
   color: var(--hljs-syntax-markup-bold-color);
   font-weight: bold;
 }
-.rich-text--wrapper-markdown .hljs-addition[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-addition[data-v-9d3e4618] {
   /* prettylights-syntax-markup-inserted */
   color: var(--hljs-syntax-markup-inserted-color);
   background-color: var(--hljs-syntax-markup-inserted-background-color);
 }
-.rich-text--wrapper-markdown .hljs-deletion[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-deletion[data-v-9d3e4618] {
   /* prettylights-syntax-markup-deleted */
   color: var(--hljs-syntax-markup-deleted-color);
   background-color: var(--hljs-syntax-markup-deleted-background-color);
 }
-.rich-text--wrapper-markdown .hljs-char.escape_[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-link[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-params[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-property[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-punctuation[data-v-403b817c],
-.rich-text--wrapper-markdown .hljs-tag[data-v-403b817c] {
+.rich-text--wrapper-markdown .hljs-char.escape_[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-link[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-params[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-property[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-punctuation[data-v-9d3e4618],
+.rich-text--wrapper-markdown .hljs-tag[data-v-9d3e4618] {
   /* purposely ignored */
 }
-a[data-v-403b817c]:not(.rich-text--component) {
+a[data-v-9d3e4618]:not(.rich-text--component) {
   text-decoration: underline;
 }
 @media (prefers-color-scheme: light) {
-.rich-text--wrapper-markdown[data-v-403b817c] {
+.rich-text--wrapper-markdown[data-v-9d3e4618] {
     --hljs-color: var(--color-main-text, #24292e);
     --hljs-background-color: var(--color-background-dark, #ffffff);
     --hljs-syntax-keyword-color: #d73a49;
@@ -259,7 +259,7 @@ a[data-v-403b817c]:not(.rich-text--component) {
     --hljs-syntax-markup-deleted-color: #b31d28;
     --hljs-syntax-markup-deleted-background-color: #ffeef0;
 }
-[data-theme-dark] .rich-text--wrapper-markdown[data-v-403b817c] {
+[data-theme-dark] .rich-text--wrapper-markdown[data-v-9d3e4618] {
     --hljs-color: var(--color-main-text, #c9d1d9);
     --hljs-background-color: var(--color-background-dark, #0d1117);
     --hljs-syntax-keyword-color: #ff7b72;
@@ -281,7 +281,7 @@ a[data-v-403b817c]:not(.rich-text--component) {
 }
 }
 @media (prefers-color-scheme: dark) {
-.rich-text--wrapper-markdown[data-v-403b817c] {
+.rich-text--wrapper-markdown[data-v-9d3e4618] {
     --hljs-color: var(--color-main-text, #c9d1d9);
     --hljs-background-color: var(--color-background-dark, #0d1117);
     --hljs-syntax-keyword-color: #ff7b72;
@@ -301,7 +301,7 @@ a[data-v-403b817c]:not(.rich-text--component) {
     --hljs-syntax-markup-deleted-color: #ffdcd7;
     --hljs-syntax-markup-deleted-background-color: #67060c;
 }
-[data-theme-light] .rich-text--wrapper-markdown[data-v-403b817c] {
+[data-theme-light] .rich-text--wrapper-markdown[data-v-9d3e4618] {
     --hljs-color: var(--color-main-text, #24292e);
     --hljs-background-color: var(--color-background-dark, #ffffff);
     --hljs-syntax-keyword-color: #d73a49;

package/dist/assets/NcSelectUsers-2-PyuY9Z.css

@@ -0,0 +1,4 @@
+
+.nc-select-users[data-v-46deeb53] .vs__selected {
+	padding-inline: 0 5px !important;
+}

package/dist/assets/{NcUserStatusIcon-Du-BEPk_.css → NcUserStatusIcon-CtJLt6AU.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-c4f818e0] {
+.material-design-icon[data-v-350f3d1c] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.user-status-icon[data-v-c4f818e0] {
+.user-status-icon[data-v-350f3d1c] {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -25,6 +25,6 @@
   max-width: 20px;
   max-height: 20px;
 }
-.user-status-icon--invisible[data-v-c4f818e0] {
+.user-status-icon--invisible[data-v-350f3d1c] {
   filter: var(--background-invert-if-dark);
 }

package/dist/chunks/{ArrowRight-DQT24Cb-.mjs → ArrowRight-DRKHUZMH.mjs}

@@ -42,8 +42,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, _hoisted_2))
   ], 16, _hoisted_1);
 }
-const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const IconArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  ArrowRight as A
+  IconArrowRight as I
 };
-//# sourceMappingURL=ArrowRight-DQT24Cb-.mjs.map
+//# sourceMappingURL=ArrowRight-DRKHUZMH.mjs.map

package/dist/chunks/{ArrowRight-DQT24Cb-.mjs.map → ArrowRight-DRKHUZMH.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ArrowRight-DQT24Cb-.mjs","sources":["../../node_modules/vue-material-design-icons/ArrowRight.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon arrow-right-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"ArrowRightIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>"],"names":["_createElementBlock","_mergeProps","_createElementVNode","_createCommentVNode"],"mappings":";;AAoBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO,CAAC,OAAO;AAAA,EACf,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,IACP;AAAA,IACD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;AApCA,MAAA,aAAA,CAAA,eAAA,YAAA;AAAA,MAAA,aAAA,CAAA,QAAA,SAAA,QAAA;AAYY,MAAA,aAAA,EAAA,GAAE,0EAAyE;qBAZvF,KAAA,EAAA;;sBACEA,mBAeO,QAfPC,WAAc,KAAM,QAAA;AAAA,IACb,eAAa,OAAK,QAAA,OAAA;AAAA,IAClB,cAAY,OAAK;AAAA,IAClB,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAU,MAAM;AAAA;kBACjCD,mBAQM,OAAA;AAAA,MARA,MAAM,OAAS;AAAA,MAChB,OAAM;AAAA,MACL,OAAO,OAAI;AAAA,MACX,QAAQ,OAAI;AAAA,MACb,SAAQ;AAAA;MACXE,mBAEO,QAFP,YAEO;AAAA,QADQ,OAAK,sBAAlBF,mBAAuC,SAb/C,4BAa+B,OAAK,KAAA,GAAA,CAAA,KAbpCG,mBAAA,IAAA,IAAA;AAAA;IAAA,GAAA,GAAA,UAAA;AAAA,EAAA,GAAA,IAAA,UAAA;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"ArrowRight-DRKHUZMH.mjs","sources":["../../node_modules/vue-material-design-icons/ArrowRight.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon arrow-right-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"ArrowRightIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>"],"names":["_createElementBlock","_mergeProps","_createElementVNode","_createCommentVNode"],"mappings":";;AAoBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO,CAAC,OAAO;AAAA,EACf,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,IACP;AAAA,IACD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;AApCA,MAAA,aAAA,CAAA,eAAA,YAAA;AAAA,MAAA,aAAA,CAAA,QAAA,SAAA,QAAA;AAYY,MAAA,aAAA,EAAA,GAAE,0EAAyE;qBAZvF,KAAA,EAAA;;sBACEA,mBAeO,QAfPC,WAAc,KAAM,QAAA;AAAA,IACb,eAAa,OAAK,QAAA,OAAA;AAAA,IAClB,cAAY,OAAK;AAAA,IAClB,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAU,MAAM;AAAA;kBACjCD,mBAQM,OAAA;AAAA,MARA,MAAM,OAAS;AAAA,MAChB,OAAM;AAAA,MACL,OAAO,OAAI;AAAA,MACX,QAAQ,OAAI;AAAA,MACb,SAAQ;AAAA;MACXE,mBAEO,QAFP,YAEO;AAAA,QADQ,OAAK,sBAAlBF,mBAAuC,SAb/C,4BAa+B,OAAK,KAAA,GAAA,CAAA,KAbpCG,mBAAA,IAAA,IAAA;AAAA;IAAA,GAAA,GAAA,UAAA;AAAA,EAAA,GAAA,IAAA,UAAA;;;","x_google_ignoreList":[0]}

package/dist/chunks/{NcActionButton-BZEDhdCm.mjs → NcActionButton-CnX0dQzz.mjs}

@@ -1,60 +1,14 @@
-import '../assets/NcActionButton-DfdRrSEu.css';
-import { C as Check } from "./Check-5i4xKnkl.mjs";
-import { C as ChevronRight } from "./ChevronRight-LvtA5_hq.mjs";
-import { createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, toDisplayString, resolveComponent, normalizeClass, renderSlot, createBlock, normalizeStyle } from "vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
-import { A as ActionTextMixin } from "./actionText-BiV1_BZX.mjs";
-import { i as isRtl } from "./rtl-v0UOPAM7.mjs";
+import '../assets/NcActionButton-B2G7zsju.css';
+import { m as mdiChevronRight, a as mdiCheck } from "./mdi-CR-3gwdl.mjs";
 import { a as NC_ACTIONS_IS_SEMANTIC_MENU } from "./useNcActions-CiGWxAJE.mjs";
-const _sfc_main$1 = {
-  name: "ChevronLeftIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-const _hoisted_1$1 = ["aria-hidden", "aria-label"];
-const _hoisted_2$1 = ["fill", "width", "height"];
-const _hoisted_3$1 = { d: "M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" };
-const _hoisted_4$1 = { key: 0 };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
-    "aria-hidden": $props.title ? null : "true",
-    "aria-label": $props.title,
-    class: "material-design-icon chevron-left-icon",
-    role: "img",
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-  }), [
-    (openBlock(), createElementBlock("svg", {
-      fill: $props.fillColor,
-      class: "material-design-icon__svg",
-      width: $props.size,
-      height: $props.size,
-      viewBox: "0 0 24 24"
-    }, [
-      createElementVNode("path", _hoisted_3$1, [
-        $props.title ? (openBlock(), createElementBlock("title", _hoisted_4$1, toDisplayString($props.title), 1)) : createCommentVNode("", true)
-      ])
-    ], 8, _hoisted_2$1))
-  ], 16, _hoisted_1$1);
-}
-const ChevronLeftIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+import { A as ActionTextMixin } from "./actionText-DdSwf9le.mjs";
+import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper-BOiCKv0b.mjs";
+import { resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createBlock, createCommentVNode, normalizeStyle, toDisplayString } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
 const _sfc_main = {
   name: "NcActionButton",
   components: {
-    CheckIcon: Check,
-    ChevronRightIcon: ChevronRight,
-    ChevronLeftIcon
+    NcIconSvgWrapper
   },
   mixins: [ActionTextMixin],
   inject: {
@@ -64,15 +18,6 @@ const _sfc_main = {
     }
   },
   props: {
-    /**
-     * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.
-     * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,
-     * otherwise root element will inherit incorrect aria-hidden.
-     */
-    ariaHidden: {
-      type: Boolean,
-      default: null
-    },
     /**
      * disabled state of the action button
      */
@@ -120,12 +65,20 @@ const _sfc_main = {
     value: {
       type: String,
       default: null
+    },
+    /**
+     * Small underlying text content of the entry
+     */
+    description: {
+      type: String,
+      default: ""
     }
   },
   emits: ["update:modelValue"],
   setup() {
     return {
-      isRtl
+      mdiCheck,
+      mdiChevronRight
     };
   },
   computed: {
@@ -200,25 +153,23 @@ const _sfc_main = {
 };
 const _hoisted_1 = ["role"];
 const _hoisted_2 = ["aria-label", "disabled", "title", "type"];
-const _hoisted_3 = {
+const _hoisted_3 = { class: "action-button__longtext-wrapper" };
+const _hoisted_4 = {
   key: 0,
-  class: "action-button__longtext-wrapper"
+  class: "action-button__name"
 };
-const _hoisted_4 = { class: "action-button__name" };
 const _hoisted_5 = ["textContent"];
-const _hoisted_6 = ["textContent"];
-const _hoisted_7 = {
+const _hoisted_6 = {
   key: 2,
   class: "action-button__text"
 };
+const _hoisted_7 = ["textContent"];
 const _hoisted_8 = {
-  key: 6,
+  key: 2,
   class: "action-button__pressed-icon material-design-icon"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ChevronRightIcon = resolveComponent("ChevronRightIcon");
-  const _component_ChevronLeftIcon = resolveComponent("ChevronLeftIcon");
-  const _component_CheckIcon = resolveComponent("CheckIcon");
+  const _component_NcIconSvgWrapper = resolveComponent("NcIconSvgWrapper");
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(["action", { "action--disabled": $props.disabled }]),
     role: $options.isInSemanticMenu && "presentation"
@@ -242,37 +193,35 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-hidden": "true"
         }, null, 6)
       ], true),
-      _ctx.name ? (openBlock(), createElementBlock("span", _hoisted_3, [
-        createElementVNode("strong", _hoisted_4, toDisplayString(_ctx.name), 1),
-        _cache[1] || (_cache[1] = createElementVNode("br", null, null, -1)),
-        createElementVNode("span", {
+      createElementVNode("span", _hoisted_3, [
+        _ctx.name ? (openBlock(), createElementBlock("strong", _hoisted_4, toDisplayString(_ctx.name), 1)) : createCommentVNode("", true),
+        _ctx.isLongText ? (openBlock(), createElementBlock("span", {
+          key: 1,
           class: "action-button__longtext",
           textContent: toDisplayString(_ctx.text)
-        }, null, 8, _hoisted_5)
-      ])) : _ctx.isLongText ? (openBlock(), createElementBlock("span", {
+        }, null, 8, _hoisted_5)) : (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.text), 1)),
+        $props.description ? (openBlock(), createElementBlock("span", {
+          key: 3,
+          class: "action-button__description",
+          textContent: toDisplayString($props.description)
+        }, null, 8, _hoisted_7)) : createCommentVNode("", true)
+      ]),
+      $props.isMenu ? (openBlock(), createBlock(_component_NcIconSvgWrapper, {
+        key: 0,
+        class: "action-button__menu-icon",
+        directional: "",
+        path: $setup.mdiChevronRight
+      }, null, 8, ["path"])) : $options.isChecked ? (openBlock(), createBlock(_component_NcIconSvgWrapper, {
         key: 1,
-        class: "action-button__longtext",
-        textContent: toDisplayString(_ctx.text)
-      }, null, 8, _hoisted_6)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.text), 1)),
-      $props.isMenu && !$setup.isRtl ? (openBlock(), createBlock(_component_ChevronRightIcon, {
-        key: 3,
-        size: 20,
-        class: "action-button__menu-icon"
-      })) : $props.isMenu && $setup.isRtl ? (openBlock(), createBlock(_component_ChevronLeftIcon, {
-        key: 4,
-        size: 20,
-        class: "action-button__menu-icon"
-      })) : $options.isChecked === true ? (openBlock(), createBlock(_component_CheckIcon, {
-        key: 5,
-        size: 20,
+        path: $setup.mdiCheck,
         class: "action-button__pressed-icon"
-      })) : $options.isChecked === false ? (openBlock(), createElementBlock("span", _hoisted_8)) : createCommentVNode("", true),
+      }, null, 8, ["path"])) : $options.isChecked === false ? (openBlock(), createElementBlock("span", _hoisted_8)) : createCommentVNode("", true),
       createCommentVNode("", true)
     ], 16, _hoisted_2)
   ], 10, _hoisted_1);
 }
-const NcActionButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ed182520"]]);
+const NcActionButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-992f2357"]]);
 export {
   NcActionButton as N
 };
-//# sourceMappingURL=NcActionButton-BZEDhdCm.mjs.map
+//# sourceMappingURL=NcActionButton-CnX0dQzz.mjs.map

package/dist/chunks/NcActionButton-CnX0dQzz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionButton-CnX0dQzz.mjs","sources":["../../src/components/NcActionButton/NcActionButton.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\nThis component is made to be used inside of the [NcActions](#NcActions) component slots.\n\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionButton @click=\"showMessage('Delete')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDelete\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton :close-after-click=\"true\" @click=\"showMessage('Delete and close menu')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDelete and close\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton :is-menu=\"true\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tCreate\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton :disabled=\"true\" @click=\"showMessage('Disabled')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDisabled button\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Delete from 'vue-material-design-icons/Delete.vue'\n\timport Plus from 'vue-material-design-icons/Plus.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tDelete,\n\t\t\tPlus,\n\t\t},\n\t\tmethods: {\n\t\t\tshowMessage(msg) {\n\t\t\t\talert(msg)\n\t\t\t},\n\t\t},\n\t}\n\t</script>\n```\n\nIf you're using a long text, you can specify a `name` prop.\n\nFor the same purpose, but in a more compact way, `description` prop can be used.\n\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionButton @click=\"showMessage('Add')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd new\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton name=\"Long button\" @click=\"showMessage('Delete')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tThis button is associated with a very long text.\\nAnd with new lines too.\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton description=\"Subline description for the button\" @click=\"showMessage('Edit')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tEdit\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Delete from 'vue-material-design-icons/Delete.vue'\n\timport Pencil from 'vue-material-design-icons/Pencil.vue'\n\timport Plus from 'vue-material-design-icons/Plus.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tDelete,\n\t\t\tPencil,\n\t\t\tPlus,\n\t\t},\n\t\tmethods: {\n\t\t\tshowMessage(msg) {\n\t\t\t\talert(msg)\n\t\t\t},\n\t\t},\n\t}\n\t</script>\n\n```\n\nAction icon attribute with a single action\n\n```vue\n\t<template>\n\t\t<NcActions>\n\t\t\t<NcActionButton @click=\"showMessage('Add')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd new\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</template>\n\t<script>\n\timport Plus from 'vue-material-design-icons/Plus.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tPlus,\n\t\t},\n\t\tmethods: {\n\t\t\tshowMessage(msg) {\n\t\t\t\talert(msg)\n\t\t\t},\n\t\t},\n\t}\n\t</script>\n\n```\n\nYou can also use a custom icon, for example from the vue-material-design-icons library:\n\n```vue\n<template>\n\t<NcActions>\n\t\t<NcActionButton>\n\t\t\t<template #icon>\n\t\t\t\t<HandBackLeft :size=\"20\" />\n\t\t\t</template>\n\t\t\tRaise left hand\n\t\t</NcActionButton>\n\t\t<NcActionButton>\n\t\t\t<template #icon>\n\t\t\t\t<HandBackRight :size=\"20\" />\n\t\t\t</template>\n\t\t\tRaise right hand\n\t\t</NcActionButton>\n\t</NcActions>\n</template>\n<script>\nimport HandBackLeft from 'vue-material-design-icons/HandBackLeft.vue'\nimport HandBackRight from 'vue-material-design-icons/HandBackRight.vue'\n\nexport default {\n\tcomponents: {\n\t\tHandBackLeft,\n\t\tHandBackRight,\n\t},\n}\n</script>\n```\n\n### With different model behavior\nBy default the button will act like a normal button, but it is also possible to change the behavior to a toggle button, checkbox button or radio button.\n\nFor example to have the button act like a toggle button just set the `modelValue` property to the toggle state:\n\n```vue\n<template>\n\t<NcActions>\n\t\t<NcActionButton v-model=\"fullscreen\">\n\t\t\t<template #icon>\n\t\t\t\t<Fullscreen :size=\"20\" />\n\t\t\t</template>\n\t\t\tFullscreen\n\t\t</NcActionButton>\n\t</NcActions>\n</template>\n<script>\nimport Fullscreen from 'vue-material-design-icons/Fullscreen.vue'\n\nexport default {\n\tcomponents: {\n\t\tFullscreen,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tfullscreen: true,\n\t\t}\n\t},\n}\n</script>\n```\n\nAnother example would be using it with checkbox semantics, to enable or disable features.\nThis also allows tri-state behavior (`true`, `false`, `null`) in which case `aria-checked` will be either `true`, `false` or `mixed`.\n\n```vue\n<template>\n\t<NcActions>\n\t\t<NcActionButton v-model=\"handRaised\" type=\"checkbox\">\n\t\t\t<template #icon>\n\t\t\t\t<HandBackLeft :size=\"20\" />\n\t\t\t</template>\n\t\t\tRaise hand\n\t\t</NcActionButton>\n\t\t<NcActionButton v-model=\"fullscreen\" type=\"checkbox\">\n\t\t\t<template #icon>\n\t\t\t\t<Fullscreen :size=\"20\" />\n\t\t\t</template>\n\t\t\tFullscreen\n\t\t</NcActionButton>\n\t</NcActions>\n</template>\n<script>\nimport HandBackLeft from 'vue-material-design-icons/HandBackLeft.vue'\nimport Fullscreen from 'vue-material-design-icons/Fullscreen.vue'\n\nexport default {\n\tcomponents: {\n\t\tHandBackLeft,\n\t\tFullscreen,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tfullscreen: true,\n\t\t\thandRaised: false,\n\t\t}\n\t},\n}\n</script>\n```\n\nIt is also possible to use the button with radio semantics, this is only possible in menus and not for inline actions!\n\nWith a string `modelValue`, checked state is determined by the `value` property and updates `modelValue` with the new `value` string.\n\nWith a boolean `modelValue`, checked state is determined by `modelValue` and updates to `true` on check.\n\nNote: unlike native radio buttons, `NcActionButton` are not grouped by name, so you need to connect them by bind correct `modelValue``.\n\n```vue\n<template>\n\t<div>\n\t\t<NcActions>\n\t\t\t<NcActionButton v-model=\"payment\" type=\"radio\" value=\"cash\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Cash :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPay with cash\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton v-model=\"payment\" type=\"radio\" value=\"card\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<CreditCard :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tPay by card\n\t\t\t</NcActionButton>\n\t\t\t<NcActionSeparator />\n\t\t\t<NcActionButton type=\"radio\" :model-value=\"align.isLeft\" @update:modelValue=\"setAlign('Left', $event)\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<FormatAlignLeft :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tLeft\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton type=\"radio\" :model-value=\"align.isCenter\" @update:modelValue=\"setAlign('Center', $event)\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<FormatAlignCenter :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tCenter\n\t\t\t</NcActionButton>\n\t\t\t<NcActionButton type=\"radio\" :model-value=\"align.isRight\" @update:modelValue=\"setAlign('Right', $event)\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<FormatAlignRight :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tRight\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t\t<p>payment = \"{{ payment }}\"</p>\n\t\t<p>align.isLeft = {{ align.isLeft }}</p>\n\t\t<p>align.isCenter = {{ align.isCenter }}</p>\n\t\t<p>align.isRight = {{ align.isRight }}</p>\n\t</div>\n</template>\n<script>\nimport Cash from 'vue-material-design-icons/Cash.vue'\nimport CreditCard from 'vue-material-design-icons/CreditCard.vue'\nimport FormatAlignLeft from 'vue-material-design-icons/FormatAlignLeft.vue'\nimport FormatAlignCenter from 'vue-material-design-icons/FormatAlignCenter.vue'\nimport FormatAlignRight from 'vue-material-design-icons/FormatAlignRight.vue'\n\nexport default {\n\tcomponents: {\n\t\tCash,\n\t\tCreditCard,\n\t\tFormatAlignLeft,\n\t\tFormatAlignCenter,\n\t\tFormatAlignRight,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tpayment: 'card',\n\t\t\talign: {\n\t\t\t\tisLeft: false,\n\t\t\t\tisCenter: true,\n\t\t\t\tisRight: false,\n\t\t\t},\n\t\t}\n\t},\n\tmethods: {\n\t\tsetAlign(direction, value) {\n\t\t\tthis.align.isLeft = false\n\t\t\tthis.align.isCenter = false\n\t\t\tthis.align.isRight = false\n\t\t\tthis.align[`is${direction}`] = value\n\t\t},\n\t}\n}\n</script>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :class=\"{ 'action--disabled': disabled }\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<button :aria-label=\"ariaLabel\"\n\t\t\t:class=\"['action-button button-vue', {\n\t\t\t\t'action-button--active': isChecked,\n\t\t\t\tfocusable: isFocusable,\n\t\t\t}]\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:title=\"title\"\n\t\t\t:type=\"nativeType\"\n\t\t\tv-bind=\"buttonAttributes\"\n\t\t\t@click=\"handleClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span :class=\"[isIconUrl ? 'action-button__icon--url' : icon]\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclass=\"action-button__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span class=\"action-button__longtext-wrapper\">\n\t\t\t\t<strong v-if=\"name\"\n\t\t\t\t\tclass=\"action-button__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\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span v-if=\"isLongText\"\n\t\t\t\t\tclass=\"action-button__longtext\"\n\t\t\t\t\tv-text=\"text\" />\n\t\t\t\t<!-- default text display -->\n\t\t\t\t<span v-else\n\t\t\t\t\tclass=\"action-button__text\">\n\t\t\t\t\t{{ text }}\n\t\t\t\t</span>\n\t\t\t\t<span v-if=\"description\"\n\t\t\t\t\tclass=\"action-button__description\"\n\t\t\t\t\tv-text=\"description\" />\n\t\t\t</span>\n\n\t\t\t<!-- right(in LTR) or left(in RTL) arrow icon when there is a sub-menu -->\n\t\t\t<NcIconSvgWrapper v-if=\"isMenu\"\n\t\t\t\tclass=\"action-button__menu-icon\"\n\t\t\t\tdirectional\n\t\t\t\t:path=\"mdiChevronRight\" />\n\t\t\t<NcIconSvgWrapper v-else-if=\"isChecked\" :path=\"mdiCheck\" class=\"action-button__pressed-icon\" />\n\n\t\t\t<span v-else-if=\"isChecked === false\" class=\"action-button__pressed-icon material-design-icon\" />\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</button>\n\t</li>\n</template>\n\n<script>\nimport { mdiCheck, mdiChevronRight } from '@mdi/js'\nimport { NC_ACTIONS_IS_SEMANTIC_MENU } from '../NcActions/useNcActions.ts'\nimport ActionTextMixin from '../../mixins/actionText.js'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\n\n/**\n * Button component to be used in Actions\n */\nexport default {\n\tname: 'NcActionButton',\n\n\tcomponents: {\n\t\tNcIconSvgWrapper,\n\t},\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: NC_ACTIONS_IS_SEMANTIC_MENU,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * disabled state of the action button\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * If this is a menu, a chevron icon will\n\t\t * be added at the end of the line\n\t\t */\n\t\tisMenu: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * The button's behavior, by default the button acts like a normal button with optional toggle button behavior if `modelValue` is `true` or `false`.\n\t\t * But you can also set to checkbox button behavior with tri-state or radio button like behavior.\n\t\t * This extends the native HTML button type attribute.\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'button',\n\t\t\tvalidator: (behavior) => ['button', 'checkbox', 'radio', 'reset', 'submit'].includes(behavior),\n\t\t},\n\n\t\t/**\n\t\t * The buttons state if `type` is 'checkbox' or 'radio' (meaning if it is pressed / selected).\n\t\t * For checkbox and toggle button behavior - boolean value.\n\t\t * For radio button behavior - could be a boolean checked or a string with the value of the button.\n\t\t * Note: Unlike native radio buttons, NcActionButton are not grouped by name, so you need to connect them by bind correct modelValue.\n\t\t *\n\t\t *  **This is not availabe for `type='submit'` or `type='reset'`**\n\t\t *\n\t\t * If using `type='checkbox'` a `model-value` of `true` means checked, `false` means unchecked and `null` means indeterminate (tri-state)\n\t\t * For `type='radio'` `null` is equal to `false`\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: [Boolean, String],\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * The value used for the `modelValue` when this component is used with radio behavior\n\t\t * Similar to the `value` attribute of `<input type=\"radio\">`\n\t\t */\n\t\tvalue: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Small underlying text content of the entry\n\t\t */\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: ['update:modelValue'],\n\n\tsetup() {\n\t\treturn {\n\t\t\tmdiCheck,\n\t\t\tmdiChevronRight,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * determines if the action is focusable\n\t\t *\n\t\t * @return {boolean} is the action focusable ?\n\t\t */\n\t\tisFocusable() {\n\t\t\treturn !this.disabled\n\t\t},\n\n\t\t/**\n\t\t * The current \"checked\" or \"pressed\" state for the model behavior\n\t\t */\n\t\tisChecked() {\n\t\t\tif (this.type === 'radio' && typeof this.modelValue !== 'boolean') {\n\t\t\t\treturn this.modelValue === this.value\n\t\t\t}\n\t\t\treturn this.modelValue\n\t\t},\n\n\t\t/**\n\t\t * The native HTML type to set on the button\n\t\t */\n\t\tnativeType() {\n\t\t\tif (this.type === 'submit' || this.type === 'reset') {\n\t\t\t\treturn this.type\n\t\t\t}\n\t\t\treturn 'button'\n\t\t},\n\n\t\t/**\n\t\t * HTML attributes to bind to the <button>\n\t\t */\n\t\tbuttonAttributes() {\n\t\t\tconst attributes = {}\n\n\t\t\tif (this.isInSemanticMenu) {\n\t\t\t\t// By default it needs to be a menu item in semantic menus\n\t\t\t\tattributes.role = 'menuitem'\n\n\t\t\t\tif (this.type === 'radio') {\n\t\t\t\t\tattributes.role = 'menuitemradio'\n\t\t\t\t\tattributes['aria-checked'] = this.isChecked ? 'true' : 'false'\n\t\t\t\t} else if (this.type === 'checkbox' || (this.nativeType === 'button' && this.modelValue !== null)) {\n\t\t\t\t\t// either if checkbox behavior was set or the model value is not unset\n\t\t\t\t\tattributes.role = 'menuitemcheckbox'\n\t\t\t\t\tattributes['aria-checked'] = this.modelValue === null ? 'mixed' : (this.modelValue ? 'true' : 'false')\n\t\t\t\t}\n\t\t\t} else if (this.modelValue !== null && this.nativeType === 'button') {\n\t\t\t\t// In case this has a modelValue it is considered a toggle button, so we need to set the aria-pressed\n\t\t\t\tattributes['aria-pressed'] = this.modelValue ? 'true' : 'false'\n\t\t\t}\n\n\t\t\treturn attributes\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Forward click event, let mixin handle the close-after-click and emit new modelValue if needed\n\t\t * @param {MouseEvent} event The click event\n\t\t */\n\t\thandleClick(event) {\n\t\t\tthis.onClick(event)\n\t\t\t// If modelValue or type is set (so modelValue might be null for tri-state) we need to update it\n\t\t\tif (this.modelValue !== null || this.type !== 'button') {\n\t\t\t\tif (this.type === 'radio') {\n\t\t\t\t\tif (typeof this.modelValue !== 'boolean') {\n\t\t\t\t\t\t// String-value radios behavior is similar to native - click on checked radio does nothing\n\t\t\t\t\t\tif (!this.isChecked) {\n\t\t\t\t\t\t\tthis.$emit('update:modelValue', this.value)\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Boolean radio allows to uncheck\n\t\t\t\t\t\tthis.$emit('update:modelValue', !this.isChecked)\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Checkbox toggles value\n\t\t\t\t\tthis.$emit('update:modelValue', !this.isChecked)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@use '../../assets/action.scss' as *;\n@include action-active;\n@include action--disabled;\n@include action-item('button');\n\n.action-button__pressed-icon {\n\tmargin-inline: auto calc($icon-margin * -1);\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_mergeProps","_renderSlot","_normalizeStyle","_toDisplayString","_createCommentVNode","_createBlock","_openBlock"],"mappings":"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"}

package/dist/chunks/{NcActionButtonGroup-VJlvSBVZ.mjs → NcActionButtonGroup-3Da8b3EI.mjs}

@@ -1,7 +1,7 @@
 import '../assets/NcActionButtonGroup-BND4GQdv.css';
 import { defineComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from "vue";
 import { c as createElementId } from "./createElementId-DhjFt1I9.mjs";
-import { r as register, a as t } from "./_l10n-dinIMiE_.mjs";
+import { r as register, a as t } from "./_l10n-Bg-fZ9R0.mjs";
 import { a as NC_ACTIONS_IS_SEMANTIC_MENU } from "./useNcActions-CiGWxAJE.mjs";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
 register();
@@ -57,4 +57,4 @@ const NcActionButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _
 export {
   NcActionButtonGroup as N
 };
-//# sourceMappingURL=NcActionButtonGroup-VJlvSBVZ.mjs.map
+//# sourceMappingURL=NcActionButtonGroup-3Da8b3EI.mjs.map