@nextcloud/vue 8.0.0-beta.9 → 8.0.0

package/dist/assets/{index-c06ad941.css → index-d5716ef0.css}

@@ -1,12 +1,12 @@
 @charset "UTF-8";
-.material-design-icon[data-v-ad1f8733] {
+.material-design-icon[data-v-fae4dec7] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.checkbox-content[data-v-ad1f8733] {
+.checkbox-content[data-v-fae4dec7] {
   display: flex;
   align-items: center;
   flex-direction: row;
@@ -19,16 +19,16 @@
   width: 100%;
   max-width: fit-content;
 }
-.checkbox-content__text[data-v-ad1f8733]:empty {
+.checkbox-content__text[data-v-fae4dec7]:empty {
   display: none;
 }
-.checkbox-content__icon > *[data-v-ad1f8733] {
+.checkbox-content__icon > *[data-v-fae4dec7] {
   color: var(--color-primary-element);
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.checkbox-content[data-v-ad1f8733],
-.checkbox-content *[data-v-ad1f8733] {
+.checkbox-content[data-v-fae4dec7],
+.checkbox-content *[data-v-fae4dec7] {
   cursor: pointer;
 }
 /**
@@ -52,14 +52,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-dcc8fabc] {
+.material-design-icon[data-v-cd8a5db4] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.checkbox-radio-switch[data-v-dcc8fabc] {
+.checkbox-radio-switch[data-v-cd8a5db4] {
   display: flex;
   align-items: center;
   color: var(--color-main-text);
@@ -68,7 +68,7 @@
   line-height: var(--default-line-height);
   padding: 0;
 }
-.checkbox-radio-switch__input[data-v-dcc8fabc] {
+.checkbox-radio-switch__input[data-v-cd8a5db4] {
   position: absolute;
   z-index: -1;
   opacity: 0 !important;
@@ -76,97 +76,100 @@
   height: var(--icon-size);
   margin: 4px 14px;
 }
-.checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__content[data-v-dcc8fabc] {
-  outline: 2px solid var(--color-primary-element) !important;
+.checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__content[data-v-cd8a5db4],
+.checkbox-radio-switch__input[data-v-cd8a5db4]: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-dcc8fabc] {
+.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-cd8a5db4] {
   opacity: .5;
 }
-.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-dcc8fabc] .checkbox-radio-switch__icon > * {
+.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-cd8a5db4] .checkbox-radio-switch__icon > * {
   color: var(--color-main-text);
 }
-.checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked):focus-within .checkbox-radio-switch__content[data-v-dcc8fabc],
-.checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked) .checkbox-radio-switch__content[data-v-dcc8fabc]:hover {
+.checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked):focus-within .checkbox-radio-switch__content[data-v-cd8a5db4],
+.checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked) .checkbox-radio-switch__content[data-v-cd8a5db4]:hover {
   background-color: var(--color-background-hover);
 }
-.checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-dcc8fabc],
-.checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-dcc8fabc]:hover {
+.checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-cd8a5db4],
+.checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-cd8a5db4]:hover {
   background-color: var(--color-primary-element-light-hover);
 }
-.checkbox-radio-switch-switch[data-v-dcc8fabc]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
+.checkbox-radio-switch-switch[data-v-cd8a5db4]: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-dcc8fabc] .checkbox-radio-switch__icon > * {
+.checkbox-radio-switch-switch.checkbox-radio-switch--disabled.checkbox-radio-switch--checked[data-v-cd8a5db4] .checkbox-radio-switch__icon > * {
   color: var(--color-primary-element-light);
 }
-.checkbox-radio-switch--button-variant.checkbox-radio-switch[data-v-dcc8fabc] {
+.checkbox-radio-switch--button-variant.checkbox-radio-switch[data-v-cd8a5db4] {
   border: 2px solid var(--color-border-maxcontrast);
   overflow: hidden;
 }
-.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked[data-v-dcc8fabc] {
+.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked[data-v-cd8a5db4] {
   font-weight: 700;
 }
-.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-radio-switch__content[data-v-dcc8fabc] {
+.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-radio-switch__content[data-v-cd8a5db4] {
   background-color: var(--color-primary-element-light);
 }
-.checkbox-radio-switch--button-variant[data-v-dcc8fabc] .checkbox-radio-switch__text {
+.checkbox-radio-switch--button-variant[data-v-cd8a5db4] .checkbox-radio-switch__text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
 }
-.checkbox-radio-switch--button-variant[data-v-dcc8fabc]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
+.checkbox-radio-switch--button-variant[data-v-cd8a5db4]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
   color: var(--color-main-text);
 }
-.checkbox-radio-switch--button-variant[data-v-dcc8fabc] .checkbox-radio-switch__icon:empty {
+.checkbox-radio-switch--button-variant[data-v-cd8a5db4] .checkbox-radio-switch__icon:empty {
   display: none;
 }
-.checkbox-radio-switch--button-variant[data-v-dcc8fabc]: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-dcc8fabc] {
+.checkbox-radio-switch--button-variant[data-v-cd8a5db4]: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-cd8a5db4] {
   border-radius: calc(var(--default-clickable-area) / 2);
 }
-.checkbox-radio-switch--button-variant-v-grouped .checkbox-radio-switch__content[data-v-dcc8fabc] {
+.checkbox-radio-switch--button-variant-v-grouped .checkbox-radio-switch__content[data-v-cd8a5db4] {
   flex-basis: 100%;
   max-width: unset;
 }
-.checkbox-radio-switch--button-variant-v-grouped[data-v-dcc8fabc]:first-of-type {
+.checkbox-radio-switch--button-variant-v-grouped[data-v-cd8a5db4]:first-of-type {
   border-top-left-radius: calc(var(--default-clickable-area) / 2 + 2px);
   border-top-right-radius: calc(var(--default-clickable-area) / 2 + 2px);
 }
-.checkbox-radio-switch--button-variant-v-grouped[data-v-dcc8fabc]:last-of-type {
+.checkbox-radio-switch--button-variant-v-grouped[data-v-cd8a5db4]:last-of-type {
   border-bottom-left-radius: calc(var(--default-clickable-area) / 2 + 2px);
   border-bottom-right-radius: calc(var(--default-clickable-area) / 2 + 2px);
 }
-.checkbox-radio-switch--button-variant-v-grouped[data-v-dcc8fabc]:not(:last-of-type) {
+.checkbox-radio-switch--button-variant-v-grouped[data-v-cd8a5db4]: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-dcc8fabc] {
+.checkbox-radio-switch--button-variant-v-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-cd8a5db4] {
   margin-bottom: 2px;
 }
-.checkbox-radio-switch--button-variant-v-grouped[data-v-dcc8fabc]:not(:first-of-type) {
+.checkbox-radio-switch--button-variant-v-grouped[data-v-cd8a5db4]:not(:first-of-type) {
   border-top: 0 !important;
 }
-.checkbox-radio-switch--button-variant-h-grouped[data-v-dcc8fabc]:first-of-type {
+.checkbox-radio-switch--button-variant-h-grouped[data-v-cd8a5db4]:first-of-type {
   border-top-left-radius: calc(var(--default-clickable-area) / 2 + 2px);
   border-bottom-left-radius: calc(var(--default-clickable-area) / 2 + 2px);
 }
-.checkbox-radio-switch--button-variant-h-grouped[data-v-dcc8fabc]:last-of-type {
+.checkbox-radio-switch--button-variant-h-grouped[data-v-cd8a5db4]:last-of-type {
   border-top-right-radius: calc(var(--default-clickable-area) / 2 + 2px);
   border-bottom-right-radius: calc(var(--default-clickable-area) / 2 + 2px);
 }
-.checkbox-radio-switch--button-variant-h-grouped[data-v-dcc8fabc]:not(:last-of-type) {
+.checkbox-radio-switch--button-variant-h-grouped[data-v-cd8a5db4]:not(:last-of-type) {
   border-right: 0 !important;
 }
-.checkbox-radio-switch--button-variant-h-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-dcc8fabc] {
+.checkbox-radio-switch--button-variant-h-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-cd8a5db4] {
   margin-right: 2px;
 }
-.checkbox-radio-switch--button-variant-h-grouped[data-v-dcc8fabc]:not(:first-of-type) {
+.checkbox-radio-switch--button-variant-h-grouped[data-v-cd8a5db4]:not(:first-of-type) {
   border-left: 0 !important;
 }
-.checkbox-radio-switch--button-variant-h-grouped[data-v-dcc8fabc] .checkbox-radio-switch__text {
+.checkbox-radio-switch--button-variant-h-grouped[data-v-cd8a5db4] .checkbox-radio-switch__text {
   text-align: center;
 }
-.checkbox-radio-switch--button-variant-h-grouped .checkbox-radio-switch__content[data-v-dcc8fabc] {
+.checkbox-radio-switch--button-variant-h-grouped .checkbox-radio-switch__content[data-v-cd8a5db4] {
   flex-direction: column;
   justify-content: center;
   width: 100%;

package/dist/assets/{index-4a775ba1.css → index-d812ed9e.css}

@@ -20,14 +20,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-bb88e612] {
+.material-design-icon[data-v-f507b497] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.button-vue[data-v-bb88e612] {
+.button-vue[data-v-f507b497] {
   position: relative;
   width: fit-content;
   overflow: hidden;
@@ -51,46 +51,46 @@
   color: var(--color-primary-element-light-text);
   background-color: var(--color-primary-element-light);
 }
-.button-vue *[data-v-bb88e612],
-.button-vue span[data-v-bb88e612] {
+.button-vue *[data-v-f507b497],
+.button-vue span[data-v-f507b497] {
   cursor: pointer;
 }
-.button-vue[data-v-bb88e612]:focus {
+.button-vue[data-v-f507b497]:focus {
   outline: none;
 }
-.button-vue[data-v-bb88e612]:disabled {
+.button-vue[data-v-f507b497]:disabled {
   cursor: default;
   opacity: .5;
   filter: saturate(.7);
 }
-.button-vue:disabled *[data-v-bb88e612] {
+.button-vue:disabled *[data-v-f507b497] {
   cursor: default;
 }
-.button-vue[data-v-bb88e612]:hover:not(:disabled) {
+.button-vue[data-v-f507b497]:hover:not(:disabled) {
   background-color: var(--color-primary-element-light-hover);
 }
-.button-vue[data-v-bb88e612]:active {
+.button-vue[data-v-f507b497]:active {
   background-color: var(--color-primary-element-light);
 }
-.button-vue__wrapper[data-v-bb88e612] {
+.button-vue__wrapper[data-v-f507b497] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 100%;
 }
-.button-vue--end .button-vue__wrapper[data-v-bb88e612] {
+.button-vue--end .button-vue__wrapper[data-v-f507b497] {
   justify-content: end;
 }
-.button-vue--start .button-vue__wrapper[data-v-bb88e612] {
+.button-vue--start .button-vue__wrapper[data-v-f507b497] {
   justify-content: start;
 }
-.button-vue--reverse .button-vue__wrapper[data-v-bb88e612] {
+.button-vue--reverse .button-vue__wrapper[data-v-f507b497] {
   flex-direction: row-reverse;
 }
-.button-vue--reverse.button-vue--icon-and-text[data-v-bb88e612] {
+.button-vue--reverse.button-vue--icon-and-text[data-v-f507b497] {
   padding-inline: calc(var(--default-grid-baseline) * 4) var(--default-grid-baseline);
 }
-.button-vue__icon[data-v-bb88e612] {
+.button-vue__icon[data-v-f507b497] {
   height: 44px;
   width: 44px;
   min-height: 44px;
@@ -99,7 +99,7 @@
   justify-content: center;
   align-items: center;
 }
-.button-vue__text[data-v-bb88e612] {
+.button-vue__text[data-v-f507b497] {
   font-weight: 700;
   margin-bottom: 1px;
   padding: 2px 0;
@@ -107,98 +107,98 @@
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.button-vue--icon-only[data-v-bb88e612] {
+.button-vue--icon-only[data-v-f507b497] {
   width: 44px !important;
 }
-.button-vue--text-only[data-v-bb88e612] {
+.button-vue--text-only[data-v-f507b497] {
   padding: 0 12px;
 }
-.button-vue--text-only .button-vue__text[data-v-bb88e612] {
+.button-vue--text-only .button-vue__text[data-v-f507b497] {
   margin-left: 4px;
   margin-right: 4px;
 }
-.button-vue--icon-and-text[data-v-bb88e612] {
+.button-vue--icon-and-text[data-v-f507b497] {
   padding-block: 0;
   padding-inline: var(--default-grid-baseline) calc(var(--default-grid-baseline) * 4);
 }
-.button-vue--wide[data-v-bb88e612] {
+.button-vue--wide[data-v-f507b497] {
   width: 100%;
 }
-.button-vue[data-v-bb88e612]:focus-visible {
+.button-vue[data-v-f507b497]:focus-visible {
   outline: 2px solid var(--color-main-text) !important;
   box-shadow: 0 0 0 4px var(--color-main-background) !important;
 }
-.button-vue:focus-visible.button-vue--vue-tertiary-on-primary[data-v-bb88e612] {
+.button-vue:focus-visible.button-vue--vue-tertiary-on-primary[data-v-f507b497] {
   outline: 2px solid var(--color-primary-element-text);
   border-radius: var(--border-radius);
   background-color: transparent;
 }
-.button-vue--vue-primary[data-v-bb88e612] {
+.button-vue--vue-primary[data-v-f507b497] {
   background-color: var(--color-primary-element);
   color: var(--color-primary-element-text);
 }
-.button-vue--vue-primary[data-v-bb88e612]:hover:not(:disabled) {
+.button-vue--vue-primary[data-v-f507b497]:hover:not(:disabled) {
   background-color: var(--color-primary-element-hover);
 }
-.button-vue--vue-primary[data-v-bb88e612]:active {
+.button-vue--vue-primary[data-v-f507b497]:active {
   background-color: var(--color-primary-element);
 }
-.button-vue--vue-secondary[data-v-bb88e612] {
+.button-vue--vue-secondary[data-v-f507b497] {
   color: var(--color-primary-element-light-text);
   background-color: var(--color-primary-element-light);
 }
-.button-vue--vue-secondary[data-v-bb88e612]:hover:not(:disabled) {
+.button-vue--vue-secondary[data-v-f507b497]:hover:not(:disabled) {
   color: var(--color-primary-element-light-text);
   background-color: var(--color-primary-element-light-hover);
 }
-.button-vue--vue-tertiary[data-v-bb88e612] {
+.button-vue--vue-tertiary[data-v-f507b497] {
   color: var(--color-main-text);
   background-color: transparent;
 }
-.button-vue--vue-tertiary[data-v-bb88e612]:hover:not(:disabled) {
+.button-vue--vue-tertiary[data-v-f507b497]:hover:not(:disabled) {
   background-color: var(--color-background-hover);
 }
-.button-vue--vue-tertiary-no-background[data-v-bb88e612] {
+.button-vue--vue-tertiary-no-background[data-v-f507b497] {
   color: var(--color-main-text);
   background-color: transparent;
 }
-.button-vue--vue-tertiary-no-background[data-v-bb88e612]:hover:not(:disabled) {
+.button-vue--vue-tertiary-no-background[data-v-f507b497]:hover:not(:disabled) {
   background-color: transparent;
 }
-.button-vue--vue-tertiary-on-primary[data-v-bb88e612] {
+.button-vue--vue-tertiary-on-primary[data-v-f507b497] {
   color: var(--color-primary-element-text);
   background-color: transparent;
 }
-.button-vue--vue-tertiary-on-primary[data-v-bb88e612]:hover:not(:disabled) {
+.button-vue--vue-tertiary-on-primary[data-v-f507b497]:hover:not(:disabled) {
   background-color: transparent;
 }
-.button-vue--vue-success[data-v-bb88e612] {
+.button-vue--vue-success[data-v-f507b497] {
   background-color: var(--color-success);
   color: #fff;
 }
-.button-vue--vue-success[data-v-bb88e612]:hover:not(:disabled) {
+.button-vue--vue-success[data-v-f507b497]:hover:not(:disabled) {
   background-color: var(--color-success-hover);
 }
-.button-vue--vue-success[data-v-bb88e612]:active {
+.button-vue--vue-success[data-v-f507b497]:active {
   background-color: var(--color-success);
 }
-.button-vue--vue-warning[data-v-bb88e612] {
+.button-vue--vue-warning[data-v-f507b497] {
   background-color: var(--color-warning);
   color: #fff;
 }
-.button-vue--vue-warning[data-v-bb88e612]:hover:not(:disabled) {
+.button-vue--vue-warning[data-v-f507b497]:hover:not(:disabled) {
   background-color: var(--color-warning-hover);
 }
-.button-vue--vue-warning[data-v-bb88e612]:active {
+.button-vue--vue-warning[data-v-f507b497]:active {
   background-color: var(--color-warning);
 }
-.button-vue--vue-error[data-v-bb88e612] {
+.button-vue--vue-error[data-v-f507b497] {
   background-color: var(--color-error);
   color: #fff;
 }
-.button-vue--vue-error[data-v-bb88e612]:hover:not(:disabled) {
+.button-vue--vue-error[data-v-f507b497]:hover:not(:disabled) {
   background-color: var(--color-error-hover);
 }
-.button-vue--vue-error[data-v-bb88e612]:active {
+.button-vue--vue-error[data-v-f507b497]:active {
   background-color: var(--color-error);
 }

package/dist/assets/{index-793eae6b.css → index-d9ae9479.css}

@@ -82,14 +82,14 @@
 .autocomplete-result__subline[data-v-25cf09d8] {
   color: var(--color-text-maxcontrast);
 }
-.material-design-icon[data-v-b7f5e546] {
+.material-design-icon[data-v-599f92d5] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.rich-contenteditable__input[data-v-b7f5e546] {
+.rich-contenteditable__input[data-v-599f92d5] {
   overflow-y: auto;
   width: auto;
   margin: 0;
@@ -107,12 +107,12 @@
   min-height: 44px;
   max-height: 242px;
 }
-.rich-contenteditable__input--empty[data-v-b7f5e546]:before {
+.rich-contenteditable__input--empty[data-v-599f92d5]:before {
   content: attr(placeholder);
   color: var(--color-text-maxcontrast);
   position: absolute;
 }
-.rich-contenteditable__input[contenteditable=false][data-v-b7f5e546]:not(.rich-contenteditable__input--disabled) {
+.rich-contenteditable__input[contenteditable=false][data-v-599f92d5]:not(.rich-contenteditable__input--disabled) {
   cursor: default;
   background-color: transparent;
   color: var(--color-main-text);
@@ -120,11 +120,11 @@
   opacity: 1;
   border-radius: 0;
 }
-.rich-contenteditable__input--multiline[data-v-b7f5e546] {
+.rich-contenteditable__input--multiline[data-v-599f92d5] {
   min-height: 132px;
   max-height: none;
 }
-.rich-contenteditable__input--disabled[data-v-b7f5e546] {
+.rich-contenteditable__input--disabled[data-v-599f92d5] {
   opacity: .5;
   color: var(--color-text-maxcontrast);
   border: 2px solid var(--color-background-darker);

package/dist/assets/{index-f85aa003.css → index-db5a8b1c.css}

@@ -20,14 +20,14 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-a4d36143] {
+.material-design-icon[data-v-b5b2caa2] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-settings__navigation[data-v-a4d36143] {
+.app-settings__navigation[data-v-b5b2caa2] {
   min-width: 200px;
   margin-right: 20px;
   overflow-x: hidden;
@@ -35,26 +35,27 @@
   position: relative;
   height: 100%;
 }
-.app-settings__content[data-v-a4d36143] {
+.app-settings__content[data-v-b5b2caa2] {
   max-width: 100vw;
   overflow-y: auto;
   overflow-x: hidden;
   padding: 24px;
   width: 100%;
 }
-.navigation-list[data-v-a4d36143] {
+.navigation-list[data-v-b5b2caa2] {
   height: 100%;
   box-sizing: border-box;
   overflow-y: auto;
   padding: 12px;
 }
-.navigation-list--collapsed[data-v-a4d36143] {
+.navigation-list--collapsed[data-v-b5b2caa2] {
   display: flex;
   flex-direction: row;
   gap: 6px;
 }
-.navigation-list__link[data-v-a4d36143] {
-  display: block;
+.navigation-list__link[data-v-b5b2caa2] {
+  display: flex;
+  align-content: center;
   font-size: 16px;
   height: 44px;
   margin: 4px 0;
@@ -69,10 +70,21 @@
   background-color: transparent;
   border: none;
 }
-.navigation-list__link[data-v-a4d36143]:hover,
-.navigation-list__link[data-v-a4d36143]:focus {
+.navigation-list__link[data-v-b5b2caa2]:hover,
+.navigation-list__link[data-v-b5b2caa2]:focus {
   background-color: var(--color-background-hover);
 }
-.navigation-list__link--active[data-v-a4d36143] {
+.navigation-list__link--active[data-v-b5b2caa2] {
   background-color: var(--color-primary-element-light) !important;
 }
+.navigation-list__link--icon[data-v-b5b2caa2] {
+  padding-inline-start: 8px;
+  gap: 4px;
+}
+.navigation-list__link-icon[data-v-b5b2caa2] {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  width: 36px;
+  max-width: 36px;
+}

package/dist/assets/{index-574438d6.css → index-e1a7aa6f.css}

@@ -424,32 +424,32 @@
   color: #ccc;
   background-color: #f3f3f3;
 }
-.mx-datepicker[data-v-984d1e7] {
+.mx-datepicker[data-v-cfad8df] {
   -webkit-user-select: none;
   user-select: none;
   color: var(--color-main-text);
 }
-.mx-datepicker[data-v-984d1e7] svg {
+.mx-datepicker[data-v-cfad8df] svg {
   fill: var(--color-main-text);
 }
-.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-input {
+.mx-datepicker[data-v-cfad8df] .mx-input-wrapper .mx-input {
   width: 100%;
   border: 2px solid var(--color-border-maxcontrast);
   background-color: var(--color-main-background);
   background-clip: content-box;
 }
-.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-input:active:not(.disabled),
-.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-input:hover:not(.disabled),
-.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-input:focus:not(.disabled) {
+.mx-datepicker[data-v-cfad8df] .mx-input-wrapper .mx-input:active:not(.disabled),
+.mx-datepicker[data-v-cfad8df] .mx-input-wrapper .mx-input:hover:not(.disabled),
+.mx-datepicker[data-v-cfad8df] .mx-input-wrapper .mx-input:focus:not(.disabled) {
   border-color: var(--color-primary-element);
 }
-.mx-datepicker[data-v-984d1e7] .mx-input-wrapper:disabled,
-.mx-datepicker[data-v-984d1e7] .mx-input-wrapper.disabled {
+.mx-datepicker[data-v-cfad8df] .mx-input-wrapper:disabled,
+.mx-datepicker[data-v-cfad8df] .mx-input-wrapper.disabled {
   cursor: not-allowed;
   opacity: .7;
 }
-.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-icon-calendar,
-.mx-datepicker[data-v-984d1e7] .mx-input-wrapper .mx-icon-clear {
+.mx-datepicker[data-v-cfad8df] .mx-input-wrapper .mx-icon-calendar,
+.mx-datepicker[data-v-cfad8df] .mx-input-wrapper .mx-icon-clear {
   color: var(--color-text-lighter);
 }
 .mx-datepicker-main {

package/dist/assets/{index-0adc989c.css → index-ebbb7829.css}

@@ -31,17 +31,18 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-23d718a2] {
+.material-design-icon[data-v-fd869d62] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-navigation[data-v-23d718a2] {
+.app-navigation[data-v-fd869d62] {
   --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;
+  max-width: calc(100vw - (var(--app-navigation-padding) + var(--default-clickable-area) + var(--default-grid-baseline)));
   position: relative;
   top: 0;
   left: 0;
@@ -59,12 +60,12 @@
   -webkit-backdrop-filter: var(--filter-background-blur, none);
   backdrop-filter: var(--filter-background-blur, none);
 }
-.app-navigation--close[data-v-23d718a2] {
+.app-navigation--close[data-v-fd869d62] {
   transform: translate(-100%);
   position: absolute;
 }
-.app-navigation__content > ul[data-v-23d718a2],
-.app-navigation__list[data-v-23d718a2] {
+.app-navigation__content > ul[data-v-fd869d62],
+.app-navigation__list[data-v-fd869d62] {
   position: relative;
   height: 100%;
   width: 100%;
@@ -76,21 +77,16 @@
   gap: var(--default-grid-baseline, 4px);
   padding: var(--app-navigation-padding);
 }
-.app-navigation__content[data-v-23d718a2] {
+.app-navigation__content[data-v-fd869d62] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-[data-themes*=highcontrast] .app-navigation[data-v-23d718a2] {
+[data-themes*=highcontrast] .app-navigation[data-v-fd869d62] {
   border-right: 1px solid var(--color-border);
 }
 @media only screen and (max-width: 1024px) {
-  .app-navigation[data-v-23d718a2]:not(.app-navigation--close) {
+  .app-navigation[data-v-fd869d62]:not(.app-navigation--close) {
     position: absolute;
   }
 }
-@media only screen and (max-width: 768px) {
-  .app-navigation[data-v-23d718a2] {
-    z-index: 1400;
-  }
-}

package/dist/chunks/AlertCircleOutline-7085c10f.cjs

@@ -0,0 +1,35 @@
+"use strict";
+const l = require("./_plugin-vue2_normalizer-7f9efb60.cjs"), r = {
+  name: "AlertCircleOutlineIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+};
+var n = function() {
+  var t = this, e = t._self._c;
+  return e("span", t._b({ staticClass: "material-design-icon alert-circle-outline-icon", attrs: { "aria-hidden": !t.title, "aria-label": t.title, role: "img" }, on: { click: function(i) {
+    return t.$emit("click", i);
+  } } }, "span", t.$attrs, !1), [e("svg", { staticClass: "material-design-icon__svg", attrs: { fill: t.fillColor, width: t.size, height: t.size, viewBox: "0 0 24 24" } }, [e("path", { attrs: { d: "M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z" } }, [t.title ? e("title", [t._v(t._s(t.title))]) : t._e()])])]);
+}, s = [], a = /* @__PURE__ */ l.normalizeComponent(
+  r,
+  n,
+  s,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const c = a.exports;
+exports.AlertCircle = c;

package/dist/chunks/AlertCircleOutline-7085c10f.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertCircleOutline-7085c10f.cjs","sources":["../../node_modules/vue-material-design-icons/AlertCircleOutline.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"!title\"\n        :aria-label=\"title\"\n        class=\"material-design-icon alert-circle-outline-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AlertCircleOutlineIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>"],"names":["_sfc_main"],"mappings":";6DAoBAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}