@nextcloud/vue 9.10.0 → 9.12.0

package/dist/assets/NcAppNavigationList.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-3e73e246] {
+.material-design-icon[data-v-d72957ed] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-navigation-list[data-v-3e73e246] {
+.app-navigation-list[data-v-d72957ed] {
   position: relative;
   width: 100%;
   overflow-x: hidden;
@@ -25,28 +25,4 @@
   flex-direction: column;
   gap: var(--default-grid-baseline, 4px);
   padding: var(--app-navigation-padding);
-  isolation: isolate;
-}
-.app-navigation-list__highlight[data-v-3e73e246] {
-  --highlight-animation-duration: calc(var(--animation-quick) / 2);
-  position: absolute;
-  inset-inline: var(--app-navigation-padding);
-  top: 0;
-  height: 0;
-  z-index: 0;
-  pointer-events: none;
-  opacity: 0;
-  border-radius: var(--border-radius-element);
-  background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent);
-  will-change: transform;
-  transition: opacity var(--highlight-animation-duration) ease-out, background-color var(--highlight-animation-duration) ease-out;
-}
-.app-navigation-list__highlight--animated[data-v-3e73e246] {
-  transition: transform var(--highlight-animation-duration) ease-out, opacity var(--highlight-animation-duration) ease-out, background-color var(--highlight-animation-duration) ease-out;
-}
-.app-navigation-list__highlight--visible[data-v-3e73e246] {
-  opacity: 1;
-}
-.app-navigation-list__highlight--over-active[data-v-3e73e246] {
-  background-color: transparent;
 }

package/dist/assets/NcAppNavigationNewItem.css

@@ -81,7 +81,9 @@
   background-color: var(--color-main-background);
 }
 .app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8] {
-  display: inline-block;
+  position: relative;
+  opacity: 1;
+  pointer-events: auto;
 }
 .app-navigation-entry .app-navigation-entry__actions[data-v-ee07f8f8]:hover .button-vue {
   background-color: var(--color-background-dark) !important;
@@ -187,7 +189,9 @@
   justify-content: flex-end;
 }
 .app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-ee07f8f8] {
-  display: inline-block;
+  position: relative;
+  opacity: 1;
+  pointer-events: auto;
 }
 .app-navigation-entry__utils[data-v-ee07f8f8] {
   /* counter */
@@ -202,7 +206,9 @@
   /* actions */
 }
 .app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-ee07f8f8] {
-  display: none;
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
 }
 
 /* editing state */
@@ -228,10 +234,6 @@
 [data-themes*=highcontrast] .app-navigation-entry[data-v-ee07f8f8]:active {
   background-color: var(--color-primary-element-light-hover) !important;
 }
-.app-navigation-list--animated-highlight .app-navigation-entry[data-v-ee07f8f8]:not(.active):hover,
-.app-navigation-list--animated-highlight .app-navigation-entry[data-v-ee07f8f8]:not(.active):focus-within {
-  background-color: transparent !important;
-}
 @keyframes nc-nav-stripe-in-ee07f8f8 {
 from {
     transform: scaleY(0);

package/dist/assets/NcAppNavigationSettings.css

@@ -1,21 +1,21 @@
 
-._container_xI0aW {
+._container_2uWBM {
 	margin-top: auto;
 	padding: var(--default-grid-baseline);
 }
-._header_SBKjd {
+._header_jtpAp {
 	margin-block: 0 var(--default-grid-baseline);
 	margin-inline: var(--default-grid-baseline);
 }
 
 /* Overwrite the padding to match NcAppNavigationItem */
-._button_q-hTK {
+._button_9llR- {
 	padding-inline: 0 calc((var(--default-clickable-area) - 16px) / 2) !important;
 .button-vue__text {
 		font-weight: var(--font-weight-default, normal);
 }
 }
-._content_dIvPc {
+._content_CW2CF {
 	display: block;
 	padding: 10px;
 
@@ -26,12 +26,12 @@
 	max-height: 300px;
 	overflow-y: auto;
 }
-._animationActive_QkEzk {
+._animationActive_Lz0UV {
 	transition-duration: var(--animation-slow);
 	transition-property: max-height, padding;
 	overflow-y: hidden !important;
 }
-._animationStop_oedIi {
+._animationStop_lwpSi {
 	max-height: 0 !important;
 	padding: 0 10px !important;
 }

package/dist/assets/NcAppSettingsDialog.css

@@ -9,20 +9,20 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_TcYcq {
+._material-design-icon_aR3lm {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._appSettingsDialogVersion_5OBbS {
+._appSettingsDialogVersion_j2PVw {
   --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
   color: var(--color-text-maxcontrast);
   margin-block-end: calc(8 * var(--default-grid-baseline));
   margin-inline: var(--form-element-label-offset);
 }
-._appSettingsDialogVersion__legacy_Yk7jk {
+._appSettingsDialogVersion__legacy_JGPJ9 {
   margin-inline: 0;
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors

package/dist/assets/NcAppSettingsShortcutsSection.css

@@ -1,5 +1,5 @@
 
-._appSettingsSectionShortcuts_DBjUV {
+._appSettingsSectionShortcuts_mggQb {
 	display: flex;
 	flex-direction: column;
 	gap: calc(4 * var(--default-grid-baseline));

package/dist/assets/NcAppSidebar.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_TZhKn {
+._material-design-icon_2zJD7 {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._sidebarTabsButton_3uUxm {
+._sidebarTabsButton_wVqtZ {
   border: none;
   color: var(--color-main-text);
   font-size: var(--default-font-size);
@@ -26,10 +26,10 @@
   gap: var(--default-grid-baseline);
   min-width: var(--default-clickable-area);
 }
-._sidebarTabsButton_3uUxm * {
+._sidebarTabsButton_wVqtZ * {
   cursor: pointer;
 }
-._sidebarTabsButton_3uUxm:not(._sidebarTabsButton_legacy_8I4No) {
+._sidebarTabsButton_wVqtZ:not(._sidebarTabsButton_legacy_MiLka) {
   position: relative;
   border-radius: var(--border-radius-element);
   background-color: var(--color-main-background);
@@ -37,7 +37,7 @@
   padding-block-end: calc(var(--default-grid-baseline) * 2);
   transition: background-color var(--animation-quick);
 }
-._sidebarTabsButton_3uUxm:not(._sidebarTabsButton_legacy_8I4No)::after {
+._sidebarTabsButton_wVqtZ:not(._sidebarTabsButton_legacy_MiLka)::after {
   content: "";
   position: absolute;
   bottom: 0;
@@ -50,66 +50,93 @@
   transform: translateX(-50%);
   transition: width var(--animation-quick), opacity var(--animation-quick);
 }
-._sidebarTabsButton_3uUxm:not(._sidebarTabsButton_legacy_8I4No):hover {
+._sidebarTabsButton_wVqtZ:not(._sidebarTabsButton_legacy_MiLka):hover {
   background-color: var(--color-background-hover);
 }
-._sidebarTabsButton_3uUxm:not(._sidebarTabsButton_legacy_8I4No):focus-visible {
+._sidebarTabsButton_wVqtZ:not(._sidebarTabsButton_legacy_MiLka):focus-visible {
   outline: 2px solid var(--color-main-text);
   outline-offset: 2px;
 }
-._sidebarTabsButton_legacy_8I4No {
+._sidebarTabsButton_legacy_MiLka {
   border-bottom: var(--default-grid-baseline) solid transparent !important;
   border-radius: var(--border-radius-small);
   background-color: var(--color-main-background);
   padding: var(--border-radius-small);
   transition: background-color var(--animation-quick), border-bottom-color var(--animation-quick);
 }
-._sidebarTabsButton_legacy_8I4No:hover {
+._sidebarTabsButton_legacy_MiLka:hover {
   background-color: var(--color-background-hover) !important;
 }
-._sidebarTabsButton_legacy_8I4No:active, ._sidebarTabsButton_legacy_8I4No:focus {
+._sidebarTabsButton_legacy_MiLka:active, ._sidebarTabsButton_legacy_MiLka:focus {
   background-color: var(--color-main-background) !important;
 }
-._sidebarTabsButton_selected_TTi-7 {
+._sidebarTabsButton_selected_NRkiP {
   cursor: default;
 }
-._sidebarTabsButton_selected_TTi-7 * {
+._sidebarTabsButton_selected_NRkiP * {
   cursor: default;
 }
-._sidebarTabsButton_3uUxm:not(._sidebarTabsButton_legacy_8I4No)._sidebarTabsButton_selected_TTi-7 {
-  background-color: var(--color-background-hover);
+._sidebarTabsButton_wVqtZ:not(._sidebarTabsButton_legacy_MiLka)._sidebarTabsButton_selected_NRkiP {
+  background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent);
 }
-._sidebarTabsButton_3uUxm:not(._sidebarTabsButton_legacy_8I4No)._sidebarTabsButton_selected_TTi-7::after {
+._sidebarTabsButton_wVqtZ:not(._sidebarTabsButton_legacy_MiLka)._sidebarTabsButton_selected_NRkiP::after {
   width: 80%;
   opacity: 1;
 }
-._sidebarTabsButton_3uUxm:not(._sidebarTabsButton_legacy_8I4No)._sidebarTabsButton_selected_TTi-7:hover {
-  background-color: var(--color-background-dark);
+._sidebarTabsButton_wVqtZ:not(._sidebarTabsButton_legacy_MiLka)._sidebarTabsButton_selected_NRkiP:hover {
+  background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent);
+}
+._sidebarTabsButton_animatedHighlight_Rx-Vy:not(._sidebarTabsButton_legacy_MiLka) {
+  background-color: transparent;
 }
-._sidebarTabsButton_legacy_8I4No._sidebarTabsButton_selected_TTi-7 {
+._sidebarTabsButton_animatedHighlight_Rx-Vy:not(._sidebarTabsButton_legacy_MiLka):hover {
+  background-color: transparent;
+}
+._sidebarTabsButton_legacy_MiLka._sidebarTabsButton_selected_NRkiP {
   border-bottom-color: var(--color-primary-element) !important;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._sidebarTabsButton_legacy_8I4No._sidebarTabsButton_selected_TTi-7:hover {
+._sidebarTabsButton_legacy_MiLka._sidebarTabsButton_selected_NRkiP:hover {
   background-color: var(--color-primary-element-light-hover) !important;
   color: var(--color-primary-element-light-text) !important;
 }
-._sidebarTabsButton__name_gxwxO {
+._sidebarTabsButton__name_s15U2 {
   font-weight: var(--font-weight-element, normal);
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
 }
-._sidebarTabsButton_legacy_8I4No._sidebarTabsButton_selected_TTi-7 ._sidebarTabsButton__name_gxwxO {
+._sidebarTabsButton_legacy_MiLka._sidebarTabsButton_selected_NRkiP ._sidebarTabsButton__name_s15U2 {
   font-weight: var(--font-weight-element, bold);
 }
-._sidebarTabsButton__icon_bvmhq {
+._sidebarTabsButton__icon_V0H0n {
+  display: inline-grid;
+  place-items: center;
+}
+._sidebarTabsButton__iconLayer_AfHls {
+  grid-area: 1/1;
   display: inline-flex;
-  align-items: center;
-  justify-content: center;
+  transition: opacity var(--animation-slow) ease-in-out;
+}
+._sidebarTabsButton__iconLayer_hidden_rWAtb {
+  opacity: 0;
+}
+._sidebarTabsButton__icon_pop_WOWop {
+  animation: _sidebar-tab-icon-pop_xeA4L var(--animation-slow) ease-in-out;
+}
+@keyframes _sidebar-tab-icon-pop_xeA4L {
+0% {
+    transform: scale(1);
+}
+40% {
+    transform: scale(1.2);
+}
+100% {
+    transform: scale(1);
+}
 }
-._sidebarTabsButton__legacyIcon_LcBj6 {
+._sidebarTabsButton__legacyIcon_dSozI {
   background-size: 20px;
   display: flex;
   align-items: center;
@@ -125,38 +152,65 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-e74d1502] {
+.material-design-icon[data-v-74190d2a] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-sidebar-tabs[data-v-e74d1502] {
+.app-sidebar-tabs[data-v-74190d2a] {
   display: flex;
   flex-direction: column;
   min-height: 0;
   flex: 1 1 100%;
 }
-.app-sidebar-tabs__nav[data-v-e74d1502] {
+.app-sidebar-tabs__nav[data-v-74190d2a] {
+  position: relative;
   display: flex;
   justify-content: stretch;
   margin: 10px 8px 0 8px;
   border-bottom: 1px solid var(--color-border);
+  isolation: isolate;
 }
-.app-sidebar-tabs__nav[data-v-e74d1502]:not(.app-sidebar-tabs__nav--legacy) {
+.app-sidebar-tabs__nav[data-v-74190d2a]:not(.app-sidebar-tabs__nav--legacy) {
   gap: var(--default-grid-baseline);
   padding-block-end: var(--default-grid-baseline);
 }
-.app-sidebar-tabs__tab[data-v-e74d1502] {
+.app-sidebar-tabs__highlight[data-v-74190d2a] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+  z-index: 0;
+  pointer-events: none;
+  opacity: 0;
+  border-radius: var(--border-radius-element);
+  background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent);
+  will-change: transform, width, height;
+  transition: opacity var(--animation-quick) ease-in-out, background-color var(--animation-quick) ease-in-out;
+}
+.app-sidebar-tabs__highlight--animated[data-v-74190d2a] {
+  transition: transform var(--animation-quick) ease-in-out, width var(--animation-quick) ease-in-out, height var(--animation-quick) ease-in-out, opacity var(--animation-quick) ease-in-out, background-color var(--animation-quick) ease-in-out;
+}
+.app-sidebar-tabs__highlight--visible[data-v-74190d2a] {
+  opacity: 1;
+}
+.app-sidebar-tabs__highlight--over-active[data-v-74190d2a] {
+  background-color: transparent;
+}
+.app-sidebar-tabs__tab[data-v-74190d2a] {
+  position: relative;
+  z-index: 1;
   flex: 1 1 1px;
 }
-.app-sidebar-tabs__content[data-v-e74d1502] {
+.app-sidebar-tabs__content[data-v-74190d2a] {
   position: relative;
   min-height: 256px;
   height: 100%;
 }
-.app-sidebar-tabs__content--multiple[data-v-e74d1502] > :not(section) {
+.app-sidebar-tabs__content--multiple[data-v-74190d2a] > :not(section) {
   display: none;
 }/**
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
@@ -210,7 +264,7 @@ body:has(.app-sidebar__toggle) {
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-13cfd184] {
+.material-design-icon[data-v-c2c6820b] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -222,7 +276,7 @@ body:has(.app-sidebar__toggle) {
 	Sidebar: to be used within #content
 	app-content will be shrunk properly
 */
-.app-sidebar[data-v-13cfd184] {
+.app-sidebar[data-v-c2c6820b] {
   --app-sidebar-width: clamp(300px, 27vw, 500px);
   --app-sidebar-padding: calc(var(--default-grid-baseline, 4px) * 2);
   width: var(--app-sidebar-width);
@@ -239,16 +293,16 @@ body:has(.app-sidebar__toggle) {
   background: var(--color-main-background);
   position: relative;
 }
-.app-sidebar__toggle[data-v-13cfd184] {
+.app-sidebar__toggle[data-v-c2c6820b] {
   position: absolute !important;
   inset-block-start: var(--app-sidebar-padding);
   inset-inline-end: var(--app-sidebar-padding);
   z-index: 1001;
 }
-.app-sidebar .app-sidebar-header[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header[data-v-c2c6820b] {
   --app-sidebar-close-button-offset: calc(var(--default-clickable-area) + var(--app-sidebar-padding));
 }
-.app-sidebar .app-sidebar-header > .app-sidebar__close[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header > .app-sidebar__close[data-v-c2c6820b] {
   position: absolute;
   z-index: 100;
   top: var(--app-sidebar-padding);
@@ -256,10 +310,10 @@ body:has(.app-sidebar__toggle) {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
 }
-.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info[data-v-c2c6820b] {
   flex-direction: row;
 }
-.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__figure[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__figure[data-v-c2c6820b] {
   --figure-size: calc(52px + var(--app-sidebar-padding));
   z-index: 2;
   width: var(--figure-size);
@@ -268,44 +322,44 @@ body:has(.app-sidebar__toggle) {
   border-radius: 3px;
   flex: 0 0 auto;
 }
-.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc[data-v-c2c6820b] {
   padding-inline-start: 0;
   flex: 1 1 auto;
   min-width: 0;
   padding-inline-end: calc(var(--default-clickable-area) + var(--app-sidebar-close-button-offset));
   padding-top: var(--app-sidebar-padding);
 }
-.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-c2c6820b] {
   padding-inline-end: var(--app-sidebar-close-button-offset);
 }
-.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-c2c6820b] {
   z-index: 3;
   position: absolute;
   top: calc(var(--app-sidebar-padding) / 2);
   inset-inline-start: calc(-1 * var(--default-clickable-area));
   gap: 0;
 }
-.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__menu[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__menu[data-v-c2c6820b] {
   top: var(--app-sidebar-padding);
   inset-inline-end: var(--app-sidebar-close-button-offset);
   position: absolute;
 }
-.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__menu[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__menu[data-v-c2c6820b] {
   position: absolute;
   top: var(--app-sidebar-padding);
   inset-inline-end: var(--app-sidebar-close-button-offset);
 }
-.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc[data-v-c2c6820b] {
   padding-inline-end: calc(var(--default-clickable-area) + var(--app-sidebar-close-button-offset));
 }
-.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-c2c6820b] {
   padding-inline-end: var(--app-sidebar-close-button-offset);
 }
-.app-sidebar .app-sidebar-header .app-sidebar-header__info[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header .app-sidebar-header__info[data-v-c2c6820b] {
   display: flex;
   flex-direction: column;
 }
-.app-sidebar .app-sidebar-header__figure[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__figure[data-v-c2c6820b] {
   width: 100%;
   height: 250px;
   max-height: 250px;
@@ -313,10 +367,10 @@ body:has(.app-sidebar__toggle) {
   background-position: center;
   background-size: contain;
 }
-.app-sidebar .app-sidebar-header__figure--with-action[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__figure--with-action[data-v-c2c6820b] {
   cursor: pointer;
 }
-.app-sidebar .app-sidebar-header__desc[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc[data-v-c2c6820b] {
   position: relative;
   display: flex;
   flex-direction: row;
@@ -326,85 +380,85 @@ body:has(.app-sidebar__toggle) {
   padding-block: var(--app-sidebar-padding) calc(var(--app-sidebar-padding) / 2);
   gap: 0 4px;
 }
-.app-sidebar .app-sidebar-header__desc--with-tertiary-action[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc--with-tertiary-action[data-v-c2c6820b] {
   padding-inline-start: 6px;
 }
-.app-sidebar .app-sidebar-header__desc--editable .app-sidebar-header__mainname-form[data-v-13cfd184], .app-sidebar .app-sidebar-header__desc--with-subname--editable .app-sidebar-header__mainname-form[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc--editable .app-sidebar-header__mainname-form[data-v-c2c6820b], .app-sidebar .app-sidebar-header__desc--with-subname--editable .app-sidebar-header__mainname-form[data-v-c2c6820b] {
   margin-top: -2px;
   margin-bottom: -2px;
 }
-.app-sidebar .app-sidebar-header__desc--with-subname--editable .app-sidebar-header__subname[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc--with-subname--editable .app-sidebar-header__subname[data-v-c2c6820b] {
   margin-top: -2px;
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-c2c6820b] {
   display: flex;
   height: var(--default-clickable-area);
   width: var(--default-clickable-area);
   justify-content: center;
   flex: 0 0 auto;
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions .app-sidebar-header__star[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions .app-sidebar-header__star[data-v-c2c6820b] {
   box-shadow: none;
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions .app-sidebar-header__star[data-v-13cfd184]:not([aria-pressed=true]):hover {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions .app-sidebar-header__star[data-v-c2c6820b]:not([aria-pressed=true]):hover {
   box-shadow: none;
   background-color: var(--color-background-hover);
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container[data-v-c2c6820b] {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-width: 0;
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container[data-v-c2c6820b] {
   display: flex;
   align-items: center;
   min-height: var(--default-clickable-area);
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname[data-v-c2c6820b] {
   padding: 0;
   min-height: 30px;
   font-size: 20px;
   line-height: 30px;
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname[data-v-13cfd184] .linkified {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname[data-v-c2c6820b] .linkified {
   cursor: pointer;
   text-decoration: underline;
   margin: 0;
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname-form[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname-form[data-v-c2c6820b] {
   display: flex;
   flex: 1 1 auto;
   align-items: center;
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname-form input.app-sidebar-header__mainname-input[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname-form input.app-sidebar-header__mainname-input[data-v-c2c6820b] {
   flex: 1 1 auto;
   margin: 0;
   padding: 7px;
   font-size: 20px;
   font-weight: var(--font-weight-heading, bold);
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__menu[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__menu[data-v-c2c6820b] {
   margin-inline-start: 5px;
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname[data-v-13cfd184],
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname[data-v-c2c6820b],
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-c2c6820b] {
   overflow: hidden;
   width: 100%;
   margin: 0;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-c2c6820b] {
   color: var(--color-text-maxcontrast);
   font-size: var(--default-font-size);
   padding: 0;
 }
-.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-13cfd184] * {
+.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-c2c6820b] * {
   vertical-align: text-bottom;
 }
-.app-sidebar .app-sidebar-header .app-sidebar-header__mainname--hidden[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header .app-sidebar-header__mainname--hidden[data-v-c2c6820b] {
   position: absolute;
   top: 0;
   inset-inline-start: 0;
@@ -413,27 +467,27 @@ body:has(.app-sidebar__toggle) {
   height: 1px;
   overflow: hidden;
 }
-.app-sidebar .app-sidebar-header__description[data-v-13cfd184] {
+.app-sidebar .app-sidebar-header__description[data-v-c2c6820b] {
   display: flex;
   align-items: center;
   margin: 0 10px;
 }
 @media only screen and (max-width: 512px) {
-.app-sidebar[data-v-13cfd184] {
+.app-sidebar[data-v-c2c6820b] {
     position: absolute;
     --app-sidebar-width: 100vw;
 }
 }
-.slide-right-leave-active[data-v-13cfd184],
-.slide-right-enter-active[data-v-13cfd184] {
+.slide-right-leave-active[data-v-c2c6820b],
+.slide-right-enter-active[data-v-c2c6820b] {
   transition-duration: var(--animation-slow);
   transition-property: margin-inline-end;
 }
-.slide-right-enter-to[data-v-13cfd184],
-.slide-right-leave[data-v-13cfd184] {
+.slide-right-enter-to[data-v-c2c6820b],
+.slide-right-leave[data-v-c2c6820b] {
   margin-inline-end: 0;
 }
-.slide-right-enter-from[data-v-13cfd184],
-.slide-right-leave-to[data-v-13cfd184] {
+.slide-right-enter-from[data-v-c2c6820b],
+.slide-right-leave-to[data-v-c2c6820b] {
   margin-inline-end: calc(-1 * var(--app-sidebar-width));
 }

package/dist/assets/NcAppSidebarTab.css

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-dba10798] {
+.material-design-icon[data-v-e4df51a0] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-sidebar__tab[data-v-dba10798] {
+.app-sidebar__tab[data-v-e4df51a0] {
   display: none;
   padding: 10px;
   min-height: 100%;
@@ -24,11 +24,11 @@
   height: 100%;
   overflow: auto;
 }
-.app-sidebar__tab[data-v-dba10798]:focus {
+.app-sidebar__tab[data-v-e4df51a0]:focus {
   border-color: var(--color-primary-element);
   box-shadow: 0 0 0.2em var(--color-primary-element);
   outline: 0;
 }
-.app-sidebar__tab--active[data-v-dba10798] {
+.app-sidebar__tab--active[data-v-e4df51a0] {
   display: block;
 }