@nextcloud/vue 9.8.2 → 9.10.0

package/dist/assets/NcPopover.css

@@ -0,0 +1,108 @@
+/**
+ * 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_1cKzS {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9, ._ncPopover_qDh5Z.v-popper--theme-nc-popover-9 * {
+  box-sizing: border-box;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9 .resize-observer {
+  position: absolute;
+  top: 0;
+  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
+  left: 0;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  border: none;
+  background-color: transparent;
+  pointer-events: none;
+  display: block;
+  overflow: hidden;
+  opacity: 0;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9 .resize-observer object {
+  display: block;
+  position: absolute;
+  top: 0;
+  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
+  left: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: -1;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper {
+  z-index: 100000;
+  top: 0;
+  /* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
+  left: 0;
+  display: block !important;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__wrapper {
+  /*
+   * In theory, "filter: drop-shadow" would look better here with arrow shadow.
+   * In fact, in results in a blurry popover in Chromium on scaling.
+   * The hypothesis is that "filter" creates a new composition layer,
+   * and with GPU acceleration requires the previous layers content to be rasterized.
+   * In combination with translate3d from floating-vue, it makes Chromium to first render and rasterize the popover
+   * and then apply scaling, which results in a blurry popover.
+   */
+  box-shadow: 0 1px 10px var(--color-box-shadow);
+  border-radius: var(--border-radius-element);
+  transition: transform var(--animation-quick);
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__inner {
+  padding: 0;
+  color: var(--color-main-text);
+  border-radius: var(--border-radius-element);
+  overflow: hidden;
+  background: var(--color-main-background);
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__arrow-container {
+  display: none;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=top] .v-popper__wrapper {
+  transform-origin: bottom center;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=bottom] .v-popper__wrapper {
+  transform-origin: top center;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=right] .v-popper__wrapper {
+  /* stylelint-disable-next-line csstools/use-logical */ /* transform-origin has no logical keyword */
+  transform-origin: left center;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=left] .v-popper__wrapper {
+  /* stylelint-disable-next-line csstools/use-logical */ /* transform-origin has no logical keyword */
+  transform-origin: right center;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=true] {
+  visibility: hidden;
+  transition: opacity var(--animation-quick), visibility var(--animation-quick);
+  opacity: 0;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=true] .v-popper__wrapper {
+  transform: scale(0.96);
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=false] {
+  visibility: visible;
+  transition: opacity var(--animation-quick);
+  opacity: 1;
+}
+._ncPopover_qDh5Z.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=false] .v-popper__wrapper {
+  transform: scale(1);
+}

package/dist/assets/NcProfileHoverCard.css

@@ -0,0 +1,340 @@
+/**
+ * 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-dc040af1] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.profile-hover-card[data-v-dc040af1] {
+  box-sizing: border-box;
+  position: relative;
+  width: 560px;
+  max-width: min(560px, 90vw);
+  min-height: 300px;
+  overflow: hidden;
+  color: var(--color-main-text);
+  background-color: var(--color-main-background);
+  border-radius: var(--border-radius-large);
+  display: flex;
+  flex-direction: column;
+}
+.profile-hover-card__header[data-v-dc040af1] {
+  display: flex;
+  flex-shrink: 0;
+  position: relative;
+  height: 127px;
+  background-color: var(--color-primary-element-light);
+}
+.profile-hover-card__header__edit[data-v-dc040af1] {
+  position: absolute;
+  inset-block-start: 8px;
+  inset-inline-end: 8px;
+  z-index: 1;
+}
+.profile-hover-card__header__container[data-v-dc040af1] {
+  align-self: flex-end;
+  display: flex;
+  align-items: flex-end;
+  gap: 12px;
+  width: 100%;
+  margin: 8px 0;
+  padding-inline: 16px;
+  box-sizing: border-box;
+}
+.profile-hover-card__header__container__placeholder[data-v-dc040af1] {
+  flex: 0 0 180px;
+  width: 180px;
+}
+.profile-hover-card__header__container__avatar[data-v-dc040af1] {
+  flex-shrink: 0;
+}
+.profile-hover-card__header__container__identity[data-v-dc040af1] {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: 4px;
+  min-width: 0;
+  flex: 1;
+  padding-inline: 0;
+}
+.profile-hover-card__header__container__displayname[data-v-dc040af1] {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  min-width: 0;
+}
+.profile-hover-card__header__container__displayname h2[data-v-dc040af1] {
+  font-size: 24px;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.profile-hover-card__header__container__pronouns[data-v-dc040af1] {
+  font-size: 15px;
+  color: var(--color-text-maxcontrast);
+}
+.profile-hover-card__header__container__status[data-v-dc040af1] {
+  min-width: 0;
+}
+.profile-hover-card__header__container__status-content[data-v-dc040af1] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  overflow-wrap: anywhere;
+}
+.profile-hover-card__body[data-v-dc040af1] {
+  flex: 1;
+  min-height: 0;
+  background-color: var(--color-main-background);
+}
+.profile-hover-card__content[data-v-dc040af1] {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  padding-inline: 16px 16px;
+  box-sizing: border-box;
+}
+.profile-hover-card__sidebar[data-v-dc040af1] {
+  align-self: flex-start;
+  padding-top: 8px;
+  width: 180px;
+  min-width: 180px;
+  margin-block: -100px 0;
+  margin-inline: 0 12px;
+}
+.profile-hover-card__header[data-v-dc040af1] .avatar.avatardiv, .profile-hover-card__sidebar[data-v-dc040af1] .avatar.avatardiv {
+  text-align: center;
+  margin: auto;
+  display: block;
+  padding: 8px;
+}
+.profile-hover-card__header[data-v-dc040af1] .avatar.avatardiv .avatardiv__user-status, .profile-hover-card__sidebar[data-v-dc040af1] .avatar.avatardiv .avatardiv__user-status {
+  inset-inline-end: 10px;
+  bottom: 10px;
+  width: 26px;
+  height: 26px;
+  background-size: 22px;
+  border: none;
+  background-color: var(--color-main-background);
+  line-height: 26px;
+  font-size: 16px;
+}
+.profile-hover-card__blocks[data-v-dc040af1] {
+  margin: 12px 0 12px 0;
+  display: grid;
+  gap: 8px 0;
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  align-content: start;
+}
+.profile-hover-card__blocks p[data-v-dc040af1], .profile-hover-card__blocks h3[data-v-dc040af1] {
+  overflow-wrap: anywhere;
+}
+.profile-hover-card__blocks-details[data-v-dc040af1] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px 0;
+}
+.profile-hover-card__blocks-details .detail[data-v-dc040af1] {
+  display: inline-block;
+  color: var(--color-text-maxcontrast);
+  font-size: 14px;
+}
+.profile-hover-card__blocks-details .detail p .detail-icon[data-v-dc040af1] {
+  display: inline-block;
+  vertical-align: middle;
+}
+.profile-hover-card__blocks-headline[data-v-dc040af1] {
+  margin-inline: 0;
+  margin-block: 4px 0;
+  font-weight: bold;
+  font-size: 16px;
+}
+.profile-hover-card__blocks-biography[data-v-dc040af1] {
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  line-clamp: 4;
+  text-overflow: ellipsis;
+  overflow-wrap: anywhere;
+}
+.profile-hover-card__blocks-biography[data-v-dc040af1] p {
+  margin: 0;
+}
+.profile-hover-card__blocks-empty-info[data-v-dc040af1] {
+  margin: 0;
+  padding: 0;
+}
+.profile-hover-card__loading[data-v-dc040af1], .profile-hover-card__error[data-v-dc040af1] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  min-height: 300px;
+  padding: 16px;
+  color: var(--color-text-maxcontrast);
+}
+.user-actions[data-v-dc040af1] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px 0;
+  margin-top: 12px;
+  max-width: 180px;
+}
+.user-actions__loading[data-v-dc040af1] {
+  display: flex;
+  justify-content: center;
+  padding: 8px 0;
+}
+.user-actions__primary[data-v-dc040af1] {
+  margin: 0 auto;
+  width: 180px !important;
+}
+.user-actions__primary__icon[data-v-dc040af1] {
+  height: 20px;
+  width: 20px;
+  object-fit: contain;
+  filter: var(--primary-invert-if-dark);
+}
+.user-actions__primary__icon-class[data-v-dc040af1] {
+  display: block;
+  height: 20px;
+  width: 20px;
+  background-size: 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+  filter: var(--primary-invert-if-dark);
+}
+.user-actions__other[data-v-dc040af1] {
+  display: flex;
+  justify-content: center;
+  gap: 0 4px;
+}
+.user-actions__other__icon[data-v-dc040af1] {
+  height: 20px;
+  width: 20px;
+  object-fit: contain;
+  filter: var(--background-invert-if-dark);
+  align-self: center;
+  margin: 8px;
+}
+.user-actions__other__icon-class[data-v-dc040af1] {
+  display: block;
+  height: 20px;
+  width: 20px;
+  margin: 8px;
+  background-size: 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+  filter: var(--background-invert-if-dark);
+}
+@media only screen and (max-width: 512px) {
+.profile-hover-card[data-v-dc040af1] {
+    width: min(560px, 100vw - 24px);
+    max-width: calc(100vw - 24px);
+    height: auto;
+    min-height: 0;
+    max-height: min(80vh, 520px);
+    overflow: auto;
+}
+.profile-hover-card__header[data-v-dc040af1] {
+    height: auto;
+    min-height: 112px;
+}
+.profile-hover-card__header__container[data-v-dc040af1] {
+    align-self: flex-end;
+    align-items: flex-end;
+    gap: 16px;
+    margin: 12px auto;
+    padding-inline: 12px;
+}
+.profile-hover-card__header__container__avatar[data-v-dc040af1] {
+    align-self: flex-end;
+}
+.profile-hover-card__header__container__identity[data-v-dc040af1] {
+    gap: 6px;
+    padding-inline: 0;
+    justify-content: flex-end;
+}
+.profile-hover-card__header__container__displayname[data-v-dc040af1] {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 4px;
+}
+.profile-hover-card__header__container__displayname h2[data-v-dc040af1] {
+    font-size: 20px;
+}
+.profile-hover-card__header__container__pronouns[data-v-dc040af1] {
+    font-size: 16px;
+}
+.profile-hover-card__header__container__pronoun-separator[data-v-dc040af1] {
+    display: none;
+}
+.profile-hover-card__header__container__status-content[data-v-dc040af1] {
+    font-size: 16px;
+}
+.profile-hover-card__content[data-v-dc040af1] {
+    display: block;
+    height: auto;
+    padding-inline: 12px;
+    padding-block-end: 12px;
+}
+.profile-hover-card__sidebar[data-v-dc040af1] {
+    margin: unset;
+    width: auto;
+    min-width: 0;
+    padding-top: 0;
+}
+.profile-hover-card__blocks[data-v-dc040af1] {
+    width: unset;
+    margin: 0;
+    padding: 8px 4px 12px;
+}
+.profile-hover-card__header[data-v-dc040af1] .avatar.avatardiv .avatardiv__user-status, .profile-hover-card__sidebar[data-v-dc040af1] .avatar.avatardiv .avatardiv__user-status {
+    inset-inline-end: 0;
+    bottom: 0;
+}
+.profile-hover-card__loading[data-v-dc040af1], .profile-hover-card__error[data-v-dc040af1] {
+    min-height: 200px;
+}
+.user-actions[data-v-dc040af1] {
+    width: unset;
+    max-width: none;
+    margin: 8px auto 0;
+    padding: 0 4px;
+}
+.user-actions__primary[data-v-dc040af1] {
+    width: 100% !important;
+    max-width: 220px;
+}
+.user-actions__other[data-v-dc040af1] {
+    flex-wrap: wrap;
+}
+}
+@media only screen and (max-width: 480px) {
+.profile-hover-card[data-v-dc040af1] {
+    width: calc(100vw - 16px);
+    max-width: calc(100vw - 16px);
+    border-radius: var(--border-radius);
+}
+.profile-hover-card__header__container[data-v-dc040af1] {
+    gap: 8px;
+    padding-inline: 8px;
+}
+}

package/dist/assets/{NcProgressBar-B6wveIA1.css → NcProgressBar.css}

@@ -9,20 +9,20 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-353fa414] {
+.material-design-icon[data-v-461c5031] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.progress-bar[data-v-353fa414] {
+.progress-bar[data-v-461c5031] {
   display: block;
   height: var(--progress-bar-height);
-  --progress-bar-color: var(--v3a86fec2);
-  --progress-bar-height: var(--v57442460);
+  --progress-bar-color: var(--v737c16c0);
+  --progress-bar-height: var(--v0630ed12);
 }
-.progress-bar--linear[data-v-353fa414] {
+.progress-bar--linear[data-v-461c5031] {
   width: 100%;
   overflow: hidden;
   border: 0;
@@ -30,37 +30,37 @@
   background: var(--color-background-dark);
   border-radius: calc(var(--progress-bar-height) / 2);
 }
-.progress-bar--linear[data-v-353fa414]::-webkit-progress-bar {
+.progress-bar--linear[data-v-461c5031]::-webkit-progress-bar {
   height: var(--progress-bar-height);
   background-color: transparent;
 }
-.progress-bar--linear[data-v-353fa414]::-webkit-progress-value {
+.progress-bar--linear[data-v-461c5031]::-webkit-progress-value {
   background: var(--progress-bar-color, var(--gradient-primary-background));
   border-radius: calc(var(--progress-bar-height) / 2);
 }
-.progress-bar--linear[data-v-353fa414]::-moz-progress-bar {
+.progress-bar--linear[data-v-461c5031]::-moz-progress-bar {
   background: var(--progress-bar-color, var(--gradient-primary-background));
   border-radius: calc(var(--progress-bar-height) / 2);
 }
-.progress-bar--circular[data-v-353fa414] {
+.progress-bar--circular[data-v-461c5031] {
   width: var(--progress-bar-height);
   color: var(--progress-bar-color);
 }
-.progress-bar--error[data-v-353fa414] {
+.progress-bar--error[data-v-461c5031] {
   color: var(--color-text-error, var(--color-error)) !important;
 }
-.progress-bar--error[data-v-353fa414]::-moz-progress-bar {
+.progress-bar--error[data-v-461c5031]::-moz-progress-bar {
   background: var(--color-text-error, var(--color-error)) !important;
 }
-.progress-bar--error[data-v-353fa414]::-webkit-progress-value {
+.progress-bar--error[data-v-461c5031]::-webkit-progress-value {
   background: var(--color-text-error, var(--color-error)) !important;
 }
-.progress-bar-container[data-v-353fa414] {
+.progress-bar-container[data-v-461c5031] {
   display: flex;
   align-items: center;
   gap: calc(2 * var(--default-grid-baseline));
 }
-.progress-bar__value[data-v-353fa414] {
+.progress-bar__value[data-v-461c5031] {
   font-size: var(--font-size-small, 13px);
   font-variant-numeric: tabular-nums;
   min-width: 4ch;

package/dist/assets/{NcRadioGroup-CqQ5ahHP.css → NcRadioGroup.css}

@@ -9,13 +9,13 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_-byXP {
+._material-design-icon_YBWPS {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._radioGroup_checkboxRadioContainer_rSDM3 .checkbox-content {
+._radioGroup_checkboxRadioContainer_6l3ZZ .checkbox-content {
   max-width: unset !important;
 }

package/dist/assets/{NcRadioGroupButton-B1d2yRTk.css → NcRadioGroupButton.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_gRPNS {
+._material-design-icon_b0Hhz {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._radioGroupButton_X-VUZ {
+._radioGroupButton_-67XH {
   --radio-group-button--border-radius: var(--border-radius-small);
   --radio-group-button--border-width: 1px;
   --radio-group-button--color: var(--color-primary-element-light-text);
@@ -26,7 +26,9 @@
   cursor: pointer;
   color: var(--radio-group-button--color);
   background-color: var(--radio-group-button--background-color);
-  transition: var(--animation-quick) background-color;
+  will-change: transform;
+  transition-property: color, background-color, transform;
+  transition-duration: var(--animation-quick);
   border: var(--radio-group-button--border-width) solid var(--radio-group-button--background-color-hover);
   border-bottom-width: 2px;
   border-radius: var(--radio-group-button--border-radius);
@@ -39,41 +41,44 @@
   padding-block: var(--radio-group-button--padding) 0;
   padding-inline: var(--radio-group-button--padding);
 }
-._radioGroupButton_X-VUZ * {
+._radioGroupButton_-67XH * {
   cursor: pointer;
 }
-._radioGroupButton_X-VUZ:has(._radioGroupButton__label_vK-9z) {
+._radioGroupButton_-67XH:has(._radioGroupButton__label_5oGzk) {
   padding-inline: calc(var(--radio-group-button--padding) + var(--border-radius-element));
 }
-._radioGroupButton_X-VUZ:has(._radioGroupButton__icon_5jUox) {
+._radioGroupButton_-67XH:has(._radioGroupButton__icon_H9p98) {
   padding-inline-start: var(--radio-group-button--padding);
 }
-._radioGroupButton_X-VUZ:hover:not(._radioGroupButton_disabled_-1hSN) {
+._radioGroupButton_-67XH:hover:not(._radioGroupButton_disabled_snlZt) {
   background-color: var(--radio-group-button--background-color-hover);
 }
-._radioGroupButton_X-VUZ:focus-within {
+._radioGroupButton_-67XH:active:not(._radioGroupButton_disabled_snlZt) {
+  transform: scale(0.985);
+}
+._radioGroupButton_-67XH:focus-within {
   --radio-group-button--border-width: 2px;
   --radio-group-button--padding: 0px;
   border: var(--radio-group-button--border-width) solid var(--color-main-text) !important;
   outline: calc(var(--default-grid-baseline) / 2) var(--color-main-background);
 }
-._radioGroupButton_active_D4Uvj {
+._radioGroupButton_active_TCvEK {
   --radio-group-button--color: var(--color-primary-element-text);
   --radio-group-button--background-color: var(--color-primary-element);
   --radio-group-button--background-color-hover: var(--color-primary-element-hover);
 }
-._radioGroupButton__label_vK-9z {
+._radioGroupButton__label_5oGzk {
   font-weight: var(--font-weight-element, bold);
 }
-._radioGroupButton_disabled_-1hSN {
+._radioGroupButton_disabled_snlZt {
   filter: saturate(0.7);
   opacity: 0.5;
   cursor: default;
 }
-._radioGroupButton_disabled_-1hSN * {
+._radioGroupButton_disabled_snlZt * {
   cursor: default;
 }
-._radioGroupButton__icon_5jUox {
+._radioGroupButton__icon_H9p98 {
   --radio-group-button--icon-size: calc(var(--default-clickable-area) - 4px);
   display: flex;
   align-items: center;
@@ -81,6 +86,6 @@
   height: 100%;
   width: var(--radio-group-button--icon-size);
 }
-._radioGroupButton__icon_5jUox * {
+._radioGroupButton__icon_H9p98 * {
   --default-clickable-area: var(--radio-group-button--icon-size);
 }