@nextcloud/vue 8.21.0 → 8.23.0

package/dist/assets/{NcModal-BBKX-T6V.css → NcModal-ZfCDJxwd.css}

@@ -9,14 +9,17 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-7a919502] {
+.material-design-icon[data-v-d5334a44] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.modal-mask[data-v-7a919502] {
+.modal-mask[data-v-d5334a44] {
+  --backdrop-color: 0, 0, 0;
+  --icon-size: 20px;
+  --slideshow-duration: var(--8ad040f8);
   position: fixed;
   z-index: 9998;
   top: 0;
@@ -24,16 +27,15 @@
   display: block;
   width: 100%;
   height: 100%;
-  --backdrop-color: 0, 0, 0;
   background-color: rgba(var(--backdrop-color), 0.5);
 }
-.modal-mask--opaque[data-v-7a919502] {
+.modal-mask--opaque[data-v-d5334a44] {
   background-color: rgba(var(--backdrop-color), 0.92);
 }
-.modal-mask--light[data-v-7a919502] {
+.modal-mask--light[data-v-d5334a44] {
   --backdrop-color: 255, 255, 255;
 }
-.modal-header[data-v-7a919502] {
+.modal-header[data-v-d5334a44] {
   position: absolute;
   z-index: 10001;
   top: 0;
@@ -47,7 +49,7 @@
   overflow: hidden;
   transition: opacity 250ms, visibility 250ms;
 }
-.modal-header__name[data-v-7a919502] {
+.modal-header__name[data-v-d5334a44] {
   overflow-x: hidden;
   box-sizing: border-box;
   width: 100%;
@@ -59,19 +61,19 @@
   margin-block: 0;
 }
 @media only screen and (min-width: 1024px) {
-.modal-header__name[data-v-7a919502] {
+.modal-header__name[data-v-d5334a44] {
     padding-left: calc(var(--default-clickable-area) * 3);
     text-align: center;
 }
 }
-.modal-header .icons-menu[data-v-7a919502] {
+.modal-header .icons-menu[data-v-d5334a44] {
   position: absolute;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.modal-header .icons-menu .header-close[data-v-7a919502] {
+.modal-header .icons-menu .header-close[data-v-d5334a44] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -79,7 +81,7 @@
   margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
   padding: 0;
 }
-.modal-header .icons-menu .play-pause-icons[data-v-7a919502] {
+.modal-header .icons-menu .play-pause-icons[data-v-d5334a44] {
   position: relative;
   width: var(--header-height);
   height: var(--header-height);
@@ -89,14 +91,14 @@
   border: none;
   background-color: transparent;
 }
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-7a919502],
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-7a919502], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-7a919502],
-.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-7a919502] {
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-d5334a44],
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-d5334a44], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-d5334a44],
+.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-d5334a44] {
   opacity: 1;
   border-radius: calc(var(--default-clickable-area) / 2);
   background-color: rgba(127, 127, 127, 0.25);
 }
-.modal-header .icons-menu .play-pause-icons__play[data-v-7a919502], .modal-header .icons-menu .play-pause-icons__pause[data-v-7a919502] {
+.modal-header .icons-menu .play-pause-icons__play[data-v-d5334a44], .modal-header .icons-menu .play-pause-icons__pause[data-v-d5334a44] {
   box-sizing: border-box;
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
@@ -104,10 +106,10 @@
   cursor: pointer;
   opacity: 0.7;
 }
-.modal-header .icons-menu[data-v-7a919502]  .action-item {
+.modal-header .icons-menu[data-v-d5334a44]  .action-item {
   margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
 }
-.modal-header .icons-menu[data-v-7a919502]  .action-item--single {
+.modal-header .icons-menu[data-v-d5334a44]  .action-item--single {
   box-sizing: border-box;
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
@@ -115,18 +117,18 @@
   background-position: center;
   background-size: 22px;
 }
-.modal-header .icons-menu .header-actions[data-v-7a919502] button:focus-visible {
+.modal-header .icons-menu .header-actions[data-v-d5334a44] button:focus-visible {
   box-shadow: none !important;
   outline: 2px solid #fff !important;
 }
-.modal-header .icons-menu[data-v-7a919502] .action-item__menutoggle {
+.modal-header .icons-menu[data-v-d5334a44] .action-item__menutoggle {
   padding: 0;
 }
-.modal-header .icons-menu[data-v-7a919502] .action-item__menutoggle span, .modal-header .icons-menu[data-v-7a919502] .action-item__menutoggle svg {
+.modal-header .icons-menu[data-v-d5334a44] .action-item__menutoggle span, .modal-header .icons-menu[data-v-d5334a44] .action-item__menutoggle svg {
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.modal-wrapper[data-v-7a919502] {
+.modal-wrapper[data-v-d5334a44] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -136,8 +138,8 @@
   /* Navigation buttons */
   /* Content */
 }
-.modal-wrapper .prev[data-v-7a919502],
-.modal-wrapper .next[data-v-7a919502] {
+.modal-wrapper .prev[data-v-d5334a44],
+.modal-wrapper .next[data-v-d5334a44] {
   z-index: 10000;
   height: 35vh;
   min-height: 300px;
@@ -145,18 +147,18 @@
   transition: opacity 250ms;
   color: white;
 }
-.modal-wrapper .prev[data-v-7a919502]:focus-visible,
-.modal-wrapper .next[data-v-7a919502]:focus-visible {
+.modal-wrapper .prev[data-v-d5334a44]:focus-visible,
+.modal-wrapper .next[data-v-d5334a44]:focus-visible {
   box-shadow: 0 0 0 2px var(--color-primary-element-text);
   background-color: var(--color-box-shadow);
 }
-.modal-wrapper .prev[data-v-7a919502] {
+.modal-wrapper .prev[data-v-d5334a44] {
   left: 2px;
 }
-.modal-wrapper .next[data-v-7a919502] {
+.modal-wrapper .next[data-v-d5334a44] {
   right: 2px;
 }
-.modal-wrapper .modal-container[data-v-7a919502] {
+.modal-wrapper .modal-container[data-v-d5334a44] {
   position: relative;
   display: flex;
   padding: 0;
@@ -166,33 +168,33 @@
   color: var(--color-main-text);
   box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
 }
-.modal-wrapper .modal-container__close[data-v-7a919502] {
+.modal-wrapper .modal-container__close[data-v-d5334a44] {
   z-index: 1;
   position: absolute;
   top: 4px;
   inset-inline-end: var(--default-grid-baseline);
 }
-.modal-wrapper .modal-container__content[data-v-7a919502] {
+.modal-wrapper .modal-container__content[data-v-d5334a44] {
   width: 100%;
   min-height: 52px;
   overflow: auto;
 }
-.modal-wrapper--small > .modal-container[data-v-7a919502] {
+.modal-wrapper--small > .modal-container[data-v-d5334a44] {
   width: 400px;
   max-width: 90%;
   max-height: min(90%, 100% - 2 * var(--header-height));
 }
-.modal-wrapper--normal > .modal-container[data-v-7a919502] {
+.modal-wrapper--normal > .modal-container[data-v-d5334a44] {
   max-width: 90%;
   width: 600px;
   max-height: min(90%, 100% - 2 * var(--header-height));
 }
-.modal-wrapper--large > .modal-container[data-v-7a919502] {
+.modal-wrapper--large > .modal-container[data-v-d5334a44] {
   max-width: 90%;
   width: 900px;
   max-height: min(90%, 100% - 2 * var(--header-height));
 }
-.modal-wrapper--full > .modal-container[data-v-7a919502] {
+.modal-wrapper--full > .modal-container[data-v-d5334a44] {
   width: 100%;
   height: calc(100% - var(--header-height));
   position: absolute;
@@ -200,7 +202,7 @@
   border-radius: 0;
 }
 @media only screen and ((max-width: 512px) or (max-height: 400px)) {
-.modal-wrapper .modal-container[data-v-7a919502] {
+.modal-wrapper .modal-container[data-v-d5334a44] {
     max-width: initial;
     width: 100%;
     max-height: initial;
@@ -212,60 +214,60 @@
 }
 
 /* TRANSITIONS */
-.fade-enter-active[data-v-7a919502],
-.fade-leave-active[data-v-7a919502] {
+.fade-enter-active[data-v-d5334a44],
+.fade-leave-active[data-v-d5334a44] {
   transition: opacity 250ms;
 }
-.fade-enter[data-v-7a919502],
-.fade-leave-to[data-v-7a919502] {
+.fade-enter[data-v-d5334a44],
+.fade-leave-to[data-v-d5334a44] {
   opacity: 0;
 }
-.fade-visibility-enter[data-v-7a919502],
-.fade-visibility-leave-to[data-v-7a919502] {
+.fade-visibility-enter[data-v-d5334a44],
+.fade-visibility-leave-to[data-v-d5334a44] {
   visibility: hidden;
   opacity: 0;
 }
-.modal-in-enter-active[data-v-7a919502],
-.modal-in-leave-active[data-v-7a919502],
-.modal-out-enter-active[data-v-7a919502],
-.modal-out-leave-active[data-v-7a919502] {
+.modal-in-enter-active[data-v-d5334a44],
+.modal-in-leave-active[data-v-d5334a44],
+.modal-out-enter-active[data-v-d5334a44],
+.modal-out-leave-active[data-v-d5334a44] {
   transition: opacity 250ms;
 }
-.modal-in-enter[data-v-7a919502],
-.modal-in-leave-to[data-v-7a919502],
-.modal-out-enter[data-v-7a919502],
-.modal-out-leave-to[data-v-7a919502] {
+.modal-in-enter[data-v-d5334a44],
+.modal-in-leave-to[data-v-d5334a44],
+.modal-out-enter[data-v-d5334a44],
+.modal-out-leave-to[data-v-d5334a44] {
   opacity: 0;
 }
-.modal-in-enter .modal-container[data-v-7a919502],
-.modal-in-leave-to .modal-container[data-v-7a919502] {
+.modal-in-enter .modal-container[data-v-d5334a44],
+.modal-in-leave-to .modal-container[data-v-d5334a44] {
   transform: scale(0.9);
 }
-.modal-out-enter .modal-container[data-v-7a919502],
-.modal-out-leave-to .modal-container[data-v-7a919502] {
+.modal-out-enter .modal-container[data-v-d5334a44],
+.modal-out-leave-to .modal-container[data-v-d5334a44] {
   transform: scale(1.1);
 }
-.modal-mask .play-pause-icons .progress-ring[data-v-7a919502] {
+.modal-mask .play-pause-icons .progress-ring[data-v-d5334a44] {
   position: absolute;
   top: 0;
   left: 0;
   transform: rotate(-90deg);
 }
-.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-7a919502] {
+.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-d5334a44] {
   transition: 100ms stroke-dashoffset;
   transform-origin: 50% 50%;
-  animation: progressring-7a919502 linear var(--slideshow-duration) infinite;
+  animation: progressring-d5334a44 linear var(--slideshow-duration) infinite;
   stroke-linecap: round;
   stroke-dashoffset: 94.2477796077;
   stroke-dasharray: 94.2477796077;
 }
-.modal-mask .play-pause-icons--paused .icon-pause[data-v-7a919502] {
-  animation: breath-7a919502 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+.modal-mask .play-pause-icons--paused .icon-pause[data-v-d5334a44] {
+  animation: breath-d5334a44 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
-.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-7a919502] {
+.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-d5334a44] {
   animation-play-state: paused !important;
 }
-@keyframes progressring-7a919502 {
+@keyframes progressring-d5334a44 {
 from {
     stroke-dashoffset: 94.2477796077;
 }
@@ -273,7 +275,7 @@ to {
     stroke-dashoffset: 0;
 }
 }
-@keyframes breath-7a919502 {
+@keyframes breath-d5334a44 {
 0% {
     opacity: 1;
 }

package/dist/assets/{NcPasswordField-DZ6dcMzH.css → NcPasswordField-whtKJFcB.css}

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

package/dist/assets/{NcPopover-TS4CW9MJ.css → NcPopover-DpakVVxI.css}

@@ -46,7 +46,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;
@@ -65,22 +76,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-DIhZx6lY.css → NcRelatedResourcesPanel-DSf7TVcC.css}

@@ -9,32 +9,32 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-de46bdbe] {
+.material-design-icon[data-v-799fdf5d] {
   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-799fdf5d] {
   font-weight: bold;
   margin-bottom: 6px;
 }
-.related-team[data-v-de46bdbe] {
+.related-team[data-v-799fdf5d] {
   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-799fdf5d] {
   border-color: var(--color-primary-element);
 }
-.related-team__header[data-v-de46bdbe] {
+.related-team__header[data-v-799fdf5d] {
   padding: 6px;
   padding-right: 24px;
   display: flex;
   gap: 12px;
 }
-.related-team__name[data-v-de46bdbe] {
+.related-team__name[data-v-799fdf5d] {
   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-799fdf5d] {
   padding: 6px 12px;
 }
-.related-team .related-team-provider__name[data-v-de46bdbe] {
+.related-team .related-team-provider__name[data-v-799fdf5d] {
   font-weight: bold;
   margin-bottom: 3px;
 }
-.related-team .related-team-provider__link[data-v-de46bdbe] {
+.related-team .related-team-provider__link[data-v-799fdf5d] {
   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-799fdf5d] {
   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-799fdf5d]: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-799fdf5d]: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-799fdf5d] {
   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-799fdf5d] {
   border-radius: var(--border-radius-pill);
   overflow: hidden;
   width: 32px;