@nextcloud/vue 9.0.0-alpha.6 → 9.0.0-alpha.8

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

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

package/dist/assets/{NcListItemIcon-d5-l-ZB1.css → NcListItemIcon-Bnr-Z-SO.css}

@@ -9,64 +9,64 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-dec309da] {
+.material-design-icon[data-v-1ccdcbb5] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.option[data-v-dec309da] {
+.option[data-v-1ccdcbb5] {
   display: flex;
   align-items: center;
   width: 100%;
   height: var(--height);
   cursor: inherit;
 }
-.option__avatar[data-v-dec309da] {
-  margin-right: var(--margin);
+.option__avatar[data-v-1ccdcbb5] {
+  margin-inline-end: var(--margin);
 }
-.option__details[data-v-dec309da] {
+.option__details[data-v-1ccdcbb5] {
   display: flex;
   flex: 1 1;
   flex-direction: column;
   justify-content: center;
   min-width: 0;
 }
-.option__lineone[data-v-dec309da] {
+.option__lineone[data-v-1ccdcbb5] {
   color: var(--color-main-text);
 }
-.option__linetwo[data-v-dec309da] {
+.option__linetwo[data-v-1ccdcbb5] {
   color: var(--color-text-maxcontrast);
 }
-.option__lineone[data-v-dec309da], .option__linetwo[data-v-dec309da] {
+.option__lineone[data-v-1ccdcbb5], .option__linetwo[data-v-1ccdcbb5] {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   line-height: 1.2;
 }
-.option__lineone strong[data-v-dec309da], .option__linetwo strong[data-v-dec309da] {
+.option__lineone strong[data-v-1ccdcbb5], .option__linetwo strong[data-v-1ccdcbb5] {
   font-weight: bold;
 }
-.option--compact .option__lineone[data-v-dec309da] {
+.option--compact .option__lineone[data-v-1ccdcbb5] {
   font-size: 14px;
 }
-.option--compact .option__linetwo[data-v-dec309da] {
+.option--compact .option__linetwo[data-v-1ccdcbb5] {
   font-size: 11px;
   line-height: 1.5;
   margin-top: -4px;
 }
-.option__icon[data-v-dec309da] {
+.option__icon[data-v-1ccdcbb5] {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   color: var(--color-text-maxcontrast);
 }
-.option__icon.icon[data-v-dec309da] {
+.option__icon.icon[data-v-1ccdcbb5] {
   flex: 0 0 var(--default-clickable-area);
   opacity: 0.7;
   background-position: center;
   background-size: 16px;
 }
-.option__details[data-v-dec309da], .option__lineone[data-v-dec309da], .option__linetwo[data-v-dec309da], .option__icon[data-v-dec309da] {
+.option__details[data-v-1ccdcbb5], .option__lineone[data-v-1ccdcbb5], .option__linetwo[data-v-1ccdcbb5], .option__icon[data-v-1ccdcbb5] {
   cursor: inherit;
 }

package/dist/assets/{NcMentionBubble-C6t8od-_.css → NcMentionBubble-BL05HUeF.css}

@@ -9,25 +9,25 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-a519576f] {
+.material-design-icon[data-v-6c8d0da9] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.mention-bubble--primary .mention-bubble__content[data-v-a519576f] {
+.mention-bubble--primary .mention-bubble__content[data-v-6c8d0da9] {
   color: var(--color-primary-element-text);
   background-color: var(--color-primary-element);
 }
-.mention-bubble__wrapper[data-v-a519576f] {
+.mention-bubble__wrapper[data-v-6c8d0da9] {
   max-width: 150px;
   height: 18px;
   vertical-align: text-bottom;
   display: inline-flex;
   align-items: center;
 }
-.mention-bubble__content[data-v-a519576f] {
+.mention-bubble__content[data-v-6c8d0da9] {
   display: inline-flex;
   overflow: hidden;
   align-items: center;
@@ -35,12 +35,11 @@
   height: 20px;
   -webkit-user-select: none;
   user-select: none;
-  padding-right: 6px;
-  padding-left: 2px;
+  padding-inline: 2px 6px;
   border-radius: 10px;
   background-color: var(--color-background-dark);
 }
-.mention-bubble__icon[data-v-a519576f] {
+.mention-bubble__icon[data-v-6c8d0da9] {
   position: relative;
   width: 16px;
   height: 16px;
@@ -50,23 +49,23 @@
   background-position: center;
   background-size: 12px;
 }
-.mention-bubble__icon--with-avatar[data-v-a519576f] {
+.mention-bubble__icon--with-avatar[data-v-6c8d0da9] {
   color: inherit;
   background-size: cover;
 }
-.mention-bubble__title[data-v-a519576f] {
+.mention-bubble__title[data-v-6c8d0da9] {
   overflow: hidden;
-  margin-left: 2px;
+  margin-inline-start: 2px;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.mention-bubble__title[data-v-a519576f]::before {
+.mention-bubble__title[data-v-6c8d0da9]::before {
   content: attr(title);
 }
-.mention-bubble__select[data-v-a519576f] {
+.mention-bubble__select[data-v-6c8d0da9] {
   position: absolute;
   z-index: -1;
-  left: -100vw;
+  inset-inline-start: -100vw;
   width: 1px;
   height: 1px;
   overflow: hidden;

package/dist/assets/{NcPasswordField-By-kPRJC.css → NcPasswordField-z9gbKnov.css}

@@ -9,13 +9,13 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-f55bae1d] {
+.material-design-icon[data-v-c3d5f04b] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-[data-v-f55bae1d] .password-field__input--secure-text {
+[data-v-c3d5f04b] .password-field__input--secure-text {
   -webkit-text-security: disc;
 }

package/dist/assets/{NcPopover-BGWT8K0v.css → NcPopover-ChETNAVH.css}

@@ -49,7 +49,18 @@
   top: 0;
   left: 0;
   display: block !important;
-  filter: drop-shadow(0 1px 10px var(--color-box-shadow));
+}
+.v-popper--theme-dropdown.v-popper__popper .v-popper__wrapper {
+  /*
+   * In theory, "filter: drop-shadow" would look better here with arrow shadow.
+   * In fact, in results in a blurry popover in Chromium on scaling.
+   * The hypothesis is that "filter" creates a new composition layer,
+   * and with GPU acceleration requires the previous layers content to be rasterized.
+   * In combination with translate3d from floating-vue, it makes Chromium to first render and rasterize the popover
+   * and then apply scaling, which results in a blurry popover.
+   */
+  box-shadow: 0 1px 10px var(--color-box-shadow);
+  border-radius: var(--border-radius-large);
 }
 .v-popper--theme-dropdown.v-popper__popper .v-popper__inner {
   padding: 0;
@@ -68,22 +79,22 @@
   border-width: 10px;
 }
 .v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-container {
-  bottom: -10px;
+  bottom: -9px;
   border-bottom-width: 0;
   border-top-color: var(--color-main-background);
 }
 .v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
-  top: -10px;
+  top: -9px;
   border-top-width: 0;
   border-bottom-color: var(--color-main-background);
 }
 .v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-container {
-  left: -10px;
+  left: -9px;
   border-left-width: 0;
   border-right-color: var(--color-main-background);
 }
 .v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
-  right: -10px;
+  right: -9px;
   border-right-width: 0;
   border-left-color: var(--color-main-background);
 }

package/dist/assets/{NcRelatedResourcesPanel-CrarpPeQ.css → NcRelatedResourcesPanel-DXfywiqL.css}

@@ -9,32 +9,32 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-de46bdbe] {
+.material-design-icon[data-v-ae5c35b7] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.team-resources__header[data-v-de46bdbe] {
+.team-resources__header[data-v-ae5c35b7] {
   font-weight: bold;
   margin-bottom: 6px;
 }
-.related-team[data-v-de46bdbe] {
+.related-team[data-v-ae5c35b7] {
   border-radius: var(--border-radius-rounded);
   border: 2px solid var(--color-border-dark);
   margin-bottom: 6px;
 }
-.related-team__open[data-v-de46bdbe] {
+.related-team__open[data-v-ae5c35b7] {
   border-color: var(--color-primary-element);
 }
-.related-team__header[data-v-de46bdbe] {
+.related-team__header[data-v-ae5c35b7] {
   padding: 6px;
-  padding-right: 24px;
+  padding-inline-end: 24px;
   display: flex;
   gap: 12px;
 }
-.related-team__name[data-v-de46bdbe] {
+.related-team__name[data-v-ae5c35b7] {
   display: flex;
   flex-grow: 1;
   align-items: center;
@@ -43,34 +43,34 @@
   font-weight: bold;
   margin: 0;
 }
-.related-team .related-team-provider[data-v-de46bdbe] {
+.related-team .related-team-provider[data-v-ae5c35b7] {
   padding: 6px 12px;
 }
-.related-team .related-team-provider__name[data-v-de46bdbe] {
+.related-team .related-team-provider__name[data-v-ae5c35b7] {
   font-weight: bold;
   margin-bottom: 3px;
 }
-.related-team .related-team-provider__link[data-v-de46bdbe] {
+.related-team .related-team-provider__link[data-v-ae5c35b7] {
   display: flex;
   gap: 12px;
   padding: 6px 12px;
   font-weight: bold;
 }
-.related-team .related-team-resource__link[data-v-de46bdbe] {
+.related-team .related-team-resource__link[data-v-ae5c35b7] {
   display: flex;
   gap: 12px;
   height: var(--default-clickable-area);
   align-items: center;
   border-radius: var(--border-radius-large);
 }
-.related-team .related-team-resource__link[data-v-de46bdbe]:hover {
+.related-team .related-team-resource__link[data-v-ae5c35b7]:hover {
   background-color: var(--color-background-hover);
 }
-.related-team .related-team-resource__link[data-v-de46bdbe]:focus {
+.related-team .related-team-resource__link[data-v-ae5c35b7]:focus {
   background-color: var(--color-background-hover);
   outline: 2px solid var(--color-primary-element);
 }
-.related-team .related-team-resource .resource__icon[data-v-de46bdbe] {
+.related-team .related-team-resource .resource__icon[data-v-ae5c35b7] {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   display: flex;
@@ -78,7 +78,7 @@
   justify-content: center;
   text-align: center;
 }
-.related-team .related-team-resource .resource__icon > img[data-v-de46bdbe] {
+.related-team .related-team-resource .resource__icon > img[data-v-ae5c35b7] {
   border-radius: var(--border-radius-pill);
   overflow: hidden;
   width: 32px;
@@ -94,31 +94,31 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-99adff52] {
+.material-design-icon[data-v-11369c52] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.resource[data-v-99adff52] {
+.resource[data-v-11369c52] {
   display: flex;
   align-items: center;
   height: var(--default-clickable-area);
 }
-.resource__button[data-v-99adff52] {
+.resource__button[data-v-11369c52] {
   width: 100% !important;
   justify-content: flex-start !important;
   padding: 0 !important;
 }
-.resource__button[data-v-99adff52] .button-vue__wrapper {
+.resource__button[data-v-11369c52] .button-vue__wrapper {
   justify-content: flex-start !important;
 }
-.resource__button[data-v-99adff52] .button-vue__wrapper .button-vue__text {
+.resource__button[data-v-11369c52] .button-vue__wrapper .button-vue__text {
   font-weight: normal !important;
-  margin-left: 2px !important;
+  margin-inline-start: 2px !important;
 }
-.resource__icon[data-v-99adff52] {
+.resource__icon[data-v-11369c52] {
   width: 32px;
   height: 32px;
   background-color: var(--color-text-maxcontrast);
@@ -127,7 +127,7 @@
   align-items: center;
   justify-content: center;
 }
-.resource__icon img[data-v-99adff52] {
+.resource__icon img[data-v-11369c52] {
   width: 16px;
   height: 16px;
   filter: var(--background-invert-if-dark);