@nextcloud/vue 8.36.0 → 8.37.0

package/dist/assets/{NcRichText-C72XMOoz.css → NcRichText-CAhzDSty.css}

@@ -31,7 +31,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-bbc291bc] {
+.material-design-icon[data-v-1b584119] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -51,204 +51,204 @@
 * and reworked to use with Nextcloud dark and light theme
 */
 /* Plain text styles */
-.rich-text--wrapper[data-v-bbc291bc] {
+.rich-text--wrapper[data-v-1b584119] {
   overflow-wrap: break-word;
   line-height: 1.5;
 }
-.rich-text--wrapper .rich-text--fallback[data-v-bbc291bc], .rich-text--wrapper .rich-text-component[data-v-bbc291bc] {
+.rich-text--wrapper .rich-text--fallback[data-v-1b584119], .rich-text--wrapper .rich-text-component[data-v-1b584119] {
   display: inline;
 }
-.rich-text--wrapper .rich-text--external-link[data-v-bbc291bc] {
+.rich-text--wrapper .rich-text--external-link[data-v-1b584119] {
   text-decoration: underline;
 }
-.rich-text--wrapper .rich-text--external-link[data-v-bbc291bc]:after {
+.rich-text--wrapper .rich-text--external-link[data-v-1b584119]:after {
   content: " ↗";
 }
 
 /* Markdown styles */
-.rich-text--wrapper-markdown[data-v-bbc291bc] {
+.rich-text--wrapper-markdown[data-v-1b584119] {
   tab-size: 4;
 }
-.rich-text--wrapper-markdown div > *[data-v-bbc291bc]:first-child,
-.rich-text--wrapper-markdown blockquote > *[data-v-bbc291bc]:first-child {
+.rich-text--wrapper-markdown div > *[data-v-1b584119]:first-child,
+.rich-text--wrapper-markdown blockquote > *[data-v-1b584119]:first-child {
   margin-top: 0 !important;
 }
-.rich-text--wrapper-markdown div > *[data-v-bbc291bc]:last-child,
-.rich-text--wrapper-markdown blockquote > *[data-v-bbc291bc]:last-child {
+.rich-text--wrapper-markdown div > *[data-v-1b584119]:last-child,
+.rich-text--wrapper-markdown blockquote > *[data-v-1b584119]:last-child {
   margin-block-end: 0 !important;
 }
-.rich-text--wrapper-markdown blockquote[data-v-bbc291bc] {
+.rich-text--wrapper-markdown blockquote[data-v-1b584119] {
   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-bbc291bc], .rich-text--wrapper-markdown h2[data-v-bbc291bc], .rich-text--wrapper-markdown h3[data-v-bbc291bc], .rich-text--wrapper-markdown h4[data-v-bbc291bc], .rich-text--wrapper-markdown h5[data-v-bbc291bc], .rich-text--wrapper-markdown h6[data-v-bbc291bc], .rich-text--wrapper-markdown p[data-v-bbc291bc], .rich-text--wrapper-markdown ul[data-v-bbc291bc], .rich-text--wrapper-markdown ol[data-v-bbc291bc], .rich-text--wrapper-markdown blockquote[data-v-bbc291bc], .rich-text--wrapper-markdown pre[data-v-bbc291bc] {
+.rich-text--wrapper-markdown h1[data-v-1b584119], .rich-text--wrapper-markdown h2[data-v-1b584119], .rich-text--wrapper-markdown h3[data-v-1b584119], .rich-text--wrapper-markdown h4[data-v-1b584119], .rich-text--wrapper-markdown h5[data-v-1b584119], .rich-text--wrapper-markdown h6[data-v-1b584119], .rich-text--wrapper-markdown p[data-v-1b584119], .rich-text--wrapper-markdown ul[data-v-1b584119], .rich-text--wrapper-markdown ol[data-v-1b584119], .rich-text--wrapper-markdown blockquote[data-v-1b584119], .rich-text--wrapper-markdown pre[data-v-1b584119] {
   margin-top: 0;
   margin-block-end: 1em;
 }
-.rich-text--wrapper-markdown h1[data-v-bbc291bc], .rich-text--wrapper-markdown h2[data-v-bbc291bc], .rich-text--wrapper-markdown h3[data-v-bbc291bc], .rich-text--wrapper-markdown h4[data-v-bbc291bc], .rich-text--wrapper-markdown h5[data-v-bbc291bc], .rich-text--wrapper-markdown h6[data-v-bbc291bc] {
+.rich-text--wrapper-markdown h1[data-v-1b584119], .rich-text--wrapper-markdown h2[data-v-1b584119], .rich-text--wrapper-markdown h3[data-v-1b584119], .rich-text--wrapper-markdown h4[data-v-1b584119], .rich-text--wrapper-markdown h5[data-v-1b584119], .rich-text--wrapper-markdown h6[data-v-1b584119] {
   font-weight: bold;
 }
-.rich-text--wrapper-markdown h4[data-v-bbc291bc] {
+.rich-text--wrapper-markdown h4[data-v-1b584119] {
   font-size: 20px;
 }
-.rich-text--wrapper-markdown h5[data-v-bbc291bc] {
+.rich-text--wrapper-markdown h5[data-v-1b584119] {
   font-size: 18px;
 }
-.rich-text--wrapper-markdown h6[data-v-bbc291bc] {
+.rich-text--wrapper-markdown h6[data-v-1b584119] {
   font-size: 15px;
 }
-.rich-text--wrapper-markdown ul[data-v-bbc291bc], .rich-text--wrapper-markdown ol[data-v-bbc291bc] {
+.rich-text--wrapper-markdown ul[data-v-1b584119], .rich-text--wrapper-markdown ol[data-v-1b584119] {
   padding-inline-start: 4ch;
 }
-.rich-text--wrapper-markdown ul[data-v-bbc291bc] {
+.rich-text--wrapper-markdown ul[data-v-1b584119] {
   list-style-type: disc;
 }
-.rich-text--wrapper-markdown[data-v-bbc291bc] {
+.rich-text--wrapper-markdown[data-v-1b584119] {
   /* Flavored Markdown styles */
 }
-.rich-text--wrapper-markdown ul.contains-task-list[data-v-bbc291bc] {
+.rich-text--wrapper-markdown ul.contains-task-list[data-v-1b584119] {
   list-style-type: none;
   padding: 0;
 }
-.rich-text--wrapper-markdown li.task-list-item > ul[data-v-bbc291bc],
-.rich-text--wrapper-markdown li.task-list-item > ol[data-v-bbc291bc],
-.rich-text--wrapper-markdown li.task-list-item > li[data-v-bbc291bc],
-.rich-text--wrapper-markdown li.task-list-item > blockquote[data-v-bbc291bc],
-.rich-text--wrapper-markdown li.task-list-item > pre[data-v-bbc291bc] {
+.rich-text--wrapper-markdown li.task-list-item > ul[data-v-1b584119],
+.rich-text--wrapper-markdown li.task-list-item > ol[data-v-1b584119],
+.rich-text--wrapper-markdown li.task-list-item > li[data-v-1b584119],
+.rich-text--wrapper-markdown li.task-list-item > blockquote[data-v-1b584119],
+.rich-text--wrapper-markdown li.task-list-item > pre[data-v-1b584119] {
   margin-inline-start: 15px;
   margin-block-end: 0;
 }
-.rich-text--wrapper-markdown pre[data-v-bbc291bc] {
+.rich-text--wrapper-markdown pre[data-v-1b584119] {
   direction: ltr;
 }
-.rich-text--wrapper-markdown table[data-v-bbc291bc] {
+.rich-text--wrapper-markdown table[data-v-1b584119] {
   border-collapse: collapse;
   border: 2px solid var(--color-border-maxcontrast);
 }
-.rich-text--wrapper-markdown table th[data-v-bbc291bc],
-.rich-text--wrapper-markdown table td[data-v-bbc291bc] {
+.rich-text--wrapper-markdown table th[data-v-1b584119],
+.rich-text--wrapper-markdown table td[data-v-1b584119] {
   padding: var(--default-grid-baseline);
   border: 1px solid var(--color-border-maxcontrast);
 }
-.rich-text--wrapper-markdown table th[data-v-bbc291bc]:first-child,
-.rich-text--wrapper-markdown table td[data-v-bbc291bc]:first-child {
+.rich-text--wrapper-markdown table th[data-v-1b584119]:first-child,
+.rich-text--wrapper-markdown table td[data-v-1b584119]:first-child {
   border-inline-start: 0;
 }
-.rich-text--wrapper-markdown table th[data-v-bbc291bc]:last-child,
-.rich-text--wrapper-markdown table td[data-v-bbc291bc]:last-child {
+.rich-text--wrapper-markdown table th[data-v-1b584119]:last-child,
+.rich-text--wrapper-markdown table td[data-v-1b584119]:last-child {
   border-inline-end: 0;
 }
-.rich-text--wrapper-markdown table tr:first-child th[data-v-bbc291bc] {
+.rich-text--wrapper-markdown table tr:first-child th[data-v-1b584119] {
   border-top: 0;
 }
-.rich-text--wrapper-markdown table tr:last-child td[data-v-bbc291bc] {
+.rich-text--wrapper-markdown table tr:last-child td[data-v-1b584119] {
   border-block-end: 0;
 }
 
 /* Highlight code syntax in code blocks */
 /* stylelint-disable-next-line no-duplicate-selectors */
-.rich-text--wrapper-markdown .rich-text__code-block[data-v-bbc291bc]:has(.hljs) {
+.rich-text--wrapper-markdown .rich-text__code-block[data-v-1b584119]:has(.hljs) {
   color: var(--hljs-color);
   background: var(--hljs-background-color);
 }
-.rich-text--wrapper-markdown .hljs-doctag[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-keyword[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-template-tag[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-template-variable[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-type[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-variable.language_[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-doctag[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-keyword[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-template-tag[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-template-variable[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-type[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-variable.language_[data-v-1b584119] {
   /* prettylights-syntax-keyword */
   color: var(--hljs-syntax-keyword-color);
 }
-.rich-text--wrapper-markdown .hljs-title[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-title.class_[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-title.function_[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-title[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-title.class_[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-title.function_[data-v-1b584119] {
   /* prettylights-syntax-entity */
   color: var(--hljs-syntax-entity-color);
 }
-.rich-text--wrapper-markdown .hljs-attr[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-attribute[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-literal[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-meta[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-number[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-operator[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-variable[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-selector-attr[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-selector-class[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-selector-id[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-attr[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-attribute[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-literal[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-meta[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-number[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-operator[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-variable[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-selector-attr[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-selector-class[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-selector-id[data-v-1b584119] {
   /* prettylights-syntax-constant */
   color: var(--hljs-syntax-constant-color);
 }
-.rich-text--wrapper-markdown .hljs-regexp[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-string[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-regexp[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-string[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-1b584119] {
   /* prettylights-syntax-string */
   color: var(--hljs-syntax-string-color);
 }
-.rich-text--wrapper-markdown .hljs-built_in[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-symbol[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-built_in[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-symbol[data-v-1b584119] {
   /* prettylights-syntax-variable */
   color: var(--hljs-syntax-variable-color);
 }
-.rich-text--wrapper-markdown .hljs-comment[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-code[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-formula[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-comment[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-code[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-formula[data-v-1b584119] {
   /* prettylights-syntax-comment */
   color: var(--hljs-syntax-comment-color);
 }
-.rich-text--wrapper-markdown .hljs-name[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-quote[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-selector-tag[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-name[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-quote[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-selector-tag[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-1b584119] {
   /* prettylights-syntax-entity-tag */
   color: var(--hljs-syntax-entity-tag-color);
 }
-.rich-text--wrapper-markdown .hljs-subst[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-subst[data-v-1b584119] {
   /* prettylights-syntax-storage-modifier-import */
   color: var(--hljs-syntax-storage-modifier-import-color);
 }
-.rich-text--wrapper-markdown .hljs-section[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-section[data-v-1b584119] {
   /* prettylights-syntax-markup-heading */
   color: var(--hljs-syntax-markup-heading-color);
   font-weight: bold;
 }
-.rich-text--wrapper-markdown .hljs-bullet[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-bullet[data-v-1b584119] {
   /* prettylights-syntax-markup-list */
   color: var(--hljs-syntax-markup-list-color);
 }
-.rich-text--wrapper-markdown .hljs-emphasis[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-emphasis[data-v-1b584119] {
   /* prettylights-syntax-markup-italic */
   color: var(--hljs-syntax-markup-italic-color);
   font-style: italic;
 }
-.rich-text--wrapper-markdown .hljs-strong[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-strong[data-v-1b584119] {
   /* prettylights-syntax-markup-bold */
   color: var(--hljs-syntax-markup-bold-color);
   font-weight: bold;
 }
-.rich-text--wrapper-markdown .hljs-addition[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-addition[data-v-1b584119] {
   /* 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-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-deletion[data-v-1b584119] {
   /* 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-bbc291bc],
-.rich-text--wrapper-markdown .hljs-link[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-params[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-property[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-punctuation[data-v-bbc291bc],
-.rich-text--wrapper-markdown .hljs-tag[data-v-bbc291bc] {
+.rich-text--wrapper-markdown .hljs-char.escape_[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-link[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-params[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-property[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-punctuation[data-v-1b584119],
+.rich-text--wrapper-markdown .hljs-tag[data-v-1b584119] {
   /* purposely ignored */
 }
 @media (prefers-color-scheme: light) {
-.rich-text--wrapper-markdown[data-v-bbc291bc] {
+.rich-text--wrapper-markdown[data-v-1b584119] {
     --hljs-color: var(--color-main-text, #24292e);
     --hljs-background-color: var(--color-background-dark, #ffffff);
     --hljs-syntax-keyword-color: #d73a49;
@@ -268,7 +268,7 @@
     --hljs-syntax-markup-deleted-color: #b31d28;
     --hljs-syntax-markup-deleted-background-color: #ffeef0;
 }
-[data-theme-dark] .rich-text--wrapper-markdown[data-v-bbc291bc] {
+[data-theme-dark] .rich-text--wrapper-markdown[data-v-1b584119] {
     --hljs-color: var(--color-main-text, #c9d1d9);
     --hljs-background-color: var(--color-background-dark, #0d1117);
     --hljs-syntax-keyword-color: #ff7b72;
@@ -290,7 +290,7 @@
 }
 }
 @media (prefers-color-scheme: dark) {
-.rich-text--wrapper-markdown[data-v-bbc291bc] {
+.rich-text--wrapper-markdown[data-v-1b584119] {
     --hljs-color: var(--color-main-text, #c9d1d9);
     --hljs-background-color: var(--color-background-dark, #0d1117);
     --hljs-syntax-keyword-color: #ff7b72;
@@ -310,7 +310,7 @@
     --hljs-syntax-markup-deleted-color: #ffdcd7;
     --hljs-syntax-markup-deleted-background-color: #67060c;
 }
-[data-theme-light] .rich-text--wrapper-markdown[data-v-bbc291bc] {
+[data-theme-light] .rich-text--wrapper-markdown[data-v-1b584119] {
     --hljs-color: var(--color-main-text, #24292e);
     --hljs-background-color: var(--color-background-dark, #ffffff);
     --hljs-syntax-keyword-color: #d73a49;
@@ -331,23 +331,23 @@
     --hljs-syntax-markup-deleted-background-color: #ffeef0;
 }
 }
-a[data-v-bbc291bc]:not(.rich-text--component) {
+a[data-v-1b584119]:not(.rich-text--component) {
   text-decoration: underline;
 }
-.rich-text__code-block[data-v-bbc291bc] {
+.rich-text__code-block[data-v-1b584119] {
   position: relative;
   padding-inline-end: calc(var(--clickable-area-small) + var(--default-grid-baseline));
 }
-.rich-text__code-block pre[data-v-bbc291bc] {
+.rich-text__code-block pre[data-v-1b584119] {
   width: 100%;
   overflow-x: auto;
 }
-.rich-text__code-block .rich-text__code-block-button[data-v-bbc291bc] {
+.rich-text__code-block .rich-text__code-block-button[data-v-1b584119] {
   position: absolute;
   top: var(--default-grid-baseline);
   inset-inline-end: var(--default-grid-baseline);
   opacity: 0;
 }
-.rich-text__code-block:hover .rich-text__code-block-button[data-v-bbc291bc], .rich-text__code-block:focus-within .rich-text__code-block-button[data-v-bbc291bc], .rich-text__code-block .rich-text__code-block-button[data-v-bbc291bc]:focus {
+.rich-text__code-block:hover .rich-text__code-block-button[data-v-1b584119], .rich-text__code-block:focus-within .rich-text__code-block-button[data-v-1b584119], .rich-text__code-block .rich-text__code-block-button[data-v-1b584119]:focus {
   opacity: 1;
 }

package/dist/assets/{NcTextArea-BNxd9_FK.css → NcTextArea-BtG5_qHD.css}

@@ -9,7 +9,7 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-8dc0dcfd] {
+.material-design-icon[data-v-d6fb2a6d] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -28,7 +28,7 @@
  * Create a consistent border for an input element.
  * With Nextcloud 32+ there is no real border anymore but we use a box-shadow.
  */
-.textarea[data-v-8dc0dcfd] {
+.textarea[data-v-d6fb2a6d] {
   --input-border-color: var(--color-border-maxcontrast);
   --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
   position: relative;
@@ -37,16 +37,15 @@
   margin-block-start: 6px;
   resize: vertical;
 }
-.textarea--disabled[data-v-8dc0dcfd] {
+.textarea--disabled[data-v-d6fb2a6d] {
   opacity: 0.7;
   filter: saturate(0.7);
 }
-.textarea__main-wrapper[data-v-8dc0dcfd] {
-  height: calc(var(--default-clickable-area) * 2);
+.textarea__main-wrapper[data-v-d6fb2a6d] {
   padding: var(--border-width-input-focused, 2px);
   position: relative;
 }
-.textarea__input[data-v-8dc0dcfd] {
+.textarea__input[data-v-d6fb2a6d] {
   margin: 0;
   padding-block: var(--border-radius-element);
   padding-inline: 10px;
@@ -54,6 +53,9 @@
   font-size: var(--default-font-size);
   text-overflow: ellipsis;
   cursor: pointer;
+  min-height: calc(var(--default-clickable-area) * 2);
+  min-width: calc(var(--default-clickable-area) * 2);
+  max-width: 100%;
   background-color: var(--color-main-background);
   color: var(--color-main-text);
   --input-border-box-shadow-light: 0 -1px var(--input-border-color),
@@ -65,58 +67,58 @@
   border-radius: var(--border-radius-element);
   box-shadow: var(--input-border-box-shadow);
 }
-.textarea__input[data-v-8dc0dcfd]:hover:not([disabled]) {
+.textarea__input[data-v-d6fb2a6d]:hover:not([disabled]) {
   box-shadow: 0 0 0 1px var(--input-border-color);
 }
 @media (prefers-color-scheme: dark) {
-.textarea__input .textarea__input[data-v-8dc0dcfd] {
+.textarea__input .textarea__input[data-v-d6fb2a6d] {
     --input-border-box-shadow: var(--input-border-box-shadow-dark);
 }
 }
-[data-theme-dark] .textarea__input[data-v-8dc0dcfd] {
+[data-theme-dark] .textarea__input[data-v-d6fb2a6d] {
   --input-border-box-shadow: var(--input-border-box-shadow-dark);
 }
-[data-theme-light] .textarea__input[data-v-8dc0dcfd] {
+[data-theme-light] .textarea__input[data-v-d6fb2a6d] {
   --input-border-box-shadow: var(--input-border-box-shadow-light);
 }
-.textarea--legacy .textarea__input[data-v-8dc0dcfd] {
+.textarea--legacy .textarea__input[data-v-d6fb2a6d] {
   box-shadow: 0 0 0 1px var(--input-border-color);
 }
-.textarea--legacy .textarea__input[data-v-8dc0dcfd]:hover:not([disabled]) {
+.textarea--legacy .textarea__input[data-v-d6fb2a6d]:hover:not([disabled]) {
   box-shadow: 0 0 0 2px var(--input-border-color);
 }
-.textarea__input[data-v-8dc0dcfd]:focus-within:not([disabled]), .textarea__input[data-v-8dc0dcfd]:active:not([disabled]) {
+.textarea__input[data-v-d6fb2a6d]:focus-within:not([disabled]), .textarea__input[data-v-d6fb2a6d]:active:not([disabled]) {
   box-shadow: 0 0 0 2px var(--input-border-color), 0 0 0 4px var(--color-main-background) !important;
 }
-.textarea__input[data-v-8dc0dcfd]:active:not([disabled]), .textarea__input[data-v-8dc0dcfd]:focus:not([disabled]) {
+.textarea__input[data-v-d6fb2a6d]:active:not([disabled]), .textarea__input[data-v-d6fb2a6d]:focus:not([disabled]) {
   --input-border-width-offset: 0px;
   --input-border-color: var(--color-main-text);
 }
-.textarea__input[data-v-8dc0dcfd]:not(:focus, .textarea__input--label-outside)::placeholder {
+.textarea__input[data-v-d6fb2a6d]:not(:focus, .textarea__input--label-outside)::placeholder {
   opacity: 0;
 }
-.textarea__input[data-v-8dc0dcfd]:focus {
+.textarea__input[data-v-d6fb2a6d]:focus {
   cursor: text;
 }
-.textarea__input[data-v-8dc0dcfd]:disabled {
+.textarea__input[data-v-d6fb2a6d]:disabled {
   cursor: default;
 }
-.textarea__input[data-v-8dc0dcfd]:focus-visible {
+.textarea__input[data-v-d6fb2a6d]:focus-visible {
   box-shadow: unset !important;
 }
-.textarea__input--success[data-v-8dc0dcfd] {
+.textarea__input--success[data-v-d6fb2a6d] {
   --input-border-color: var(--color-border-success, var(--color-success)) !important;
 }
-.textarea__input--success[data-v-8dc0dcfd]:focus-visible {
+.textarea__input--success[data-v-d6fb2a6d]:focus-visible {
   box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
 }
-.textarea__input--error[data-v-8dc0dcfd] {
+.textarea__input--error[data-v-d6fb2a6d] {
   --input-border-color: var(--color-border-error, var(--color-error)) !important;
 }
-.textarea__input--error[data-v-8dc0dcfd]:focus-visible {
+.textarea__input--error[data-v-d6fb2a6d]:focus-visible {
   box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
 }
-.textarea__label[data-v-8dc0dcfd] {
+.textarea__label[data-v-d6fb2a6d] {
   position: absolute;
   margin-inline: 12px 0;
   max-width: fit-content;
@@ -129,7 +131,7 @@
   pointer-events: none;
   transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
 }
-.textarea__input:focus + .textarea__label[data-v-8dc0dcfd], .textarea__input:not(:placeholder-shown) + .textarea__label[data-v-8dc0dcfd] {
+.textarea__input:focus + .textarea__label[data-v-d6fb2a6d], .textarea__input:not(:placeholder-shown) + .textarea__label[data-v-d6fb2a6d] {
   inset-block-start: -10px;
   line-height: 1.5;
   font-size: 13px;
@@ -140,17 +142,17 @@
   margin-inline-start: 8px;
   transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
 }
-.textarea__helper-text-message[data-v-8dc0dcfd] {
+.textarea__helper-text-message[data-v-d6fb2a6d] {
   padding-block: 4px;
   display: flex;
   align-items: center;
 }
-.textarea__helper-text-message__icon[data-v-8dc0dcfd] {
+.textarea__helper-text-message__icon[data-v-d6fb2a6d] {
   margin-inline-end: 8px;
 }
-.textarea__helper-text-message--error[data-v-8dc0dcfd] {
+.textarea__helper-text-message--error[data-v-d6fb2a6d] {
   color: var(--color-error-text);
 }
-.textarea__helper-text-message--success[data-v-8dc0dcfd] {
+.textarea__helper-text-message--success[data-v-d6fb2a6d] {
   color: var(--color-success-text);
 }

package/dist/chunks/{NcActionButtonGroup-QVUAMbKq.cjs → NcActionButtonGroup-CpZDTAQo.cjs}

@@ -1,7 +1,7 @@
 require('../assets/NcActionButtonGroup-CRXLyFpx.css');
 "use strict";
 const Vue = require("vue");
-const _l10n = require("./_l10n-Cd8G51Ar.cjs");
+const _l10n = require("./_l10n-skrZri3h.cjs");
 const GenRandomId = require("./GenRandomId-D7iOvpZS.cjs");
 const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 _l10n.register();
@@ -48,4 +48,4 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
 );
 const NcActionButtonGroup = __component__.exports;
 exports.NcActionButtonGroup = NcActionButtonGroup;
-//# sourceMappingURL=NcActionButtonGroup-QVUAMbKq.cjs.map
+//# sourceMappingURL=NcActionButtonGroup-CpZDTAQo.cjs.map

package/dist/chunks/{NcActionButtonGroup-QVUAMbKq.cjs.map → NcActionButtonGroup-CpZDTAQo.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NcActionButtonGroup-QVUAMbKq.cjs","sources":["../../src/components/NcActionButtonGroup/NcActionButtonGroup.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2022 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,\nto group buttons as one visual action, like for text alignment.\nThis should be used sparingly for accessibility.\n\n```vue\n<template>\n\t<div style=\"display: flex; align-items: center;\">\n\t\t<NcActions>\n\t\t\t<NcActionButtonGroup name=\"Text alignment\">\n\t\t\t\t<NcActionButton aria-label=\"Align left\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"l\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignLeft :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton aria-label=\"Align center\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"c\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignCenter :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton aria-label=\"Align right\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"r\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignRight :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActionButtonGroup>\n\t\t\t<NcActionButton :close-after-click=\"true\"\n\t\t\t\t@click=\"showMessage('Some other action')\">\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\tSome other action\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</div>\n</template>\n<script>\nimport AlignLeft from 'vue-material-design-icons/AlignHorizontalLeft'\nimport AlignRight from 'vue-material-design-icons/AlignHorizontalRight'\nimport AlignCenter from 'vue-material-design-icons/AlignHorizontalCenter'\nimport Plus from 'vue-material-design-icons/Plus'\n\nexport default {\n\tcomponents: {\n\t\tAlignLeft,\n\t\tAlignRight,\n\t\tAlignCenter,\n\t\tPlus,\n\t},\n\tdata() {\n\t\treturn { alignment: 'l' }\n\t},\n\tmethods: {\n\t\tshowMessage(msg) {\n\t\t\talert(msg)\n\t\t},\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<li class=\"nc-button-group-base\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<div v-if=\"name\" :id=\"labelId\">\n\t\t\t{{ name }}\n\t\t</div>\n\t\t<ul class=\"nc-button-group-content\" role=\"group\" :aria-labelledby=\"name ? labelId : undefined\">\n\t\t\t<slot />\n\t\t</ul>\n\t</li>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport { t } from '../../l10n.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\n/**\n * A wrapper for allowing inlining NcAction components within the action menu\n */\nexport default defineComponent({\n\tname: 'NcActionButtonGroup',\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Optional text shown below the button group\n\t\t */\n\t\tname: {\n\t\t\trequired: false,\n\t\t\tdefault: undefined,\n\t\t\ttype: String,\n\t\t},\n\t},\n\n\tsetup() {\n\t\treturn {\n\t\t\tlabelId: `nc-action-button-group-${GenRandomId()}`,\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\t},\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.nc-button-group-base {\n\t>div {\n\t\ttext-align: center;\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\n\tul.nc-button-group-content {\n\t\tdisplay: flex;\n\t\tgap: 4px; // required for the focus-visible outline\n\t\tjustify-content: space-between;\n\n\t\t:deep(li) {\n\t\t\tflex: 1 1;\n\t\t}\n\n\t\t:deep(.action-button) {\n\t\t\t// Fix action buttons beeing shifted to the left (right padding)\n\t\t\tpadding: 0 !important;\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\n\t\t\t&.action-button--active {\n\t\t\t\tbackground-color: var(--color-primary-element);\n\t\t\t\tborder-radius: var(--border-radius-large);\n\t\t\t\tcolor: var(--color-primary-element-text);\n\n\t\t\t\t&:hover, &:focus, &:focus-within {\n\t\t\t\t\tbackground-color: var(--color-primary-element-hover);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.action-button__pressed-icon {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n"],"names":["defineComponent","GenRandomId","t"],"mappings":";;;;;;AA+FA,MAAA,YAAAA,IAAAA,gBAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA;AAAA,IACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA;AACA,WAAA;AAAA,MACA,SAAA,0BAAAC,YAAAA,YAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,GAAAC,MAAAA;AAAAA,EACA;AACA,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcActionButtonGroup-CpZDTAQo.cjs","sources":["../../src/components/NcActionButtonGroup/NcActionButtonGroup.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2022 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,\nto group buttons as one visual action, like for text alignment.\nThis should be used sparingly for accessibility.\n\n```vue\n<template>\n\t<div style=\"display: flex; align-items: center;\">\n\t\t<NcActions>\n\t\t\t<NcActionButtonGroup name=\"Text alignment\">\n\t\t\t\t<NcActionButton aria-label=\"Align left\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"l\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignLeft :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton aria-label=\"Align center\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"c\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignCenter :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton aria-label=\"Align right\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"r\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignRight :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActionButtonGroup>\n\t\t\t<NcActionButton :close-after-click=\"true\"\n\t\t\t\t@click=\"showMessage('Some other action')\">\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\tSome other action\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</div>\n</template>\n<script>\nimport AlignLeft from 'vue-material-design-icons/AlignHorizontalLeft'\nimport AlignRight from 'vue-material-design-icons/AlignHorizontalRight'\nimport AlignCenter from 'vue-material-design-icons/AlignHorizontalCenter'\nimport Plus from 'vue-material-design-icons/Plus'\n\nexport default {\n\tcomponents: {\n\t\tAlignLeft,\n\t\tAlignRight,\n\t\tAlignCenter,\n\t\tPlus,\n\t},\n\tdata() {\n\t\treturn { alignment: 'l' }\n\t},\n\tmethods: {\n\t\tshowMessage(msg) {\n\t\t\talert(msg)\n\t\t},\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<li class=\"nc-button-group-base\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<div v-if=\"name\" :id=\"labelId\">\n\t\t\t{{ name }}\n\t\t</div>\n\t\t<ul class=\"nc-button-group-content\" role=\"group\" :aria-labelledby=\"name ? labelId : undefined\">\n\t\t\t<slot />\n\t\t</ul>\n\t</li>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport { t } from '../../l10n.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\n/**\n * A wrapper for allowing inlining NcAction components within the action menu\n */\nexport default defineComponent({\n\tname: 'NcActionButtonGroup',\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Optional text shown below the button group\n\t\t */\n\t\tname: {\n\t\t\trequired: false,\n\t\t\tdefault: undefined,\n\t\t\ttype: String,\n\t\t},\n\t},\n\n\tsetup() {\n\t\treturn {\n\t\t\tlabelId: `nc-action-button-group-${GenRandomId()}`,\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\t},\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.nc-button-group-base {\n\t>div {\n\t\ttext-align: center;\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\n\tul.nc-button-group-content {\n\t\tdisplay: flex;\n\t\tgap: 4px; // required for the focus-visible outline\n\t\tjustify-content: space-between;\n\n\t\t:deep(li) {\n\t\t\tflex: 1 1;\n\t\t}\n\n\t\t:deep(.action-button) {\n\t\t\t// Fix action buttons beeing shifted to the left (right padding)\n\t\t\tpadding: 0 !important;\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\n\t\t\t&.action-button--active {\n\t\t\t\tbackground-color: var(--color-primary-element);\n\t\t\t\tborder-radius: var(--border-radius-large);\n\t\t\t\tcolor: var(--color-primary-element-text);\n\n\t\t\t\t&:hover, &:focus, &:focus-within {\n\t\t\t\t\tbackground-color: var(--color-primary-element-hover);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.action-button__pressed-icon {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n"],"names":["defineComponent","GenRandomId","t"],"mappings":";;;;;;AA+FA,MAAA,YAAAA,IAAAA,gBAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA;AAAA,IACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA;AACA,WAAA;AAAA,MACA,SAAA,0BAAAC,YAAAA,YAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,GAAAC,MAAAA;AAAAA,EACA;AACA,CAAA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{NcActionButtonGroup-BxvJmEwM.mjs → NcActionButtonGroup-eZxqibUd.mjs}

@@ -1,6 +1,6 @@
 import '../assets/NcActionButtonGroup-CRXLyFpx.css';
 import { defineComponent } from "vue";
-import { r as register, a as t } from "./_l10n-Dpecfv0B.mjs";
+import { r as register, a as t } from "./_l10n-DVz9Qdzk.mjs";
 import { G as GenRandomId } from "./GenRandomId-F5ebeBB_.mjs";
 import { n as normalizeComponent } from "./_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 register();
@@ -49,4 +49,4 @@ const NcActionButtonGroup = __component__.exports;
 export {
   NcActionButtonGroup as N
 };
-//# sourceMappingURL=NcActionButtonGroup-BxvJmEwM.mjs.map
+//# sourceMappingURL=NcActionButtonGroup-eZxqibUd.mjs.map

package/dist/chunks/{NcActionButtonGroup-BxvJmEwM.mjs.map → NcActionButtonGroup-eZxqibUd.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NcActionButtonGroup-BxvJmEwM.mjs","sources":["../../src/components/NcActionButtonGroup/NcActionButtonGroup.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2022 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,\nto group buttons as one visual action, like for text alignment.\nThis should be used sparingly for accessibility.\n\n```vue\n<template>\n\t<div style=\"display: flex; align-items: center;\">\n\t\t<NcActions>\n\t\t\t<NcActionButtonGroup name=\"Text alignment\">\n\t\t\t\t<NcActionButton aria-label=\"Align left\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"l\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignLeft :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton aria-label=\"Align center\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"c\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignCenter :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton aria-label=\"Align right\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"r\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignRight :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActionButtonGroup>\n\t\t\t<NcActionButton :close-after-click=\"true\"\n\t\t\t\t@click=\"showMessage('Some other action')\">\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\tSome other action\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</div>\n</template>\n<script>\nimport AlignLeft from 'vue-material-design-icons/AlignHorizontalLeft'\nimport AlignRight from 'vue-material-design-icons/AlignHorizontalRight'\nimport AlignCenter from 'vue-material-design-icons/AlignHorizontalCenter'\nimport Plus from 'vue-material-design-icons/Plus'\n\nexport default {\n\tcomponents: {\n\t\tAlignLeft,\n\t\tAlignRight,\n\t\tAlignCenter,\n\t\tPlus,\n\t},\n\tdata() {\n\t\treturn { alignment: 'l' }\n\t},\n\tmethods: {\n\t\tshowMessage(msg) {\n\t\t\talert(msg)\n\t\t},\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<li class=\"nc-button-group-base\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<div v-if=\"name\" :id=\"labelId\">\n\t\t\t{{ name }}\n\t\t</div>\n\t\t<ul class=\"nc-button-group-content\" role=\"group\" :aria-labelledby=\"name ? labelId : undefined\">\n\t\t\t<slot />\n\t\t</ul>\n\t</li>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport { t } from '../../l10n.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\n/**\n * A wrapper for allowing inlining NcAction components within the action menu\n */\nexport default defineComponent({\n\tname: 'NcActionButtonGroup',\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Optional text shown below the button group\n\t\t */\n\t\tname: {\n\t\t\trequired: false,\n\t\t\tdefault: undefined,\n\t\t\ttype: String,\n\t\t},\n\t},\n\n\tsetup() {\n\t\treturn {\n\t\t\tlabelId: `nc-action-button-group-${GenRandomId()}`,\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\t},\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.nc-button-group-base {\n\t>div {\n\t\ttext-align: center;\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\n\tul.nc-button-group-content {\n\t\tdisplay: flex;\n\t\tgap: 4px; // required for the focus-visible outline\n\t\tjustify-content: space-between;\n\n\t\t:deep(li) {\n\t\t\tflex: 1 1;\n\t\t}\n\n\t\t:deep(.action-button) {\n\t\t\t// Fix action buttons beeing shifted to the left (right padding)\n\t\t\tpadding: 0 !important;\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\n\t\t\t&.action-button--active {\n\t\t\t\tbackground-color: var(--color-primary-element);\n\t\t\t\tborder-radius: var(--border-radius-large);\n\t\t\t\tcolor: var(--color-primary-element-text);\n\n\t\t\t\t&:hover, &:focus, &:focus-within {\n\t\t\t\t\tbackground-color: var(--color-primary-element-hover);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.action-button__pressed-icon {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n"],"names":[],"mappings":";;;;;AA+FA,MAAA,YAAA,gBAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA;AAAA,IACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA;AACA,WAAA;AAAA,MACA,SAAA,0BAAA,YAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA;AAAA,EACA;AACA,CAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcActionButtonGroup-eZxqibUd.mjs","sources":["../../src/components/NcActionButtonGroup/NcActionButtonGroup.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2022 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,\nto group buttons as one visual action, like for text alignment.\nThis should be used sparingly for accessibility.\n\n```vue\n<template>\n\t<div style=\"display: flex; align-items: center;\">\n\t\t<NcActions>\n\t\t\t<NcActionButtonGroup name=\"Text alignment\">\n\t\t\t\t<NcActionButton aria-label=\"Align left\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"l\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignLeft :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton aria-label=\"Align center\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"c\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignCenter :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton aria-label=\"Align right\"\n\t\t\t\t\t:model-value.sync=\"alignment\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tvalue=\"r\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AlignRight :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActionButtonGroup>\n\t\t\t<NcActionButton :close-after-click=\"true\"\n\t\t\t\t@click=\"showMessage('Some other action')\">\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\tSome other action\n\t\t\t</NcActionButton>\n\t\t</NcActions>\n\t</div>\n</template>\n<script>\nimport AlignLeft from 'vue-material-design-icons/AlignHorizontalLeft'\nimport AlignRight from 'vue-material-design-icons/AlignHorizontalRight'\nimport AlignCenter from 'vue-material-design-icons/AlignHorizontalCenter'\nimport Plus from 'vue-material-design-icons/Plus'\n\nexport default {\n\tcomponents: {\n\t\tAlignLeft,\n\t\tAlignRight,\n\t\tAlignCenter,\n\t\tPlus,\n\t},\n\tdata() {\n\t\treturn { alignment: 'l' }\n\t},\n\tmethods: {\n\t\tshowMessage(msg) {\n\t\t\talert(msg)\n\t\t},\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<li class=\"nc-button-group-base\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<div v-if=\"name\" :id=\"labelId\">\n\t\t\t{{ name }}\n\t\t</div>\n\t\t<ul class=\"nc-button-group-content\" role=\"group\" :aria-labelledby=\"name ? labelId : undefined\">\n\t\t\t<slot />\n\t\t</ul>\n\t</li>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport { t } from '../../l10n.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\n/**\n * A wrapper for allowing inlining NcAction components within the action menu\n */\nexport default defineComponent({\n\tname: 'NcActionButtonGroup',\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Optional text shown below the button group\n\t\t */\n\t\tname: {\n\t\t\trequired: false,\n\t\t\tdefault: undefined,\n\t\t\ttype: String,\n\t\t},\n\t},\n\n\tsetup() {\n\t\treturn {\n\t\t\tlabelId: `nc-action-button-group-${GenRandomId()}`,\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\t},\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.nc-button-group-base {\n\t>div {\n\t\ttext-align: center;\n\t\tcolor: var(--color-text-maxcontrast);\n\t}\n\n\tul.nc-button-group-content {\n\t\tdisplay: flex;\n\t\tgap: 4px; // required for the focus-visible outline\n\t\tjustify-content: space-between;\n\n\t\t:deep(li) {\n\t\t\tflex: 1 1;\n\t\t}\n\n\t\t:deep(.action-button) {\n\t\t\t// Fix action buttons beeing shifted to the left (right padding)\n\t\t\tpadding: 0 !important;\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\n\t\t\t&.action-button--active {\n\t\t\t\tbackground-color: var(--color-primary-element);\n\t\t\t\tborder-radius: var(--border-radius-large);\n\t\t\t\tcolor: var(--color-primary-element-text);\n\n\t\t\t\t&:hover, &:focus, &:focus-within {\n\t\t\t\t\tbackground-color: var(--color-primary-element-hover);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.action-button__pressed-icon {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n"],"names":[],"mappings":";;;;;AA+FA,MAAA,YAAA,gBAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA;AAAA,IACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA;AACA,WAAA;AAAA,MACA,SAAA,0BAAA,YAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA;AAAA,EACA;AACA,CAAA;;;;;;;;;;;;;;;;"}

package/dist/chunks/{NcActionInput-BLfZBCFj.mjs → NcActionInput-UPwE2Dky.mjs}

@@ -1,14 +1,14 @@
 import '../assets/NcActionInput-B-c5cOfM.css';
 import { defineAsyncComponent } from "vue";
 import { u as useModelMigration } from "./useModelMigration-EhAWvqDD.mjs";
-import { r as register, j as t49, a as t } from "./_l10n-Dpecfv0B.mjs";
+import { r as register, j as t50, a as t } from "./_l10n-DVz9Qdzk.mjs";
 import { A as ActionGlobalMixin } from "./actionGlobal-DqVa7c7G.mjs";
 import { G as GenRandomId } from "./GenRandomId-F5ebeBB_.mjs";
 import NcDateTimePickerNative from "../Components/NcDateTimePickerNative.mjs";
-import { N as NcPasswordField } from "./NcPasswordField-Di_KXR_G.mjs";
-import { N as NcTextField } from "./NcTextField-DLlQozKA.mjs";
+import { N as NcPasswordField } from "./NcPasswordField-lE4m20vf.mjs";
+import { N as NcTextField } from "./NcTextField-DZHP0Dfw.mjs";
 import { n as normalizeComponent } from "./_plugin-vue2_normalizer-DU4iP6Vu.mjs";
-register(t49);
+register(t50);
 const _sfc_main = {
   name: "NcActionInput",
   components: {
@@ -288,4 +288,4 @@ const NcActionInput = __component__.exports;
 export {
   NcActionInput as N
 };
-//# sourceMappingURL=NcActionInput-BLfZBCFj.mjs.map
+//# sourceMappingURL=NcActionInput-UPwE2Dky.mjs.map