@nextcloud/vue 8.0.0-beta.9 → 8.0.1

package/dist/assets/{index-5ee8a575.css → index-73ded07b.css}

@@ -20,14 +20,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-45e668d9] {
+.material-design-icon[data-v-910493a0] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.modal-mask[data-v-45e668d9] {
+.modal-mask[data-v-910493a0] {
   position: fixed;
   z-index: 9998;
   top: 0;
@@ -37,10 +37,10 @@
   height: 100%;
   background-color: #00000080;
 }
-.modal-mask--dark[data-v-45e668d9] {
+.modal-mask--dark[data-v-910493a0] {
   background-color: #000000eb;
 }
-.modal-header[data-v-45e668d9] {
+.modal-header[data-v-910493a0] {
   position: absolute;
   z-index: 10001;
   top: 0;
@@ -54,7 +54,7 @@
   overflow: hidden;
   transition: opacity .25s, visibility .25s;
 }
-.modal-header .modal-name[data-v-45e668d9] {
+.modal-header .modal-name[data-v-910493a0] {
   overflow-x: hidden;
   box-sizing: border-box;
   width: 100%;
@@ -67,19 +67,19 @@
   margin-bottom: 0;
 }
 @media only screen and (min-width: 1024px) {
-  .modal-header .modal-name[data-v-45e668d9] {
+  .modal-header .modal-name[data-v-910493a0] {
     padding-left: 132px;
     text-align: center;
   }
 }
-.modal-header .icons-menu[data-v-45e668d9] {
+.modal-header .icons-menu[data-v-910493a0] {
   position: absolute;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.modal-header .icons-menu .header-close[data-v-45e668d9] {
+.modal-header .icons-menu .header-close[data-v-910493a0] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -87,7 +87,7 @@
   margin: 3px;
   padding: 0;
 }
-.modal-header .icons-menu .play-pause-icons[data-v-45e668d9] {
+.modal-header .icons-menu .play-pause-icons[data-v-910493a0] {
   position: relative;
   width: 50px;
   height: 50px;
@@ -97,16 +97,16 @@
   border: none;
   background-color: transparent;
 }
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-45e668d9],
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-45e668d9],
-.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-45e668d9],
-.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-45e668d9] {
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-910493a0],
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-910493a0],
+.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-910493a0],
+.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-910493a0] {
   opacity: 1;
   border-radius: 22px;
   background-color: #7f7f7f40;
 }
-.modal-header .icons-menu .play-pause-icons__play[data-v-45e668d9],
-.modal-header .icons-menu .play-pause-icons__pause[data-v-45e668d9] {
+.modal-header .icons-menu .play-pause-icons__play[data-v-910493a0],
+.modal-header .icons-menu .play-pause-icons__pause[data-v-910493a0] {
   box-sizing: border-box;
   width: 44px;
   height: 44px;
@@ -114,13 +114,13 @@
   cursor: pointer;
   opacity: .7;
 }
-.modal-header .icons-menu .header-actions[data-v-45e668d9] {
+.modal-header .icons-menu .header-actions[data-v-910493a0] {
   color: #fff;
 }
-.modal-header .icons-menu[data-v-45e668d9] .action-item {
+.modal-header .icons-menu[data-v-910493a0] .action-item {
   margin: 3px;
 }
-.modal-header .icons-menu[data-v-45e668d9] .action-item--single {
+.modal-header .icons-menu[data-v-910493a0] .action-item--single {
   box-sizing: border-box;
   width: 44px;
   height: 44px;
@@ -128,18 +128,18 @@
   background-position: center;
   background-size: 22px;
 }
-.modal-header .icons-menu[data-v-45e668d9] button {
+.modal-header .icons-menu[data-v-910493a0] button {
   color: #fff;
 }
-.modal-header .icons-menu[data-v-45e668d9] .action-item__menutoggle {
+.modal-header .icons-menu[data-v-910493a0] .action-item__menutoggle {
   padding: 0;
 }
-.modal-header .icons-menu[data-v-45e668d9] .action-item__menutoggle span,
-.modal-header .icons-menu[data-v-45e668d9] .action-item__menutoggle svg {
+.modal-header .icons-menu[data-v-910493a0] .action-item__menutoggle span,
+.modal-header .icons-menu[data-v-910493a0] .action-item__menutoggle svg {
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.modal-wrapper[data-v-45e668d9] {
+.modal-wrapper[data-v-910493a0] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -147,8 +147,8 @@
   width: 100%;
   height: 100%;
 }
-.modal-wrapper .prev[data-v-45e668d9],
-.modal-wrapper .next[data-v-45e668d9] {
+.modal-wrapper .prev[data-v-910493a0],
+.modal-wrapper .next[data-v-910493a0] {
   z-index: 10000;
   height: 35vh;
   min-height: 300px;
@@ -156,18 +156,18 @@
   transition: opacity .25s;
   color: #fff;
 }
-.modal-wrapper .prev[data-v-45e668d9]:focus-visible,
-.modal-wrapper .next[data-v-45e668d9]:focus-visible {
+.modal-wrapper .prev[data-v-910493a0]:focus-visible,
+.modal-wrapper .next[data-v-910493a0]:focus-visible {
   box-shadow: 0 0 0 2px var(--color-primary-element-text);
   background-color: var(--color-box-shadow);
 }
-.modal-wrapper .prev[data-v-45e668d9] {
+.modal-wrapper .prev[data-v-910493a0] {
   left: 2px;
 }
-.modal-wrapper .next[data-v-45e668d9] {
+.modal-wrapper .next[data-v-910493a0] {
   right: 2px;
 }
-.modal-wrapper .modal-container[data-v-45e668d9] {
+.modal-wrapper .modal-container[data-v-910493a0] {
   position: relative;
   display: flex;
   padding: 0;
@@ -177,33 +177,33 @@
   color: var(--color-main-text);
   box-shadow: 0 0 40px #0003;
 }
-.modal-wrapper .modal-container__close[data-v-45e668d9] {
+.modal-wrapper .modal-container__close[data-v-910493a0] {
   z-index: 1;
   position: absolute;
   top: 4px;
   right: 4px;
 }
-.modal-wrapper .modal-container__content[data-v-45e668d9] {
+.modal-wrapper .modal-container__content[data-v-910493a0] {
   width: 100%;
   min-height: 52px;
   overflow: auto;
 }
-.modal-wrapper--small .modal-container[data-v-45e668d9] {
+.modal-wrapper--small .modal-container[data-v-910493a0] {
   width: 400px;
   max-width: 90%;
   max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--normal .modal-container[data-v-45e668d9] {
+.modal-wrapper--normal .modal-container[data-v-910493a0] {
   max-width: 90%;
   width: 600px;
   max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--large .modal-container[data-v-45e668d9] {
+.modal-wrapper--large .modal-container[data-v-910493a0] {
   max-width: 90%;
   width: 900px;
   max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--full .modal-container[data-v-45e668d9] {
+.modal-wrapper--full .modal-container[data-v-910493a0] {
   width: 100%;
   height: calc(100% - var(--header-height));
   position: absolute;
@@ -211,7 +211,7 @@
   border-radius: 0;
 }
 @media only screen and (max-width: 512px) {
-  .modal-wrapper .modal-container[data-v-45e668d9] {
+  .modal-wrapper .modal-container[data-v-910493a0] {
     max-width: initial;
     width: 100%;
     max-height: initial;
@@ -221,60 +221,60 @@
     border-radius: 0;
   }
 }
-.fade-enter-active[data-v-45e668d9],
-.fade-leave-active[data-v-45e668d9] {
+.fade-enter-active[data-v-910493a0],
+.fade-leave-active[data-v-910493a0] {
   transition: opacity .25s;
 }
-.fade-enter[data-v-45e668d9],
-.fade-leave-to[data-v-45e668d9] {
+.fade-enter[data-v-910493a0],
+.fade-leave-to[data-v-910493a0] {
   opacity: 0;
 }
-.fade-visibility-enter[data-v-45e668d9],
-.fade-visibility-leave-to[data-v-45e668d9] {
+.fade-visibility-enter[data-v-910493a0],
+.fade-visibility-leave-to[data-v-910493a0] {
   visibility: hidden;
   opacity: 0;
 }
-.modal-in-enter-active[data-v-45e668d9],
-.modal-in-leave-active[data-v-45e668d9],
-.modal-out-enter-active[data-v-45e668d9],
-.modal-out-leave-active[data-v-45e668d9] {
+.modal-in-enter-active[data-v-910493a0],
+.modal-in-leave-active[data-v-910493a0],
+.modal-out-enter-active[data-v-910493a0],
+.modal-out-leave-active[data-v-910493a0] {
   transition: opacity .25s;
 }
-.modal-in-enter[data-v-45e668d9],
-.modal-in-leave-to[data-v-45e668d9],
-.modal-out-enter[data-v-45e668d9],
-.modal-out-leave-to[data-v-45e668d9] {
+.modal-in-enter[data-v-910493a0],
+.modal-in-leave-to[data-v-910493a0],
+.modal-out-enter[data-v-910493a0],
+.modal-out-leave-to[data-v-910493a0] {
   opacity: 0;
 }
-.modal-in-enter .modal-container[data-v-45e668d9],
-.modal-in-leave-to .modal-container[data-v-45e668d9] {
+.modal-in-enter .modal-container[data-v-910493a0],
+.modal-in-leave-to .modal-container[data-v-910493a0] {
   transform: scale(.9);
 }
-.modal-out-enter .modal-container[data-v-45e668d9],
-.modal-out-leave-to .modal-container[data-v-45e668d9] {
+.modal-out-enter .modal-container[data-v-910493a0],
+.modal-out-leave-to .modal-container[data-v-910493a0] {
   transform: scale(1.1);
 }
-.modal-mask .play-pause-icons .progress-ring[data-v-45e668d9] {
+.modal-mask .play-pause-icons .progress-ring[data-v-910493a0] {
   position: absolute;
   top: 0;
   left: 0;
   transform: rotate(-90deg);
 }
-.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-45e668d9] {
+.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-910493a0] {
   transition: .1s stroke-dashoffset;
   transform-origin: 50% 50%;
-  animation: progressring-45e668d9 linear var(--slideshow-duration) infinite;
+  animation: progressring-910493a0 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-45e668d9] {
-  animation: breath-45e668d9 2s cubic-bezier(.4, 0, .2, 1) infinite;
+.modal-mask .play-pause-icons--paused .icon-pause[data-v-910493a0] {
+  animation: breath-910493a0 2s cubic-bezier(.4, 0, .2, 1) infinite;
 }
-.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-45e668d9] {
+.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-910493a0] {
   animation-play-state: paused !important;
 }
-@keyframes progressring-45e668d9 {
+@keyframes progressring-910493a0 {
   0% {
     stroke-dashoffset: 94.2477796077;
   }
@@ -282,7 +282,7 @@
     stroke-dashoffset: 0;
   }
 }
-@keyframes breath-45e668d9 {
+@keyframes breath-910493a0 {
   0% {
     opacity: 1;
   }

package/dist/assets/{index-1beccc92.css → index-750c02cc.css}

@@ -44,8 +44,8 @@ body {
   --vs-border-width: 2px;
   --vs-border-style: solid;
   --vs-border-radius: var(--border-radius-large);
-  --vs-controls-color: var(--color-text-maxcontrast);
-  --vs-selected-bg: var(--color-background-dark);
+  --vs-controls-color: var(--color-main-text);
+  --vs-selected-bg: var(--color-background-hover);
   --vs-selected-color: var(--color-main-text);
   --vs-selected-border-color: var(--vs-border-color);
   --vs-selected-border-style: var(--vs-border-style);
@@ -61,6 +61,7 @@ body {
   --vs-dropdown-option--deselect-bg: var(--color-error);
   --vs-dropdown-option--deselect-color: #fff;
   --vs-transition-duration: 0ms;
+  --vs-actions-padding: 0 8px 0 4px;
 }
 .v-select.select {
   min-height: 44px;
@@ -68,19 +69,30 @@ body {
   margin: 0;
 }
 .v-select.select .vs__selected {
-  min-height: 36px;
-  padding: 0 .5em;
-  border-radius: calc(var(--vs-border-radius) - 4px) !important;
+  height: 32px;
+  padding: 0 8px 0 12px;
+  border-radius: 18px !important;
+  background: var(--color-primary-element-light);
+  border: none;
+}
+.v-select.select .vs__search,
+.v-select.select .vs__search:focus {
+  margin: 2px 0 0;
+}
+.v-select.select .vs__dropdown-toggle {
+  padding: 0;
 }
 .v-select.select .vs__clear {
   margin-right: 2px;
 }
 .v-select.select.vs--open .vs__dropdown-toggle {
-  border-color: var(--color-primary-element);
+  outline: 2px solid var(--color-main-background);
+  border-color: var(--color-main-text);
   border-bottom-color: transparent;
 }
 .v-select.select:not(.vs--disabled, .vs--open) .vs__dropdown-toggle:hover {
-  border-color: var(--color-primary-element);
+  outline: 2px solid var(--color-main-background);
+  border-color: var(--color-main-text);
 }
 .v-select.select.vs--disabled .vs__search,
 .v-select.select.vs--disabled .vs__selected {
@@ -101,7 +113,7 @@ body {
 .v-select.select--drop-up.vs--open .vs__dropdown-toggle {
   border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
   border-top-color: transparent;
-  border-bottom-color: var(--color-primary-element);
+  border-bottom-color: var(--color-main-text);
 }
 .v-select.select .vs__selected-options {
   min-height: 40px;
@@ -112,13 +124,17 @@ body {
 .v-select.select.vs--single.vs--loading .vs__selected,
 .v-select.select.vs--single.vs--open .vs__selected {
   max-width: 100%;
+  opacity: 1;
+  color: var(--color-text-maxcontrast);
 }
 .v-select.select.vs--single .vs__selected-options {
   flex-wrap: nowrap;
 }
 .vs__dropdown-menu {
-  border-color: var(--color-primary-element) !important;
+  border-color: var(--color-main-text) !important;
+  outline: 2px solid var(--color-main-background);
   padding: 4px !important;
+  box-shadow: none;
 }
 .vs__dropdown-menu--floating {
   width: max-content;
@@ -130,7 +146,6 @@ body {
   border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0 !important;
   border-top-style: var(--vs-border-style) !important;
   border-bottom-style: none !important;
-  box-shadow: 0 -1px 1px 0 var(--color-box-shadow) !important;
 }
 .vs__dropdown-menu .vs__dropdown-option {
   border-radius: 6px !important;
@@ -138,3 +153,6 @@ body {
 .vs__dropdown-menu .vs__no-options {
   color: var(--color-text-lighter) !important;
 }
+.user-select .vs__selected {
+  padding: 0 2px !important;
+}

package/dist/assets/{index-9e9587e1.css → index-77a548be.css}

@@ -20,14 +20,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-01c0bc0e] {
+.material-design-icon[data-v-95b458cc] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-sidebar__tab[data-v-01c0bc0e] {
+.app-sidebar__tab[data-v-95b458cc] {
   display: none;
   padding: 10px;
   min-height: 100%;
@@ -35,11 +35,11 @@
   height: 100%;
   overflow: auto;
 }
-.app-sidebar__tab[data-v-01c0bc0e]:focus {
+.app-sidebar__tab[data-v-95b458cc]:focus {
   border-color: var(--color-primary-element);
   box-shadow: 0 0 .2em var(--color-primary-element);
   outline: 0;
 }
-.app-sidebar__tab--active[data-v-01c0bc0e] {
+.app-sidebar__tab--active[data-v-95b458cc] {
   display: block;
 }

package/dist/assets/{index-c5ae3bc4.css → index-7d211db9.css}

@@ -1,30 +1,30 @@
 @charset "UTF-8";
-.material-design-icon[data-v-3b9aca31] {
+.material-design-icon[data-v-c682268d] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-sidebar-tabs[data-v-3b9aca31] {
+.app-sidebar-tabs[data-v-c682268d] {
   display: flex;
   flex-direction: column;
   min-height: 0;
   flex: 1 1 100%;
 }
-.app-sidebar-tabs__nav[data-v-3b9aca31] {
+.app-sidebar-tabs__nav[data-v-c682268d] {
   display: flex;
   justify-content: stretch;
   margin-top: 10px;
   padding: 0 4px;
 }
-.app-sidebar-tabs__tab[data-v-3b9aca31] {
+.app-sidebar-tabs__tab[data-v-c682268d] {
   flex: 1 1;
 }
-.app-sidebar-tabs__tab.active[data-v-3b9aca31] {
+.app-sidebar-tabs__tab.active[data-v-c682268d] {
   color: var(--color-primary-element);
 }
-.app-sidebar-tabs__tab-caption[data-v-3b9aca31] {
+.app-sidebar-tabs__tab-caption[data-v-c682268d] {
   flex: 0 1 100%;
   width: 100%;
   overflow: hidden;
@@ -32,24 +32,24 @@
   text-overflow: ellipsis;
   text-align: center;
 }
-.app-sidebar-tabs__tab-icon[data-v-3b9aca31] {
+.app-sidebar-tabs__tab-icon[data-v-c682268d] {
   display: flex;
   align-items: center;
   justify-content: center;
   background-size: 20px;
 }
-.app-sidebar-tabs__tab[data-v-3b9aca31] .checkbox-radio-switch__content {
+.app-sidebar-tabs__tab[data-v-c682268d] .checkbox-radio-switch__content {
   max-width: unset;
 }
-.app-sidebar-tabs__content[data-v-3b9aca31] {
+.app-sidebar-tabs__content[data-v-c682268d] {
   position: relative;
   min-height: 0;
   height: 100%;
 }
-.app-sidebar-tabs__content--multiple[data-v-3b9aca31] > :not(section) {
+.app-sidebar-tabs__content--multiple[data-v-c682268d] > :not(section) {
   display: none;
 }
-[data-v-3b9aca31] .checkbox-radio-switch--button-variant.checkbox-radio-switch {
+[data-v-c682268d] .checkbox-radio-switch--button-variant.checkbox-radio-switch {
   border: unset;
 }
 .material-design-icon[data-v-90858b97] {

package/dist/assets/{index-8304db49.css → index-802d2118.css}

@@ -105,7 +105,7 @@ li.active[data-v-bfe3e3d6] {
 }
 .action-router__longtext[data-v-bfe3e3d6] {
   cursor: pointer;
-  white-space: pre-wrap;
+  white-space: pre-wrap !important;
 }
 .action-router__name[data-v-bfe3e3d6] {
   font-weight: 700;
@@ -115,6 +115,10 @@ li.active[data-v-bfe3e3d6] {
   max-width: 100%;
   display: inline-block;
 }
+.action-router__menu-icon[data-v-bfe3e3d6] {
+  margin-left: auto;
+  margin-right: -14px;
+}
 .action--disabled[data-v-bfe3e3d6] {
   pointer-events: none;
   opacity: .5;