@nextcloud/vue 9.0.0-alpha.3 → 9.0.0-alpha.5

package/dist/assets/NcListItem-Cs-R5Xpu.css

@@ -0,0 +1,156 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-be45ee21] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.list-item__wrapper[data-v-be45ee21] {
+  display: flex;
+  position: relative;
+  width: 100%;
+}
+.list-item__wrapper--active .list-item[data-v-be45ee21], .list-item__wrapper.active .list-item[data-v-be45ee21] {
+  background-color: var(--color-primary-element);
+}
+.list-item__wrapper--active .list-item[data-v-be45ee21]:hover, .list-item__wrapper--active .list-item[data-v-be45ee21]:focus-within, .list-item__wrapper--active .list-item[data-v-be45ee21]:has(:focus-visible), .list-item__wrapper--active .list-item[data-v-be45ee21]:has(:active), .list-item__wrapper.active .list-item[data-v-be45ee21]:hover, .list-item__wrapper.active .list-item[data-v-be45ee21]:focus-within, .list-item__wrapper.active .list-item[data-v-be45ee21]:has(:focus-visible), .list-item__wrapper.active .list-item[data-v-be45ee21]:has(:active) {
+  background-color: var(--color-primary-element-hover);
+}
+.list-item__wrapper--active .list-item-content__name[data-v-be45ee21],
+.list-item__wrapper--active .list-item-content__subname[data-v-be45ee21],
+.list-item__wrapper--active .list-item-content__details[data-v-be45ee21],
+.list-item__wrapper--active .list-item-details__details[data-v-be45ee21], .list-item__wrapper.active .list-item-content__name[data-v-be45ee21],
+.list-item__wrapper.active .list-item-content__subname[data-v-be45ee21],
+.list-item__wrapper.active .list-item-content__details[data-v-be45ee21],
+.list-item__wrapper.active .list-item-details__details[data-v-be45ee21] {
+  color: var(--color-primary-element-text) !important;
+}
+.list-item__wrapper .list-item-content__name[data-v-be45ee21],
+.list-item__wrapper .list-item-content__subname[data-v-be45ee21],
+.list-item__wrapper .list-item-content__details[data-v-be45ee21],
+.list-item__wrapper .list-item-details__details[data-v-be45ee21] {
+  white-space: nowrap;
+  margin: 0 auto 0 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.list-item-content__name[data-v-be45ee21] {
+  min-width: 100px;
+  max-width: 300px;
+  flex: 1 1 10%;
+  font-weight: 500;
+}
+.list-item-content__subname[data-v-be45ee21] {
+  flex: 1 0;
+  min-width: 0;
+  color: var(--color-text-maxcontrast);
+}
+.list-item-content__subname--bold[data-v-be45ee21] {
+  font-weight: 500;
+}
+.list-item[data-v-be45ee21] {
+  box-sizing: border-box;
+  display: flex;
+  position: relative;
+  flex: 0 0 auto;
+  justify-content: flex-start;
+  padding: 8px 10px;
+  margin: 4px;
+  width: calc(100% - 8px);
+  border-radius: var(--border-radius-element, 32px);
+  cursor: pointer;
+  transition: background-color var(--animation-quick) ease-in-out;
+  list-style: none;
+}
+.list-item[data-v-be45ee21]:hover, .list-item[data-v-be45ee21]:focus-within, .list-item[data-v-be45ee21]:has(:active), .list-item[data-v-be45ee21]:has(:focus-visible) {
+  background-color: var(--color-background-hover);
+}
+.list-item[data-v-be45ee21]: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-be45ee21] {
+  padding: 4px 10px;
+}
+.list-item--compact .list-item__anchor .line-one[data-v-be45ee21], .list-item--compact .list-item__anchor .line-two[data-v-be45ee21] {
+  margin-block: -4px;
+}
+.list-item .list-item-content__details[data-v-be45ee21] {
+  display: flex;
+  flex-direction: column;
+  justify-content: end;
+  align-items: end;
+}
+.list-item--one-line[data-v-be45ee21] {
+  padding: 0 9px;
+  margin: 2px;
+}
+.list-item--one-line .list-item-content__main[data-v-be45ee21] {
+  display: flex;
+  justify-content: start;
+  gap: 12px;
+  min-width: 0;
+}
+.list-item--one-line .list-item-content__details[data-v-be45ee21] {
+  flex-direction: row;
+  align-items: unset;
+  justify-content: end;
+}
+.list-item__anchor[data-v-be45ee21] {
+  display: flex;
+  flex: 1 0 auto;
+  align-items: center;
+  height: var(--default-clickable-area);
+  min-width: 0;
+}
+.list-item__anchor[data-v-be45ee21]:focus-visible {
+  outline: none;
+}
+.list-item-content[data-v-be45ee21] {
+  display: flex;
+  flex: 1 0;
+  justify-content: space-between;
+  padding-left: 8px;
+  min-width: 0;
+}
+.list-item-content__main[data-v-be45ee21] {
+  flex: 1 0;
+  width: 0;
+  margin: auto 0;
+}
+.list-item-content__main--oneline[data-v-be45ee21] {
+  display: flex;
+}
+.list-item-content__actions[data-v-be45ee21] {
+  flex: 0 0 auto;
+  align-self: center;
+  justify-content: center;
+  margin-left: 4px;
+}
+.list-item-details__details[data-v-be45ee21] {
+  color: var(--color-text-maxcontrast);
+  margin: 0 9px !important;
+  font-weight: normal;
+}
+.list-item-details__extra[data-v-be45ee21] {
+  margin: 2px 4px 0 4px;
+  display: flex;
+  align-items: center;
+}
+.list-item-details__indicator[data-v-be45ee21] {
+  margin: 0 5px;
+}
+.list-item__extra[data-v-be45ee21] {
+  margin-top: 4px;
+}

package/dist/assets/NcListItemIcon-C2zhDUEr.css

@@ -0,0 +1,64 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-7322cd97] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.option[data-v-7322cd97] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: var(--height);
+  cursor: inherit;
+}
+.option__avatar[data-v-7322cd97] {
+  margin-right: var(--margin);
+}
+.option__details[data-v-7322cd97] {
+  display: flex;
+  flex: 1 1;
+  flex-direction: column;
+  justify-content: center;
+  min-width: 0;
+}
+.option__lineone[data-v-7322cd97] {
+  color: var(--color-main-text);
+}
+.option__linetwo[data-v-7322cd97] {
+  color: var(--color-text-maxcontrast);
+}
+.option__lineone[data-v-7322cd97], .option__linetwo[data-v-7322cd97] {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  line-height: 1.1em;
+}
+.option__lineone strong[data-v-7322cd97], .option__linetwo strong[data-v-7322cd97] {
+  font-weight: bold;
+}
+.option__icon[data-v-7322cd97] {
+  width: 44px;
+  height: 44px;
+  color: var(--color-text-maxcontrast);
+}
+.option__icon.icon[data-v-7322cd97] {
+  flex: 0 0 44px;
+  opacity: 0.7;
+  background-position: center;
+  background-size: 16px;
+}
+.option__details[data-v-7322cd97], .option__lineone[data-v-7322cd97], .option__linetwo[data-v-7322cd97], .option__icon[data-v-7322cd97] {
+  cursor: inherit;
+}

package/dist/assets/NcLoadingIcon-BSONDy7x.css

@@ -0,0 +1,21 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-551209a3] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.loading-icon svg[data-v-551209a3] {
+  animation: rotate var(--animation-duration, 0.8s) linear infinite;
+}

package/dist/assets/NcMentionBubble-C6t8od-_.css

@@ -0,0 +1,73 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-a519576f] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.mention-bubble--primary .mention-bubble__content[data-v-a519576f] {
+  color: var(--color-primary-element-text);
+  background-color: var(--color-primary-element);
+}
+.mention-bubble__wrapper[data-v-a519576f] {
+  max-width: 150px;
+  height: 18px;
+  vertical-align: text-bottom;
+  display: inline-flex;
+  align-items: center;
+}
+.mention-bubble__content[data-v-a519576f] {
+  display: inline-flex;
+  overflow: hidden;
+  align-items: center;
+  max-width: 100%;
+  height: 20px;
+  -webkit-user-select: none;
+  user-select: none;
+  padding-right: 6px;
+  padding-left: 2px;
+  border-radius: 10px;
+  background-color: var(--color-background-dark);
+}
+.mention-bubble__icon[data-v-a519576f] {
+  position: relative;
+  width: 16px;
+  height: 16px;
+  border-radius: 8px;
+  background-color: var(--color-background-darker);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 12px;
+}
+.mention-bubble__icon--with-avatar[data-v-a519576f] {
+  color: inherit;
+  background-size: cover;
+}
+.mention-bubble__title[data-v-a519576f] {
+  overflow: hidden;
+  margin-left: 2px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.mention-bubble__title[data-v-a519576f]::before {
+  content: attr(title);
+}
+.mention-bubble__select[data-v-a519576f] {
+  position: absolute;
+  z-index: -1;
+  left: -100vw;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}

package/dist/assets/{NcModal-JZMyM8zO.css → NcModal-Cr_CG7O3.css}

@@ -1,36 +1,22 @@
-@charset "UTF-8";
 /**
- * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-7c811920] {
+.material-design-icon[data-v-eabc163a] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.modal-mask[data-v-7c811920] {
+.modal-mask[data-v-eabc163a] {
   position: fixed;
   z-index: 9998;
   top: 0;
@@ -40,10 +26,10 @@
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
 }
-.modal-mask--dark[data-v-7c811920] {
+.modal-mask--dark[data-v-eabc163a] {
   background-color: rgba(0, 0, 0, 0.92);
 }
-.modal-header[data-v-7c811920] {
+.modal-header[data-v-eabc163a] {
   position: absolute;
   z-index: 10001;
   top: 0;
@@ -57,7 +43,7 @@
   overflow: hidden;
   transition: opacity 250ms, visibility 250ms;
 }
-.modal-header .modal-name[data-v-7c811920] {
+.modal-header__name[data-v-eabc163a] {
   overflow-x: hidden;
   box-sizing: border-box;
   width: 100%;
@@ -65,24 +51,23 @@
   transition: padding ease 100ms;
   white-space: nowrap;
   text-overflow: ellipsis;
-  color: #fff;
-  font-size: 14px;
-  margin-bottom: 0;
+  font-size: 16px;
+  margin-block: 0;
 }
 @media only screen and (min-width: 1024px) {
-.modal-header .modal-name[data-v-7c811920] {
+.modal-header__name[data-v-eabc163a] {
     padding-left: 132px;
     text-align: center;
 }
 }
-.modal-header .icons-menu[data-v-7c811920] {
+.modal-header .icons-menu[data-v-eabc163a] {
   position: absolute;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.modal-header .icons-menu .header-close[data-v-7c811920] {
+.modal-header .icons-menu .header-close[data-v-eabc163a] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -90,7 +75,7 @@
   margin: 3px;
   padding: 0;
 }
-.modal-header .icons-menu .play-pause-icons[data-v-7c811920] {
+.modal-header .icons-menu .play-pause-icons[data-v-eabc163a] {
   position: relative;
   width: 50px;
   height: 50px;
@@ -100,14 +85,14 @@
   border: none;
   background-color: transparent;
 }
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-7c811920],
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-7c811920], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-7c811920],
-.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-7c811920] {
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-eabc163a],
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-eabc163a], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-eabc163a],
+.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-eabc163a] {
   opacity: 1;
   border-radius: 22px;
   background-color: rgba(127, 127, 127, 0.25);
 }
-.modal-header .icons-menu .play-pause-icons__play[data-v-7c811920], .modal-header .icons-menu .play-pause-icons__pause[data-v-7c811920] {
+.modal-header .icons-menu .play-pause-icons__play[data-v-eabc163a], .modal-header .icons-menu .play-pause-icons__pause[data-v-eabc163a] {
   box-sizing: border-box;
   width: 44px;
   height: 44px;
@@ -115,13 +100,10 @@
   cursor: pointer;
   opacity: 0.7;
 }
-.modal-header .icons-menu .header-actions[data-v-7c811920] {
-  color: white;
-}
-.modal-header .icons-menu[data-v-7c811920]  .action-item {
+.modal-header .icons-menu[data-v-eabc163a]  .action-item {
   margin: 3px;
 }
-.modal-header .icons-menu[data-v-7c811920]  .action-item--single {
+.modal-header .icons-menu[data-v-eabc163a]  .action-item--single {
   box-sizing: border-box;
   width: 44px;
   height: 44px;
@@ -129,17 +111,18 @@
   background-position: center;
   background-size: 22px;
 }
-.modal-header .icons-menu[data-v-7c811920] button {
-  color: #fff;
+.modal-header .icons-menu .header-actions[data-v-eabc163a] button:focus-visible {
+  box-shadow: none !important;
+  outline: 2px solid #fff !important;
 }
-.modal-header .icons-menu[data-v-7c811920] .action-item__menutoggle {
+.modal-header .icons-menu[data-v-eabc163a] .action-item__menutoggle {
   padding: 0;
 }
-.modal-header .icons-menu[data-v-7c811920] .action-item__menutoggle span, .modal-header .icons-menu[data-v-7c811920] .action-item__menutoggle svg {
+.modal-header .icons-menu[data-v-eabc163a] .action-item__menutoggle span, .modal-header .icons-menu[data-v-eabc163a] .action-item__menutoggle svg {
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.modal-wrapper[data-v-7c811920] {
+.modal-wrapper[data-v-eabc163a] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -149,11 +132,11 @@
   /* Navigation buttons */
   /* Content */
 }
-.modal-wrapper[data-v-7c811920] * {
+.modal-wrapper[data-v-eabc163a] * {
   box-sizing: border-box;
 }
-.modal-wrapper .prev[data-v-7c811920],
-.modal-wrapper .next[data-v-7c811920] {
+.modal-wrapper .prev[data-v-eabc163a],
+.modal-wrapper .next[data-v-eabc163a] {
   z-index: 10000;
   height: 35vh;
   min-height: 300px;
@@ -161,18 +144,18 @@
   transition: opacity 250ms;
   color: white;
 }
-.modal-wrapper .prev[data-v-7c811920]:focus-visible,
-.modal-wrapper .next[data-v-7c811920]:focus-visible {
+.modal-wrapper .prev[data-v-eabc163a]:focus-visible,
+.modal-wrapper .next[data-v-eabc163a]:focus-visible {
   box-shadow: 0 0 0 2px var(--color-primary-element-text);
   background-color: var(--color-box-shadow);
 }
-.modal-wrapper .prev[data-v-7c811920] {
+.modal-wrapper .prev[data-v-eabc163a] {
   left: 2px;
 }
-.modal-wrapper .next[data-v-7c811920] {
+.modal-wrapper .next[data-v-eabc163a] {
   right: 2px;
 }
-.modal-wrapper .modal-container[data-v-7c811920] {
+.modal-wrapper .modal-container[data-v-eabc163a] {
   position: relative;
   display: flex;
   padding: 0;
@@ -182,33 +165,33 @@
   color: var(--color-main-text);
   box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
 }
-.modal-wrapper .modal-container__close[data-v-7c811920] {
+.modal-wrapper .modal-container__close[data-v-eabc163a] {
   z-index: 1;
   position: absolute;
   top: 4px;
   right: 4px;
 }
-.modal-wrapper .modal-container__content[data-v-7c811920] {
+.modal-wrapper .modal-container__content[data-v-eabc163a] {
   width: 100%;
   min-height: 52px;
   overflow: auto;
 }
-.modal-wrapper--small > .modal-container[data-v-7c811920] {
+.modal-wrapper--small > .modal-container[data-v-eabc163a] {
   width: 400px;
   max-width: 90%;
   max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--normal > .modal-container[data-v-7c811920] {
+.modal-wrapper--normal > .modal-container[data-v-eabc163a] {
   max-width: 90%;
   width: 600px;
   max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--large > .modal-container[data-v-7c811920] {
+.modal-wrapper--large > .modal-container[data-v-eabc163a] {
   max-width: 90%;
   width: 900px;
   max-height: min(90%, 100% - 100px);
 }
-.modal-wrapper--full > .modal-container[data-v-7c811920] {
+.modal-wrapper--full > .modal-container[data-v-eabc163a] {
   width: 100%;
   height: calc(100% - var(--header-height));
   position: absolute;
@@ -216,7 +199,7 @@
   border-radius: 0;
 }
 @media only screen and ((max-width: 512px) or (max-height: 400px)) {
-.modal-wrapper .modal-container[data-v-7c811920] {
+.modal-wrapper .modal-container[data-v-eabc163a] {
     max-width: initial;
     width: 100%;
     max-height: initial;
@@ -228,60 +211,60 @@
 }
 
 /* TRANSITIONS */
-.fade-enter-active[data-v-7c811920],
-.fade-leave-active[data-v-7c811920] {
+.fade-enter-active[data-v-eabc163a],
+.fade-leave-active[data-v-eabc163a] {
   transition: opacity 250ms;
 }
-.fade-enter-from[data-v-7c811920],
-.fade-leave-to[data-v-7c811920] {
+.fade-enter-from[data-v-eabc163a],
+.fade-leave-to[data-v-eabc163a] {
   opacity: 0;
 }
-.fade-visibility-enter-from[data-v-7c811920],
-.fade-visibility-leave-to[data-v-7c811920] {
+.fade-visibility-enter-from[data-v-eabc163a],
+.fade-visibility-leave-to[data-v-eabc163a] {
   visibility: hidden;
   opacity: 0;
 }
-.modal-in-enter-active[data-v-7c811920],
-.modal-in-leave-active[data-v-7c811920],
-.modal-out-enter-active[data-v-7c811920],
-.modal-out-leave-active[data-v-7c811920] {
+.modal-in-enter-active[data-v-eabc163a],
+.modal-in-leave-active[data-v-eabc163a],
+.modal-out-enter-active[data-v-eabc163a],
+.modal-out-leave-active[data-v-eabc163a] {
   transition: opacity 250ms;
 }
-.modal-in-enter-from[data-v-7c811920],
-.modal-in-leave-to[data-v-7c811920],
-.modal-out-enter-from[data-v-7c811920],
-.modal-out-leave-to[data-v-7c811920] {
+.modal-in-enter-from[data-v-eabc163a],
+.modal-in-leave-to[data-v-eabc163a],
+.modal-out-enter-from[data-v-eabc163a],
+.modal-out-leave-to[data-v-eabc163a] {
   opacity: 0;
 }
-.modal-in-enter .modal-container[data-v-7c811920],
-.modal-in-leave-to .modal-container[data-v-7c811920] {
+.modal-in-enter .modal-container[data-v-eabc163a],
+.modal-in-leave-to .modal-container[data-v-eabc163a] {
   transform: scale(0.9);
 }
-.modal-out-enter .modal-container[data-v-7c811920],
-.modal-out-leave-to .modal-container[data-v-7c811920] {
+.modal-out-enter .modal-container[data-v-eabc163a],
+.modal-out-leave-to .modal-container[data-v-eabc163a] {
   transform: scale(1.1);
 }
-.modal-mask .play-pause-icons .progress-ring[data-v-7c811920] {
+.modal-mask .play-pause-icons .progress-ring[data-v-eabc163a] {
   position: absolute;
   top: 0;
   left: 0;
   transform: rotate(-90deg);
 }
-.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-7c811920] {
+.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-eabc163a] {
   transition: 100ms stroke-dashoffset;
   transform-origin: 50% 50%;
-  animation: progressring-7c811920 linear var(--slideshow-duration) infinite;
+  animation: progressring-eabc163a 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-7c811920] {
-  animation: breath-7c811920 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+.modal-mask .play-pause-icons--paused .icon-pause[data-v-eabc163a] {
+  animation: breath-eabc163a 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
-.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-7c811920] {
+.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-eabc163a] {
   animation-play-state: paused !important;
 }
-@keyframes progressring-7c811920 {
+@keyframes progressring-eabc163a {
 from {
     stroke-dashoffset: 94.2477796077;
 }
@@ -289,7 +272,7 @@ to {
     stroke-dashoffset: 0;
 }
 }
-@keyframes breath-7c811920 {
+@keyframes breath-eabc163a {
 0% {
     opacity: 1;
 }