@nextcloud/vue 9.6.0 → 9.7.0

package/CHANGELOG.md

@@ -7,7 +7,40 @@
 
 All notable changes to this project will be documented in this file.
 
+## [v9.7.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.7.0) (2026-04-24)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v9.6.0...v9.7.0)
+
+### 📝 Notes
+* `NcRichText` component used with `useMarkdown = true` or `useExtendedMarkdown = true` no longer renders relative links that can not be resolved by Vue Router.
+They are might interfere with routing logic and considered not belonging to the application. Examples that are not rendered as a clickable link:
+  * ``[unknown protocols](unknown:protocol)``
+  * ``[unresolved relative link](internal_route)``
+  * ``[relative parameters](?parameters=1)``
+  * ``[relative anchor](#anchor)``
+
+
+### 🚀 Enhancements
+* feat(NcRichContenteditable): allow to pass `menuContainer` as string [\#8417](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8417) \([Antreesy](https://github.com/Antreesy)\)
+
+### 🐛 Fixed bugs
+* fix(NcCheckboxRadioSwitch): use reactive state for group checkbox toggle [\#8324](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8324) \([pringelmann](https://github.com/pringelmann)\)
+* fix(NcRichText): do not escape markdown syntax when resolving reference [\#8351](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8351) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcPasswordField): reset validation state on change [\#8350](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8350) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcAppNavigation): close navigation on click outside for mobile dimensions [\#8284](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8284) \([grnd-alt](https://github.com/grnd-alt)\)
+* fix(NcAvatar): redirect to guest avatar if avatar does not exist [\#8440](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8440) \([skjnldsv](https://github.com/skjnldsv)\)
+* fix(NcModal): prevent focus trap race condition  [\#8093](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8093) \([nikhil2297](https://github.com/nikhil2297)\)
+* fix(NcRichText): do not render nested links in markdown [\#8449](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8449) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcRichText)!: do not render invalid relative markdown links [\#8397](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8397) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcAppNavigationSearch): Show search clear icon only when field contains something [\#8454](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8454) \([jancborchardt](https://github.com/jancborchardt)\)
+
+### Other Changes
+* Updated translations
+
+## New Contributors
+* @pringelmann made their first contribution in https://github.com/nextcloud-libraries/nextcloud-vue/pull/8324
+
 ## [v9.6.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v9.6.0) (2026-03-13)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v9.5.0...v9.6.0)
 ### 🚀 Enhancements
 * feat(NcFilePicker): add picker component to select local files [\#7097](https://github.com/nextcloud-libraries/nextcloud-vue/pull/7097) \([susnux](https://github.com/susnux)\)
 * feat(emoji): extend 'emojiAddRecent' to allow pass emoji as an argument [\#8288](https://github.com/nextcloud-libraries/nextcloud-vue/pull/8288) \([Antreesy](https://github.com/Antreesy)\)

package/dist/assets/{NcAppNavigation-f2zUqaiQ.css → NcAppNavigation-BSo8jV19.css}

@@ -57,14 +57,14 @@ button.app-navigation-toggle[data-v-5a15295d] {
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-d5ce90cd] {
+.material-design-icon[data-v-c53aa7ba] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-navigation[data-v-d5ce90cd] {
+.app-navigation[data-v-c53aa7ba] {
   --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-text-maxcontrast-default));
   transition: transform var(--animation-quick), margin var(--animation-quick);
   width: 300px;
@@ -86,16 +86,16 @@ button.app-navigation-toggle[data-v-5a15295d] {
   -webkit-backdrop-filter: var(--filter-background-blur, none);
   backdrop-filter: var(--filter-background-blur, none);
 }
-.app-navigation--closed[data-v-d5ce90cd] {
+.app-navigation--closed[data-v-c53aa7ba] {
   margin-inline-start: calc(-1 * min(300px, var(--app-navigation-max-width)));
 }
-.app-navigation__search[data-v-d5ce90cd] {
+.app-navigation__search[data-v-c53aa7ba] {
   width: 100%;
 }
-.app-navigation__body[data-v-d5ce90cd] {
+.app-navigation__body[data-v-c53aa7ba] {
   overflow-y: scroll;
 }
-.app-navigation__content > ul[data-v-d5ce90cd] {
+.app-navigation__content > ul[data-v-c53aa7ba] {
   position: relative;
   width: 100%;
   overflow-x: hidden;
@@ -105,30 +105,30 @@ button.app-navigation-toggle[data-v-5a15295d] {
   gap: var(--default-grid-baseline, 4px);
   padding: var(--app-navigation-padding);
 }
-.app-navigation .app-navigation__list[data-v-d5ce90cd] {
+.app-navigation .app-navigation__list[data-v-c53aa7ba] {
   height: 100%;
 }
-.app-navigation__body--no-list[data-v-d5ce90cd] {
+.app-navigation__body--no-list[data-v-c53aa7ba] {
   flex: 1 1 auto;
   overflow: auto;
   height: 100%;
 }
-.app-navigation__content[data-v-d5ce90cd] {
+.app-navigation__content[data-v-c53aa7ba] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-[data-themes*=highcontrast] .app-navigation[data-v-d5ce90cd] {
+[data-themes*=highcontrast] .app-navigation[data-v-c53aa7ba] {
   border-inline-end: 1px solid var(--color-border);
 }
 @media only screen and (max-width: 1024px) {
-.app-navigation[data-v-d5ce90cd] {
+.app-navigation[data-v-c53aa7ba] {
     position: absolute;
     border-inline-end: 1px solid var(--color-border);
 }
 }
 @media only screen and (max-width: 512px) {
-.app-navigation[data-v-d5ce90cd] {
+.app-navigation[data-v-c53aa7ba] {
     z-index: 1400;
 }
 }

package/dist/assets/{NcAppNavigationSearch-Bpd_RlYz.css → NcAppNavigationSearch-DD7mo6OW.css}

@@ -9,23 +9,26 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-9f5c0794] {
+.material-design-icon[data-v-191b6717] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-navigation-search[data-v-9f5c0794] {
+.app-navigation-search[data-v-191b6717] {
   display: flex;
   gap: var(--app-navigation-padding);
   padding: var(--app-navigation-padding);
 }
-.app-navigation-search--has-actions .app-navigation-search__input[data-v-9f5c0794] {
+.app-navigation-search__input[data-v-191b6717] {
+  --input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline));
+}
+.app-navigation-search--has-actions .app-navigation-search__input[data-v-191b6717] {
   flex-grow: 1;
   z-index: 3;
 }
-.app-navigation-search__actions[data-v-9f5c0794] {
+.app-navigation-search__actions[data-v-191b6717] {
   display: flex;
   gap: var(--default-grid-baseline);
   margin-inline-start: 0;
@@ -33,6 +36,6 @@
   max-height: var(--default-clickable-area);
   transition: margin-inline-start var(--animation-quick);
 }
-.app-navigation-search__actions--hidden[data-v-9f5c0794] {
+.app-navigation-search__actions--hidden[data-v-191b6717] {
   margin-inline-start: calc(-1 * var(--default-clickable-area));
 }

package/dist/assets/{NcCheckboxRadioSwitch-BBLFj8M-.css → NcCheckboxRadioSwitch-DRqOiQON.css}

@@ -77,16 +77,16 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-6808cde4] {
+.material-design-icon[data-v-fd481380] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.checkbox-radio-switch[data-v-6808cde4] {
-  --icon-size: var(--1d6eb36d);
-  --icon-height: var(--698a3993);
+.checkbox-radio-switch[data-v-fd481380] {
+  --icon-size: var(--36036aaa);
+  --icon-height: var(--e8de0d5e);
   --checkbox-radio-switch--border-radius: var(--border-radius-element);
   --checkbox-radio-switch--border-radius-outer: calc(var(--checkbox-radio-switch--border-radius) + 2px);
   display: flex;
@@ -98,119 +98,119 @@
   padding: 0;
   position: relative;
 }
-.checkbox-radio-switch__input[data-v-6808cde4] {
+.checkbox-radio-switch__input[data-v-fd481380] {
   position: absolute;
   z-index: -1;
   opacity: 0 !important;
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__content[data-v-6808cde4], .checkbox-radio-switch__input[data-v-6808cde4]:focus-visible {
+.checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__content[data-v-fd481380], .checkbox-radio-switch__input[data-v-fd481380]:focus-visible {
   outline: 2px solid var(--color-main-text);
   border-color: var(--color-main-background);
   outline-offset: -2px;
 }
-.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-6808cde4] {
+.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-fd481380] {
   opacity: 0.5;
 }
-.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-6808cde4] .checkbox-radio-switch__icon > * {
+.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-fd481380] .checkbox-radio-switch__icon > * {
   color: var(--color-main-text);
 }
-.checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-6808cde4], .checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-6808cde4] *:not(a) {
+.checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-fd481380], .checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-fd481380] *:not(a) {
   cursor: default !important;
 }
-.checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked):focus-within .checkbox-radio-switch__content[data-v-6808cde4], .checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked) .checkbox-radio-switch__content[data-v-6808cde4]:hover {
+.checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked):focus-within .checkbox-radio-switch__content[data-v-fd481380], .checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked) .checkbox-radio-switch__content[data-v-fd481380]:hover {
   background-color: var(--color-background-hover);
 }
-.checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-6808cde4], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-6808cde4]:hover {
+.checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-fd481380], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-fd481380]:hover {
   background-color: var(--color-primary-element-hover);
 }
-.checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-6808cde4], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-6808cde4]:hover {
+.checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-fd481380], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-fd481380]:hover {
   background-color: var(--color-primary-element-light-hover);
 }
-.checkbox-radio-switch-switch[data-v-6808cde4]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
+.checkbox-radio-switch-switch[data-v-fd481380]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
   color: var(--color-text-maxcontrast);
 }
-.checkbox-radio-switch-switch.checkbox-radio-switch--disabled.checkbox-radio-switch--checked[data-v-6808cde4] .checkbox-radio-switch__icon > * {
+.checkbox-radio-switch-switch.checkbox-radio-switch--disabled.checkbox-radio-switch--checked[data-v-fd481380] .checkbox-radio-switch__icon > * {
   color: var(--color-primary-element-light);
 }
-.checkbox-radio-switch--button-variant.checkbox-radio-switch[data-v-6808cde4] {
+.checkbox-radio-switch--button-variant.checkbox-radio-switch[data-v-fd481380] {
   background-color: var(--color-main-background);
   border: 2px solid var(--color-border-maxcontrast);
   overflow: hidden;
 }
-.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked[data-v-6808cde4] {
+.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked[data-v-fd481380] {
   font-weight: bold;
 }
-.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-radio-switch__content[data-v-6808cde4] {
+.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-radio-switch__content[data-v-fd481380] {
   background-color: var(--color-primary-element);
   color: var(--color-primary-element-text);
 }
-.checkbox-radio-switch--button-variant[data-v-6808cde4] .checkbox-radio-switch__text {
+.checkbox-radio-switch--button-variant[data-v-fd481380] .checkbox-radio-switch__text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
 }
-.checkbox-radio-switch--button-variant[data-v-6808cde4]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
+.checkbox-radio-switch--button-variant[data-v-fd481380]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
   color: var(--color-main-text);
 }
-.checkbox-radio-switch--button-variant[data-v-6808cde4] .checkbox-radio-switch__icon:empty {
+.checkbox-radio-switch--button-variant[data-v-fd481380] .checkbox-radio-switch__icon:empty {
   display: none;
 }
-.checkbox-radio-switch--button-variant[data-v-6808cde4]:not(.checkbox-radio-switch--button-variant-v-grouped):not(.checkbox-radio-switch--button-variant-h-grouped), .checkbox-radio-switch--button-variant .checkbox-radio-switch__content[data-v-6808cde4] {
+.checkbox-radio-switch--button-variant[data-v-fd481380]:not(.checkbox-radio-switch--button-variant-v-grouped):not(.checkbox-radio-switch--button-variant-h-grouped), .checkbox-radio-switch--button-variant .checkbox-radio-switch__content[data-v-fd481380] {
   border-radius: var(--checkbox-radio-switch--border-radius);
 }
-.checkbox-radio-switch[data-v-6808cde4] {
+.checkbox-radio-switch[data-v-fd481380] {
   /* Special rules for vertical button groups */
 }
-.checkbox-radio-switch--button-variant-v-grouped .checkbox-radio-switch__content[data-v-6808cde4] {
+.checkbox-radio-switch--button-variant-v-grouped .checkbox-radio-switch__content[data-v-fd481380] {
   flex-basis: 100%;
   max-width: unset;
 }
-.checkbox-radio-switch--button-variant-v-grouped[data-v-6808cde4]:first-of-type {
+.checkbox-radio-switch--button-variant-v-grouped[data-v-fd481380]:first-of-type {
   border-start-start-radius: var(--checkbox-radio-switch--border-radius-outer);
   border-start-end-radius: var(--checkbox-radio-switch--border-radius-outer);
 }
-.checkbox-radio-switch--button-variant-v-grouped[data-v-6808cde4]:last-of-type {
+.checkbox-radio-switch--button-variant-v-grouped[data-v-fd481380]:last-of-type {
   border-end-start-radius: var(--checkbox-radio-switch--border-radius-outer);
   border-end-end-radius: var(--checkbox-radio-switch--border-radius-outer);
 }
-.checkbox-radio-switch--button-variant-v-grouped[data-v-6808cde4]:not(:last-of-type) {
+.checkbox-radio-switch--button-variant-v-grouped[data-v-fd481380]:not(:last-of-type) {
   border-bottom: 0 !important;
 }
-.checkbox-radio-switch--button-variant-v-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-6808cde4] {
+.checkbox-radio-switch--button-variant-v-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-fd481380] {
   margin-bottom: 2px;
 }
-.checkbox-radio-switch--button-variant-v-grouped[data-v-6808cde4]:not(:first-of-type) {
+.checkbox-radio-switch--button-variant-v-grouped[data-v-fd481380]:not(:first-of-type) {
   border-top: 0 !important;
 }
-.checkbox-radio-switch[data-v-6808cde4] {
+.checkbox-radio-switch[data-v-fd481380] {
   /* Special rules for horizontal button groups */
 }
-.checkbox-radio-switch--button-variant-h-grouped[data-v-6808cde4]:first-of-type {
+.checkbox-radio-switch--button-variant-h-grouped[data-v-fd481380]:first-of-type {
   border-start-start-radius: var(--checkbox-radio-switch--border-radius-outer);
   border-end-start-radius: var(--checkbox-radio-switch--border-radius-outer);
 }
-.checkbox-radio-switch--button-variant-h-grouped[data-v-6808cde4]:last-of-type {
+.checkbox-radio-switch--button-variant-h-grouped[data-v-fd481380]:last-of-type {
   border-start-end-radius: var(--checkbox-radio-switch--border-radius-outer);
   border-end-end-radius: var(--checkbox-radio-switch--border-radius-outer);
 }
-.checkbox-radio-switch--button-variant-h-grouped[data-v-6808cde4]:not(:last-of-type) {
+.checkbox-radio-switch--button-variant-h-grouped[data-v-fd481380]:not(:last-of-type) {
   border-inline-end: 0 !important;
 }
-.checkbox-radio-switch--button-variant-h-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-6808cde4] {
+.checkbox-radio-switch--button-variant-h-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-fd481380] {
   margin-inline-end: 2px;
 }
-.checkbox-radio-switch--button-variant-h-grouped[data-v-6808cde4]:not(:first-of-type) {
+.checkbox-radio-switch--button-variant-h-grouped[data-v-fd481380]:not(:first-of-type) {
   border-inline-start: 0 !important;
 }
-.checkbox-radio-switch--button-variant-h-grouped[data-v-6808cde4] .checkbox-radio-switch__text {
+.checkbox-radio-switch--button-variant-h-grouped[data-v-fd481380] .checkbox-radio-switch__text {
   text-align: center;
   display: flex;
   align-items: center;
 }
-.checkbox-radio-switch--button-variant-h-grouped .checkbox-radio-switch__content[data-v-6808cde4] {
+.checkbox-radio-switch--button-variant-h-grouped .checkbox-radio-switch__content[data-v-fd481380] {
   flex-direction: column;
   justify-content: center;
   width: 100%;

package/dist/assets/{NcModal-CUh8AdAE.css → NcModal-RDmyJqvC.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-3a70b8e0] {
+.material-design-icon[data-v-eedf8ee9] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.modal-mask[data-v-3a70b8e0] {
+.modal-mask[data-v-eedf8ee9] {
   position: fixed;
   z-index: 9998;
   top: 0;
@@ -27,16 +27,16 @@
   --backdrop-color: 0, 0, 0;
   background-color: rgba(var(--backdrop-color), 0.5);
 }
-.modal-mask[data-v-3a70b8e0], .modal-mask[data-v-3a70b8e0] * {
+.modal-mask[data-v-eedf8ee9], .modal-mask[data-v-eedf8ee9] * {
   box-sizing: border-box;
 }
-.modal-mask--opaque[data-v-3a70b8e0] {
+.modal-mask--opaque[data-v-eedf8ee9] {
   background-color: rgba(var(--backdrop-color), 0.92);
 }
-.modal-mask--light[data-v-3a70b8e0] {
+.modal-mask--light[data-v-eedf8ee9] {
   --backdrop-color: 255, 255, 255;
 }
-.modal-header[data-v-3a70b8e0] {
+.modal-header[data-v-eedf8ee9] {
   position: absolute;
   z-index: 10001;
   top: 0;
@@ -49,7 +49,7 @@
   overflow: hidden;
   transition: opacity 250ms, visibility 250ms;
 }
-.modal-header__name[data-v-3a70b8e0] {
+.modal-header__name[data-v-eedf8ee9] {
   overflow-x: hidden;
   width: 100%;
   padding-inline: 12px 0;
@@ -60,25 +60,25 @@
   margin-block: 0;
 }
 @media only screen and (min-width: 1024px) {
-.modal-header__name[data-v-3a70b8e0] {
-    padding-inline-start: calc(var(--header-height) * var(--5a2241b0));
+.modal-header__name[data-v-eedf8ee9] {
+    padding-inline-start: calc(var(--header-height) * var(--7e279443));
     text-align: center;
 }
 }
-.modal-header .icons-menu[data-v-3a70b8e0] {
+.modal-header .icons-menu[data-v-eedf8ee9] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   align-self: flex-end;
 }
-.modal-header .icons-menu .header-close[data-v-3a70b8e0] {
+.modal-header .icons-menu .header-close[data-v-eedf8ee9] {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
   padding: 0;
 }
-.modal-header .icons-menu .play-pause-icons[data-v-3a70b8e0] {
+.modal-header .icons-menu .play-pause-icons[data-v-eedf8ee9] {
   position: relative;
   width: var(--header-height);
   height: var(--header-height);
@@ -88,33 +88,33 @@
   border: none;
   background-color: transparent;
 }
-.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__icon[data-v-3a70b8e0], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__icon[data-v-3a70b8e0] {
+.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__icon[data-v-eedf8ee9], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__icon[data-v-eedf8ee9] {
   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__icon[data-v-3a70b8e0] {
+.modal-header .icons-menu .play-pause-icons__icon[data-v-eedf8ee9] {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
   cursor: pointer;
   opacity: 0.7;
 }
-.modal-header .icons-menu[data-v-3a70b8e0]  .action-item {
+.modal-header .icons-menu[data-v-eedf8ee9]  .action-item {
   margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
 }
-.modal-header .icons-menu[data-v-3a70b8e0]  .action-item--single {
+.modal-header .icons-menu[data-v-eedf8ee9]  .action-item--single {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   cursor: pointer;
   background-position: center;
   background-size: 22px;
 }
-.modal-header .icons-menu .header-actions[data-v-3a70b8e0] button:focus-visible {
+.modal-header .icons-menu .header-actions[data-v-eedf8ee9] button:focus-visible {
   box-shadow: none !important;
   outline: 2px solid #fff !important;
 }
-.modal-wrapper[data-v-3a70b8e0] {
+.modal-wrapper[data-v-eedf8ee9] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -122,8 +122,8 @@
   height: 100%;
   /* Navigation buttons */
 }
-.modal-wrapper .prev[data-v-3a70b8e0],
-.modal-wrapper .next[data-v-3a70b8e0] {
+.modal-wrapper .prev[data-v-eedf8ee9],
+.modal-wrapper .next[data-v-eedf8ee9] {
   z-index: 10000;
   height: 35vh;
   min-height: 300px;
@@ -131,21 +131,21 @@
   transition: opacity 250ms;
   color: white;
 }
-.modal-wrapper .prev[data-v-3a70b8e0]:focus-visible,
-.modal-wrapper .next[data-v-3a70b8e0]:focus-visible {
+.modal-wrapper .prev[data-v-eedf8ee9]:focus-visible,
+.modal-wrapper .next[data-v-eedf8ee9]:focus-visible {
   box-shadow: 0 0 0 2px var(--color-primary-element-text);
   background-color: var(--color-box-shadow);
 }
-.modal-wrapper .prev[data-v-3a70b8e0] {
+.modal-wrapper .prev[data-v-eedf8ee9] {
   inset-inline-start: 2px;
 }
-.modal-wrapper .next[data-v-3a70b8e0] {
+.modal-wrapper .next[data-v-eedf8ee9] {
   inset-inline-end: 2px;
 }
-.modal-wrapper[data-v-3a70b8e0] {
+.modal-wrapper[data-v-eedf8ee9] {
   /* Content */
 }
-.modal-wrapper .modal-container[data-v-3a70b8e0] {
+.modal-wrapper .modal-container[data-v-eedf8ee9] {
   position: relative;
   display: flex;
   padding: 0;
@@ -156,33 +156,33 @@
   box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
   overflow: auto;
 }
-.modal-wrapper .modal-container__close[data-v-3a70b8e0] {
+.modal-wrapper .modal-container__close[data-v-eedf8ee9] {
   z-index: 1;
   position: absolute;
   top: 4px;
   inset-inline-end: var(--default-grid-baseline);
 }
-.modal-wrapper .modal-container__content[data-v-3a70b8e0] {
+.modal-wrapper .modal-container__content[data-v-eedf8ee9] {
   width: 100%;
   min-height: 52px;
   overflow: auto;
 }
-.modal-wrapper--small > .modal-container[data-v-3a70b8e0] {
+.modal-wrapper--small > .modal-container[data-v-eedf8ee9] {
   width: 400px;
   max-width: 90%;
   max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin));
 }
-.modal-wrapper--normal > .modal-container[data-v-3a70b8e0] {
+.modal-wrapper--normal > .modal-container[data-v-eedf8ee9] {
   max-width: 90%;
   width: 600px;
   max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin));
 }
-.modal-wrapper--large > .modal-container[data-v-3a70b8e0] {
+.modal-wrapper--large > .modal-container[data-v-eedf8ee9] {
   max-width: 90%;
   width: 900px;
   max-height: min(90%, 100% - 2 * var(--header-height) - 2 * var(--body-container-margin));
 }
-.modal-wrapper--full > .modal-container[data-v-3a70b8e0] {
+.modal-wrapper--full > .modal-container[data-v-eedf8ee9] {
   width: 100%;
   height: calc(100% - var(--header-height));
   position: absolute;
@@ -190,7 +190,7 @@
   border-radius: 0;
 }
 @media only screen and ((max-width: 512px) or (max-height: 400px)) {
-.modal-wrapper .modal-container[data-v-3a70b8e0] {
+.modal-wrapper .modal-container[data-v-eedf8ee9] {
     max-width: initial;
     width: 100%;
     max-height: initial;
@@ -202,60 +202,60 @@
 }
 
 /* TRANSITIONS */
-.fade-enter-active[data-v-3a70b8e0],
-.fade-leave-active[data-v-3a70b8e0] {
+.fade-enter-active[data-v-eedf8ee9],
+.fade-leave-active[data-v-eedf8ee9] {
   transition: opacity 250ms;
 }
-.fade-enter-from[data-v-3a70b8e0],
-.fade-leave-to[data-v-3a70b8e0] {
+.fade-enter-from[data-v-eedf8ee9],
+.fade-leave-to[data-v-eedf8ee9] {
   opacity: 0;
 }
-.fade-visibility-enter-from[data-v-3a70b8e0],
-.fade-visibility-leave-to[data-v-3a70b8e0] {
+.fade-visibility-enter-from[data-v-eedf8ee9],
+.fade-visibility-leave-to[data-v-eedf8ee9] {
   visibility: hidden;
   opacity: 0;
 }
-.modal-in-enter-active[data-v-3a70b8e0],
-.modal-in-leave-active[data-v-3a70b8e0],
-.modal-out-enter-active[data-v-3a70b8e0],
-.modal-out-leave-active[data-v-3a70b8e0] {
+.modal-in-enter-active[data-v-eedf8ee9],
+.modal-in-leave-active[data-v-eedf8ee9],
+.modal-out-enter-active[data-v-eedf8ee9],
+.modal-out-leave-active[data-v-eedf8ee9] {
   transition: opacity 250ms;
 }
-.modal-in-enter-from[data-v-3a70b8e0],
-.modal-in-leave-to[data-v-3a70b8e0],
-.modal-out-enter-from[data-v-3a70b8e0],
-.modal-out-leave-to[data-v-3a70b8e0] {
+.modal-in-enter-from[data-v-eedf8ee9],
+.modal-in-leave-to[data-v-eedf8ee9],
+.modal-out-enter-from[data-v-eedf8ee9],
+.modal-out-leave-to[data-v-eedf8ee9] {
   opacity: 0;
 }
-.modal-in-enter .modal-container[data-v-3a70b8e0],
-.modal-in-leave-to .modal-container[data-v-3a70b8e0] {
+.modal-in-enter .modal-container[data-v-eedf8ee9],
+.modal-in-leave-to .modal-container[data-v-eedf8ee9] {
   transform: scale(0.9);
 }
-.modal-out-enter .modal-container[data-v-3a70b8e0],
-.modal-out-leave-to .modal-container[data-v-3a70b8e0] {
+.modal-out-enter .modal-container[data-v-eedf8ee9],
+.modal-out-leave-to .modal-container[data-v-eedf8ee9] {
   transform: scale(1.1);
 }
-.modal-mask .play-pause-icons .progress-ring[data-v-3a70b8e0] {
+.modal-mask .play-pause-icons .progress-ring[data-v-eedf8ee9] {
   position: absolute;
   top: 0;
   inset-inline-start: 0;
   transform: rotate(-90deg);
 }
-.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-3a70b8e0] {
+.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-eedf8ee9] {
   transition: 100ms stroke-dashoffset;
   transform-origin: 50% 50%;
-  animation: progressring-3a70b8e0 linear var(--6e8e498c) infinite;
+  animation: progressring-eedf8ee9 linear var(--f6d26d02) infinite;
   stroke-linecap: round;
   stroke-dashoffset: 94.2477796077;
   stroke-dasharray: 94.2477796077;
 }
-.modal-mask .play-pause-icons--paused .play-pause-icons__icon[data-v-3a70b8e0] {
-  animation: breath-3a70b8e0 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+.modal-mask .play-pause-icons--paused .play-pause-icons__icon[data-v-eedf8ee9] {
+  animation: breath-eedf8ee9 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
-.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-3a70b8e0] {
+.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-eedf8ee9] {
   animation-play-state: paused !important;
 }
-@keyframes progressring-3a70b8e0 {
+@keyframes progressring-eedf8ee9 {
 from {
     stroke-dashoffset: 94.2477796077;
 }
@@ -263,7 +263,7 @@ to {
     stroke-dashoffset: 0;
 }
 }
-@keyframes breath-3a70b8e0 {
+@keyframes breath-eedf8ee9 {
 0% {
     opacity: 1;
 }

package/dist/assets/{NcPasswordField-ftYon3Xm.css → NcPasswordField-BN4HFgU5.css}

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