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

package/dist/assets/{NcChip-CKtzzrlA.css → NcChip-C-0jMpNk.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-ce097ec8] {
+.material-design-icon[data-v-deeed948] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.nc-chip[data-v-ce097ec8] {
+.nc-chip[data-v-deeed948] {
   --chip-size: 24px;
   --chip-radius: calc(var(--chip-size) / 2);
   height: var(--chip-size);
@@ -27,27 +27,27 @@
   border-radius: var(--chip-radius);
   background-color: var(--color-background-hover);
 }
-.nc-chip--primary[data-v-ce097ec8] {
+.nc-chip--primary[data-v-deeed948] {
   background-color: var(--color-primary-element);
   color: var(--color-primary-element-text);
 }
-.nc-chip--secondary[data-v-ce097ec8] {
+.nc-chip--secondary[data-v-deeed948] {
   background-color: var(--color-primary-element-light);
   color: var(--color-primary-element-light-text);
 }
-.nc-chip--no-actions .nc-chip__text[data-v-ce097ec8] {
+.nc-chip--no-actions .nc-chip__text[data-v-deeed948] {
   padding-inline-end: calc(1.5 * var(--default-grid-baseline));
 }
-.nc-chip--no-icon .nc-chip__text[data-v-ce097ec8] {
+.nc-chip--no-icon .nc-chip__text[data-v-deeed948] {
   padding-inline-start: calc(1.5 * var(--default-grid-baseline));
 }
-.nc-chip__text[data-v-ce097ec8] {
+.nc-chip__text[data-v-deeed948] {
   flex: 1 auto;
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
 }
-.nc-chip__icon[data-v-ce097ec8] {
+.nc-chip__icon[data-v-deeed948] {
   flex: 0 0 var(--chip-size);
   margin-inline-end: var(--default-grid-baseline);
   line-height: 1;
@@ -58,7 +58,7 @@
   height: var(--chip-size);
   width: var(--chip-size);
 }
-.nc-chip__actions[data-v-ce097ec8] {
+.nc-chip__actions[data-v-deeed948] {
   flex: 0 0 var(--chip-size);
   --default-clickable-area: var(--chip-size);
   --border-radius-element: var(--chip-radius);

package/dist/assets/{NcDashboardWidget-xV4o6Cen.css → NcDashboardWidget-BEYk4O95.css}

@@ -9,46 +9,46 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-b90e2ba7] {
+.material-design-icon[data-v-367e73aa] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.dashboard-widget[data-v-b90e2ba7] .empty-content {
+.dashboard-widget[data-v-367e73aa] .empty-content {
   text-align: center;
   padding-top: 5vh;
 }
-.dashboard-widget[data-v-b90e2ba7] .empty-content.half-screen {
+.dashboard-widget[data-v-367e73aa] .empty-content.half-screen {
   padding-top: 0;
   margin-bottom: 1vh;
 }
-.more[data-v-b90e2ba7] {
+.more[data-v-367e73aa] {
   display: block;
   text-align: center;
   color: var(--color-text-maxcontrast);
   line-height: 60px;
   cursor: pointer;
 }
-.more[data-v-b90e2ba7]:hover, .more[data-v-b90e2ba7]:focus {
+.more[data-v-367e73aa]:hover, .more[data-v-367e73aa]:focus {
   background-color: var(--color-background-hover);
   border-radius: var(--border-radius-large);
   color: var(--color-main-text);
 }
 
 /* skeleton */
-.item-list__entry[data-v-b90e2ba7] {
+.item-list__entry[data-v-367e73aa] {
   display: flex;
   align-items: flex-start;
   padding: 8px;
 }
-.item-list__entry .item-avatar[data-v-b90e2ba7] {
+.item-list__entry .item-avatar[data-v-367e73aa] {
   position: relative;
   margin-block: auto;
   background-color: var(--color-background-dark) !important;
 }
-.item-list__entry .item__details[data-v-b90e2ba7] {
+.item-list__entry .item__details[data-v-367e73aa] {
   padding-inline-start: 8px;
   max-height: var(--default-clickable-area);
   flex-grow: 1;
@@ -56,16 +56,16 @@
   display: flex;
   flex-direction: column;
 }
-.item-list__entry .item__details h3[data-v-b90e2ba7],
-.item-list__entry .item__details .message[data-v-b90e2ba7] {
+.item-list__entry .item__details h3[data-v-367e73aa],
+.item-list__entry .item__details .message[data-v-367e73aa] {
   white-space: nowrap;
   background-color: var(--color-background-dark);
 }
-.item-list__entry .item__details h3[data-v-b90e2ba7] {
+.item-list__entry .item__details h3[data-v-367e73aa] {
   font-size: 100%;
   margin: 0;
 }
-.item-list__entry .item__details .message[data-v-b90e2ba7] {
+.item-list__entry .item__details .message[data-v-367e73aa] {
   width: 80%;
   height: 15px;
   margin-top: 5px;

package/dist/assets/{NcEmptyContent-D1O466rM.css → NcEmptyContent-BqnUPzZQ.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-ef27a772] {
+.material-design-icon[data-v-67788173] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.empty-content[data-v-ef27a772] {
+.empty-content[data-v-67788173] {
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -24,11 +24,11 @@
   /* In case of using in a flex container - flex in advance */
   flex-grow: 1;
 }
-.modal-wrapper .empty-content[data-v-ef27a772] {
+.modal-wrapper .empty-content[data-v-67788173] {
   margin-top: 5vh;
   margin-bottom: 5vh;
 }
-.empty-content__icon[data-v-ef27a772] {
+.empty-content__icon[data-v-67788173] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -40,26 +40,26 @@
   background-position: center;
   background-size: 64px;
 }
-.empty-content__icon[data-v-ef27a772] svg {
+.empty-content__icon[data-v-67788173] svg {
   width: 64px !important;
   height: 64px !important;
   max-width: 64px !important;
   max-height: 64px !important;
 }
-.empty-content__name[data-v-ef27a772] {
+.empty-content__name[data-v-67788173] {
   margin-bottom: 10px;
   text-align: center;
   font-weight: bold;
   font-size: 20px;
   line-height: 30px;
 }
-.empty-content__description[data-v-ef27a772] {
+.empty-content__description[data-v-67788173] {
   color: var(--color-text-maxcontrast);
 }
-.empty-content__action[data-v-ef27a772] {
+.empty-content__action[data-v-67788173] {
   margin-top: 8px;
 }
-.modal-wrapper .empty-content__action[data-v-ef27a772] {
+.modal-wrapper .empty-content__action[data-v-67788173] {
   margin-top: 20px;
   display: flex;
 }

package/dist/assets/{NcIconSvgWrapper-BzRHs8iB.css → NcIconSvgWrapper-BO9Dme5J.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-08d151c7] {
+.material-design-icon[data-v-74422c13] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.icon-vue[data-v-08d151c7] {
+.icon-vue[data-v-74422c13] {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -24,19 +24,22 @@
   min-height: var(--default-clickable-area);
   opacity: 1;
 }
-.icon-vue--inline[data-v-08d151c7] {
+.icon-vue--inline[data-v-74422c13] {
   display: inline-flex;
   min-width: fit-content;
   min-height: fit-content;
   vertical-align: text-bottom;
 }
-.icon-vue[data-v-08d151c7] svg {
+.icon-vue span[data-v-74422c13] {
+  line-height: 0;
+}
+.icon-vue[data-v-74422c13] svg {
   fill: currentColor;
-  width: var(--fbb11e96);
-  height: var(--fbb11e96);
-  max-width: var(--fbb11e96);
-  max-height: var(--fbb11e96);
+  width: var(--5e5f9204);
+  height: var(--5e5f9204);
+  max-width: var(--5e5f9204);
+  max-height: var(--5e5f9204);
 }
-.icon-vue--directional[data-v-08d151c7] svg:dir(rtl) {
+.icon-vue--directional[data-v-74422c13] svg:dir(rtl) {
   transform: scaleX(-1);
 }

package/dist/assets/{NcListItem-Byw-ayOI.css → NcListItem-D6F_oFLK.css}

@@ -9,65 +9,65 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-0352b961] {
+.material-design-icon[data-v-d0eb303f] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.list-item__wrapper[data-v-0352b961] {
+.list-item__wrapper[data-v-d0eb303f] {
   display: flex;
   position: relative;
   width: 100%;
   padding: 2px 4px;
 }
-.list-item__wrapper[data-v-0352b961]:first-of-type {
+.list-item__wrapper[data-v-d0eb303f]:first-of-type {
   padding-block-start: 4px;
 }
-.list-item__wrapper[data-v-0352b961]:last-of-type {
+.list-item__wrapper[data-v-d0eb303f]:last-of-type {
   padding-block-end: 4px;
 }
-.list-item__wrapper--active .list-item[data-v-0352b961], .list-item__wrapper.active .list-item[data-v-0352b961] {
+.list-item__wrapper--active .list-item[data-v-d0eb303f], .list-item__wrapper.active .list-item[data-v-d0eb303f] {
   background-color: var(--color-primary-element);
   color: var(--color-primary-element-text) !important;
 }
-.list-item__wrapper--active .list-item[data-v-0352b961]:hover, .list-item__wrapper--active .list-item[data-v-0352b961]:focus-within, .list-item__wrapper--active .list-item[data-v-0352b961]:has(:focus-visible), .list-item__wrapper--active .list-item[data-v-0352b961]:has(:active), .list-item__wrapper.active .list-item[data-v-0352b961]:hover, .list-item__wrapper.active .list-item[data-v-0352b961]:focus-within, .list-item__wrapper.active .list-item[data-v-0352b961]:has(:focus-visible), .list-item__wrapper.active .list-item[data-v-0352b961]:has(:active) {
+.list-item__wrapper--active .list-item[data-v-d0eb303f]:hover, .list-item__wrapper--active .list-item[data-v-d0eb303f]:focus-within, .list-item__wrapper--active .list-item[data-v-d0eb303f]:has(:focus-visible), .list-item__wrapper--active .list-item[data-v-d0eb303f]:has(:active), .list-item__wrapper.active .list-item[data-v-d0eb303f]:hover, .list-item__wrapper.active .list-item[data-v-d0eb303f]:focus-within, .list-item__wrapper.active .list-item[data-v-d0eb303f]:has(:focus-visible), .list-item__wrapper.active .list-item[data-v-d0eb303f]:has(:active) {
   background-color: var(--color-primary-element-hover);
 }
-.list-item__wrapper--active .list-item-content__name[data-v-0352b961],
-.list-item__wrapper--active .list-item-content__subname[data-v-0352b961],
-.list-item__wrapper--active .list-item-content__details[data-v-0352b961],
-.list-item__wrapper--active .list-item-details__details[data-v-0352b961], .list-item__wrapper.active .list-item-content__name[data-v-0352b961],
-.list-item__wrapper.active .list-item-content__subname[data-v-0352b961],
-.list-item__wrapper.active .list-item-content__details[data-v-0352b961],
-.list-item__wrapper.active .list-item-details__details[data-v-0352b961] {
+.list-item__wrapper--active .list-item-content__name[data-v-d0eb303f],
+.list-item__wrapper--active .list-item-content__subname[data-v-d0eb303f],
+.list-item__wrapper--active .list-item-content__details[data-v-d0eb303f],
+.list-item__wrapper--active .list-item-details__details[data-v-d0eb303f], .list-item__wrapper.active .list-item-content__name[data-v-d0eb303f],
+.list-item__wrapper.active .list-item-content__subname[data-v-d0eb303f],
+.list-item__wrapper.active .list-item-content__details[data-v-d0eb303f],
+.list-item__wrapper.active .list-item-details__details[data-v-d0eb303f] {
   color: var(--color-primary-element-text) !important;
 }
-.list-item__wrapper .list-item-content__name[data-v-0352b961],
-.list-item__wrapper .list-item-content__subname[data-v-0352b961],
-.list-item__wrapper .list-item-content__details[data-v-0352b961],
-.list-item__wrapper .list-item-details__details[data-v-0352b961] {
+.list-item__wrapper .list-item-content__name[data-v-d0eb303f],
+.list-item__wrapper .list-item-content__subname[data-v-d0eb303f],
+.list-item__wrapper .list-item-content__details[data-v-d0eb303f],
+.list-item__wrapper .list-item-details__details[data-v-d0eb303f] {
   white-space: nowrap;
   margin-block: 0;
   margin-inline: 0 auto;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.list-item-content__name[data-v-0352b961] {
+.list-item-content__name[data-v-d0eb303f] {
   min-width: 100px;
   flex: 1 1 10%;
   font-weight: 500;
 }
-.list-item-content__subname[data-v-0352b961] {
+.list-item-content__subname[data-v-d0eb303f] {
   flex: 1 0;
   min-width: 0;
   color: var(--color-text-maxcontrast);
 }
-.list-item-content__subname--bold[data-v-0352b961] {
+.list-item-content__subname--bold[data-v-d0eb303f] {
   font-weight: 500;
 }
-.list-item[data-v-0352b961] {
+.list-item[data-v-d0eb303f] {
   --list-item-padding: var(--default-grid-baseline);
   --list-item-height: 2lh;
   --list-item-border-radius: var(--border-radius-element, 32px);
@@ -83,49 +83,49 @@
   transition: background-color var(--animation-quick) ease-in-out;
   list-style: none;
 }
-.list-item[data-v-0352b961]:hover, .list-item[data-v-0352b961]:focus-within, .list-item[data-v-0352b961]:has(:active), .list-item[data-v-0352b961]:has(:focus-visible) {
+.list-item[data-v-d0eb303f]:hover, .list-item[data-v-d0eb303f]:focus-within, .list-item[data-v-d0eb303f]:has(:active), .list-item[data-v-d0eb303f]:has(:focus-visible) {
   background-color: var(--color-background-hover);
 }
-.list-item[data-v-0352b961]:has(.list-item__anchor:focus-visible) {
+.list-item[data-v-d0eb303f]:has(.list-item__anchor:focus-visible) {
   outline: 2px solid var(--color-main-text);
   box-shadow: 0 0 0 4px var(--color-main-background);
 }
-.list-item--compact[data-v-0352b961] {
+.list-item--compact[data-v-d0eb303f] {
   --list-item-padding: calc(0.5 * var(--default-grid-baseline)) var(--default-grid-baseline);
 }
-.list-item--compact[data-v-0352b961]:not(:has(.list-item-content__subname)) {
+.list-item--compact[data-v-d0eb303f]:not(:has(.list-item-content__subname)) {
   --list-item-height: var(--default-clickable-area);
 }
-.list-item--legacy[data-v-0352b961] {
+.list-item--legacy[data-v-d0eb303f] {
   --list-item-padding: calc(2 * var(--default-grid-baseline));
 }
-.list-item--legacy.list-item--compact[data-v-0352b961] {
+.list-item--legacy.list-item--compact[data-v-d0eb303f] {
   --list-item-padding: var(--default-grid-baseline) calc(2 * var(--default-grid-baseline));
 }
-.list-item--one-line[data-v-0352b961] {
+.list-item--one-line[data-v-d0eb303f] {
   --list-item-height: var(--default-clickable-area);
   --list-item-border-radius: var(--border-radius-element, calc(var(--default-clickable-area) / 2));
   --list-item-padding: var(--default-grid-baseline);
 }
-.list-item--one-line.list-item--one-line--legacy[data-v-0352b961] {
+.list-item--one-line.list-item--one-line--legacy[data-v-d0eb303f] {
   --list-item-padding: 2px calc((var(--list-item-height) - var(--list-item-border-radius)) / 2);
 }
-.list-item--one-line .list-item-content__main[data-v-0352b961] {
+.list-item--one-line .list-item-content__main[data-v-d0eb303f] {
   display: flex;
   justify-content: start;
   gap: 12px;
   min-width: 0;
 }
-.list-item--one-line .list-item-content__details[data-v-0352b961] {
+.list-item--one-line .list-item-content__details[data-v-d0eb303f] {
   flex-direction: row;
   align-items: center;
   justify-content: end;
 }
-.list-item--one-line .list-item-content__name[data-v-0352b961] {
+.list-item--one-line .list-item-content__name[data-v-d0eb303f] {
   align-self: center;
   max-width: 300px;
 }
-.list-item__anchor[data-v-0352b961] {
+.list-item__anchor[data-v-d0eb303f] {
   color: inherit;
   display: flex;
   flex: 1 0 auto;
@@ -133,54 +133,54 @@
   height: var(--list-item-height);
   min-width: 0;
 }
-.list-item__anchor[data-v-0352b961]:focus-visible {
+.list-item__anchor[data-v-d0eb303f]:focus-visible {
   outline: none;
 }
-.list-item-content[data-v-0352b961] {
+.list-item-content[data-v-d0eb303f] {
   display: flex;
   flex: 1 0;
   justify-content: space-between;
   padding-inline-start: calc(2 * var(--default-grid-baseline));
   min-width: 0;
 }
-.list-item-content__main[data-v-0352b961] {
+.list-item-content__main[data-v-d0eb303f] {
   flex: 1 0;
   width: 0;
   margin: auto 0;
 }
-.list-item-content__main--oneline[data-v-0352b961] {
+.list-item-content__main--oneline[data-v-d0eb303f] {
   display: flex;
 }
-.list-item-content__details[data-v-0352b961] {
+.list-item-content__details[data-v-d0eb303f] {
   display: flex;
   flex-direction: column;
   justify-content: end;
   align-items: end;
 }
-.list-item-content__actions[data-v-0352b961], .list-item-content__extra-actions[data-v-0352b961] {
+.list-item-content__actions[data-v-d0eb303f], .list-item-content__extra-actions[data-v-d0eb303f] {
   flex: 0 0 auto;
   align-self: center;
   justify-content: center;
   margin-inline-start: var(--default-grid-baseline);
 }
-.list-item-content__extra-actions[data-v-0352b961] {
+.list-item-content__extra-actions[data-v-d0eb303f] {
   display: flex;
   align-items: center;
   gap: var(--default-grid-baseline);
 }
-.list-item-details__details[data-v-0352b961] {
+.list-item-details__details[data-v-d0eb303f] {
   color: var(--color-text-maxcontrast);
   margin: 0 9px !important;
   font-weight: normal;
 }
-.list-item-details__extra[data-v-0352b961] {
+.list-item-details__extra[data-v-d0eb303f] {
   margin: 2px 4px 0 4px;
   display: flex;
   align-items: center;
 }
-.list-item-details__indicator[data-v-0352b961] {
+.list-item-details__indicator[data-v-d0eb303f] {
   margin: 0 5px;
 }
-.list-item__extra[data-v-0352b961] {
+.list-item__extra[data-v-d0eb303f] {
   margin-top: var(--default-grid-baseline);
 }

package/dist/assets/{referencePickerModal-CkGgDb19.css → referencePickerModal-DAD-jv3F.css}

@@ -26,40 +26,40 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-f61ca5dc] {
+.material-design-icon[data-v-aed6d462] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.provider-list[data-v-f61ca5dc] {
+.provider-list[data-v-aed6d462] {
   width: 100%;
   min-height: 400px;
   padding: 0 16px 16px 16px;
   display: flex;
   flex-direction: column;
 }
-.provider-list--select[data-v-f61ca5dc] {
+.provider-list--select[data-v-aed6d462] {
   width: 100%;
 }
-.provider-list--select .provider[data-v-f61ca5dc] {
+.provider-list--select .provider[data-v-aed6d462] {
   display: flex;
   align-items: center;
   height: 28px;
   overflow: hidden;
 }
-.provider-list--select .provider .link-icon[data-v-f61ca5dc] {
+.provider-list--select .provider .link-icon[data-v-aed6d462] {
   margin-inline-end: 8px;
 }
-.provider-list--select .provider .provider-icon[data-v-f61ca5dc] {
+.provider-list--select .provider .provider-icon[data-v-aed6d462] {
   width: 20px;
   height: 20px;
   object-fit: contain;
   margin-inline-end: 8px;
   filter: var(--background-invert-if-dark);
 }
-.provider-list--select .provider .option-text[data-v-f61ca5dc] {
+.provider-list--select .provider .option-text[data-v-aed6d462] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -188,14 +188,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-b84f647b] {
+.material-design-icon[data-v-0393ee75] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.raw-link[data-v-b84f647b] {
+.raw-link[data-v-0393ee75] {
   width: 100%;
   min-height: 350px;
   display: flex;
@@ -203,19 +203,19 @@
   overflow-y: auto;
   padding: 0 16px 16px 16px;
 }
-.raw-link .input-wrapper[data-v-b84f647b] {
+.raw-link .input-wrapper[data-v-0393ee75] {
   width: 100%;
 }
-.raw-link .reference-widget[data-v-b84f647b] {
+.raw-link .reference-widget[data-v-0393ee75] {
   display: flex;
 }
-.raw-link--empty-content .provider-icon[data-v-b84f647b] {
+.raw-link--empty-content .provider-icon[data-v-0393ee75] {
   width: 150px;
   height: 150px;
   object-fit: contain;
   filter: var(--background-invert-if-dark);
 }
-.raw-link--input[data-v-b84f647b] {
+.raw-link--input[data-v-0393ee75] {
   width: 99%;
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
@@ -271,47 +271,47 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-77fd76e7] {
+.material-design-icon[data-v-c1841318] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.smart-picker-search[data-v-77fd76e7] {
+.smart-picker-search[data-v-c1841318] {
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: 0 16px 16px 16px;
 }
-.smart-picker-search.with-empty-content[data-v-77fd76e7] {
+.smart-picker-search.with-empty-content[data-v-c1841318] {
   min-height: 400px;
 }
-.smart-picker-search .provider-icon[data-v-77fd76e7] {
+.smart-picker-search .provider-icon[data-v-c1841318] {
   width: 150px;
   height: 150px;
   object-fit: contain;
   filter: var(--background-invert-if-dark);
 }
-.smart-picker-search--select[data-v-77fd76e7] {
+.smart-picker-search--select[data-v-c1841318] {
   width: 100%;
 }
-.smart-picker-search--select .search-result[data-v-77fd76e7] {
+.smart-picker-search--select .search-result[data-v-c1841318] {
   width: 100%;
 }
-.smart-picker-search--select .group-name-icon[data-v-77fd76e7],
-.smart-picker-search--select .option-simple-icon[data-v-77fd76e7] {
+.smart-picker-search--select .group-name-icon[data-v-c1841318],
+.smart-picker-search--select .option-simple-icon[data-v-c1841318] {
   width: 20px;
   height: 20px;
   margin: 0 20px 0 10px;
 }
-.smart-picker-search--select .custom-option[data-v-77fd76e7] {
+.smart-picker-search--select .custom-option[data-v-c1841318] {
   height: var(--default-clickable-area);
   display: flex;
   align-items: center;
   overflow: hidden;
 }
-.smart-picker-search--select .option-text[data-v-77fd76e7] {
+.smart-picker-search--select .option-text[data-v-c1841318] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/dist/chunks/{NcActionButtonGroup-Dqt8Gekb.mjs → NcActionButtonGroup-VJlvSBVZ.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-BNGeEX3W.mjs";
+import { r as register, a as t } from "./_l10n-dinIMiE_.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-Dqt8Gekb.mjs.map
+//# sourceMappingURL=NcActionButtonGroup-VJlvSBVZ.mjs.map

package/dist/chunks/{NcActionButtonGroup-Dqt8Gekb.mjs.map → NcActionButtonGroup-VJlvSBVZ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NcActionButtonGroup-Dqt8Gekb.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\tv-model=\"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\tv-model=\"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\tv-model=\"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 { createElementId } from '../../utils/createElementId.ts'\nimport { t } from '../../l10n.js'\nimport { NC_ACTIONS_IS_SEMANTIC_MENU } from '../NcActions/useNcActions.ts'\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: NC_ACTIONS_IS_SEMANTIC_MENU,\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: createElementId(),\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\t},\n})\n</script>\n\n<style lang=\"scss\">\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\t\tli {\n\t\t\tflex: 1 1;\n\t\t}\n\n\t\t.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":["_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_renderSlot"],"mappings":";;;;;;AAgGA,MAAK,YAAa,gBAAa;AAAA,EAC9B,MAAM;AAAA,EAEN,QAAQ;AAAA,IACP,kBAAkB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIN,MAAM;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAM;AAAA,IACN;AAAA,EACD;AAAA,EAED,QAAQ;AACP,WAAO;AAAA,MACN,SAAS,gBAAiB;AAAA,IAC3B;AAAA,EACA;AAAA,EAED,SAAS;AAAA,IACR;AAAA,EACA;AACF,CAAC;AA9HD,MAAA,aAAA,CAAA,MAAA;AAAA,MAAA,aAAA,CAAA,IAAA;AAAA,MAAA,aAAA,CAAA,iBAAA;;sBA6ECA,mBAOK,MAAA;AAAA,IAPD,OAAM;AAAA,IAAwB,MAAM,KAAgB,oBAAA;AAAA;IAC5C,KAAI,qBAAfA,mBAEM,OAAA;AAAA,MAhFR,KAAA;AAAA,MA8EoB,IAAI,KAAO;AAAA,IACzB,GAAAC,gBAAA,KAAA,IAAI,GA/EV,GAAA,UAAA,KAAAC,mBAAA,IAAA,IAAA;AAAA,IAiFEC,mBAEK,MAAA;AAAA,MAFD,OAAM;AAAA,MAA0B,MAAK;AAAA,MAAS,mBAAiB,KAAA,OAAO,KAAA,UAAU;AAAA;MACnFC,WAAQ,KAAA,QAAA,SAAA;AAAA,IAlFX,GAAA,GAAA,UAAA;AAAA,EAAA,GAAA,GAAA,UAAA;;;"}
+{"version":3,"file":"NcActionButtonGroup-VJlvSBVZ.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\tv-model=\"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\tv-model=\"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\tv-model=\"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 { createElementId } from '../../utils/createElementId.ts'\nimport { t } from '../../l10n.js'\nimport { NC_ACTIONS_IS_SEMANTIC_MENU } from '../NcActions/useNcActions.ts'\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: NC_ACTIONS_IS_SEMANTIC_MENU,\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: createElementId(),\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\t},\n})\n</script>\n\n<style lang=\"scss\">\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\t\tli {\n\t\t\tflex: 1 1;\n\t\t}\n\n\t\t.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":["_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","_renderSlot"],"mappings":";;;;;;AAgGA,MAAK,YAAa,gBAAa;AAAA,EAC9B,MAAM;AAAA,EAEN,QAAQ;AAAA,IACP,kBAAkB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIN,MAAM;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAM;AAAA,IACN;AAAA,EACD;AAAA,EAED,QAAQ;AACP,WAAO;AAAA,MACN,SAAS,gBAAiB;AAAA,IAC3B;AAAA,EACA;AAAA,EAED,SAAS;AAAA,IACR;AAAA,EACA;AACF,CAAC;AA9HD,MAAA,aAAA,CAAA,MAAA;AAAA,MAAA,aAAA,CAAA,IAAA;AAAA,MAAA,aAAA,CAAA,iBAAA;;sBA6ECA,mBAOK,MAAA;AAAA,IAPD,OAAM;AAAA,IAAwB,MAAM,KAAgB,oBAAA;AAAA;IAC5C,KAAI,qBAAfA,mBAEM,OAAA;AAAA,MAhFR,KAAA;AAAA,MA8EoB,IAAI,KAAO;AAAA,IACzB,GAAAC,gBAAA,KAAA,IAAI,GA/EV,GAAA,UAAA,KAAAC,mBAAA,IAAA,IAAA;AAAA,IAiFEC,mBAEK,MAAA;AAAA,MAFD,OAAM;AAAA,MAA0B,MAAK;AAAA,MAAS,mBAAiB,KAAA,OAAO,KAAA,UAAU;AAAA;MACnFC,WAAQ,KAAA,QAAA,SAAA;AAAA,IAlFX,GAAA,GAAA,UAAA;AAAA,EAAA,GAAA,GAAA,UAAA;;;"}