@nextcloud/vue 9.9.0 → 9.11.0

package/dist/assets/NcSelect.css

@@ -0,0 +1,397 @@
+/**
+ * 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 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+
+/*!
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * Similar as inputBorder but without active styles.
+ */
+/**
+ * Create a consistent border for an input element.
+ * With Nextcloud 32+ there is no real border anymore but we use a box-shadow.
+ */
+.nc-select.v-select.select .select__helper-text {
+  display: flex;
+  align-items: center;
+  margin: 0;
+  padding-block: 4px;
+  padding-inline: var(--border-radius-element);
+  color: var(--color-text-maxcontrast);
+  font-size: var(--default-font-size);
+  overflow-wrap: anywhere;
+}
+.nc-select.v-select.select .select__helper-text--error {
+  color: var(--color-text-error);
+}
+.nc-select.v-select.select .select__helper-text--success {
+  color: var(--color-text-success);
+}
+.nc-select.v-select.select .select__helper-text .select__helper-text-icon {
+  margin-inline-end: 8px;
+}
+.nc-select.v-select.select {
+  /* Custom vue-select CSS variables scoped to NcSelect */
+  /* Search Input */
+  --vs-search-input-color: var(--color-main-text);
+  --vs-search-input-bg: var(--color-main-background);
+  --vs-search-input-placeholder-color: var(--color-text-maxcontrast);
+  /* Font */
+  --vs-font-size: var(--default-font-size);
+  --vs-line-height: var(--default-line-height);
+  /* Disabled State */
+  --vs-state-disabled-bg: var(--color-background-hover);
+  --vs-state-disabled-color: var(--color-text-maxcontrast);
+  --vs-state-disabled-controls-color: var(--color-text-maxcontrast);
+  --vs-state-disabled-cursor: not-allowed;
+  --vs-disabled-bg: var(--color-background-hover);
+  --vs-disabled-color: var(--color-text-maxcontrast);
+  --vs-disabled-cursor: not-allowed;
+  /* Borders */
+  --vs-border-color: var(--color-border-maxcontrast);
+  --vs-border-width: var(--border-width-input, 2px) !important;
+  --vs-border-style: solid;
+  --vs-border-radius: var(--border-radius-element);
+  /* Component Controls: Clear, Open Indicator */
+  --vs-controls-color: var(--color-main-text);
+  /* Selected */
+  --vs-selected-bg: var(--color-background-hover);
+  --vs-selected-color: var(--color-main-text);
+  --vs-selected-border-color: var(--vs-border-color);
+  --vs-selected-border-style: var(--vs-border-style);
+  --vs-selected-border-width: var(--vs-border-width);
+  /* Dropdown */
+  --vs-dropdown-bg: var(--color-main-background);
+  --vs-dropdown-color: var(--color-main-text);
+  --vs-dropdown-z-index: 9999;
+  --vs-dropdown-box-shadow: 0px 2px 2px 0px var(--color-box-shadow);
+  /* Options */
+  --vs-dropdown-option-padding: 8px 20px;
+  /* Active State */
+  --vs-dropdown-option--active-bg: var(--color-background-hover);
+  --vs-dropdown-option--active-color: var(--color-main-text);
+  /* Keyboard Focus State */
+  --vs-dropdown-option--kb-focus-box-shadow: inset 0px 0px 0px 2px var(--vs-border-color);
+  /* Deselect State */
+  --vs-dropdown-option--deselect-bg: var(--color-error);
+  --vs-dropdown-option--deselect-color: #fff;
+  /* Transitions */
+  --vs-transition-duration: 0ms;
+  /* Actions */
+  --vs-actions-padding: 0 8px 0 8px;
+  /* Override default vue-select styles */
+  min-height: calc(var(--default-clickable-area) - 2 * var(--border-width-input, 2px));
+  min-width: 260px;
+  margin: 6px 0 var(--default-grid-baseline);
+}
+.nc-select.v-select.select.vs--open {
+  --vs-border-width: var(--border-width-input-focused, 2px);
+}
+.nc-select.v-select.select .vs__selected {
+  min-height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width) - var(--default-grid-baseline));
+  min-width: 0;
+  max-width: 100%;
+  margin: calc(var(--default-grid-baseline) / 2);
+  padding-block: 0;
+  padding-inline: 12px 8px;
+  border-radius: 16px !important;
+  background: var(--color-primary-element-light);
+  border: none;
+}
+.nc-select.v-select.select .vs__search {
+  width: 100%;
+  --input-padding-end: calc(var(--default-clickable-area) + var(--default-grid-baseline));
+  border: none !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  height: auto !important;
+}
+.nc-select.v-select.select .vs__selected-options:has(.vs__selected) .vs__search .input-field__input + .input-field__label {
+  --input-label-font-size: var(--font-size-small, 13px);
+  line-height: 1.5;
+  inset-block-start: calc(-1.5 * var(--input-label-font-size) / 2);
+  font-weight: 500;
+  border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;
+  background-color: var(--color-main-background);
+  padding-inline: var(--default-grid-baseline);
+  margin-inline: calc(var(--input-padding-start) - var(--default-grid-baseline)) calc(var(--input-padding-end) - var(--default-grid-baseline));
+  transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
+}
+.nc-select.v-select.select:not(.vs--multiple) .vs__dropdown-toggle {
+  padding: 0;
+  overflow: visible;
+  border: none !important;
+  box-shadow: none !important;
+  background: transparent;
+}
+.nc-select.v-select.select .vs__dropdown-toggle {
+  position: relative;
+}
+.nc-select.v-select.select .vs__actions {
+  position: absolute;
+  z-index: 999;
+  inset-inline-end: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 100%;
+  margin-block-start: 1px;
+  display: flex;
+  align-items: center;
+}
+.nc-select.v-select.select .vs__clear {
+  margin-inline-end: 2px;
+}
+.nc-select.v-select.select.vs--open .vs__search .input-field__input {
+  border-end-start-radius: 0 !important;
+  border-end-end-radius: 0 !important;
+}
+.nc-select.v-select.select.vs--disabled .vs__clear,
+.nc-select.v-select.select.vs--disabled .vs__dropdown-toggle,
+.nc-select.v-select.select.vs--disabled .vs__open-indicator,
+.nc-select.v-select.select.vs--disabled .vs__open-indicator-button,
+.nc-select.v-select.select.vs--disabled .vs__search,
+.nc-select.v-select.select.vs--disabled .vs__selected {
+  background-color: transparent;
+  color: var(--color-text-maxcontrast);
+}
+.nc-select.v-select.select.vs--disabled .vs__dropdown-toggle {
+  --input-border-box-shadow-light: 0 -1px var(--color-border-dark),
+  	0 0 0 1px color-mix(in srgb, var(--color-border-dark), 65% transparent);
+  --input-border-box-shadow-dark: 0 1px var(--color-border-dark),
+  	0 0 0 1px color-mix(in srgb, var(--color-border-dark), 65% transparent);
+}
+.nc-select.v-select.select.vs--disabled .vs__clear,
+.nc-select.v-select.select.vs--disabled .vs__deselect {
+  display: none;
+}
+.nc-select.v-select.select--no-wrap .vs__dropdown-toggle {
+  overflow: hidden;
+}
+.nc-select.v-select.select--no-wrap .vs__selected-options {
+  flex-wrap: nowrap;
+  overflow: auto !important;
+  min-width: unset;
+}
+.nc-select.v-select.select--no-wrap .vs__selected-options .vs__selected {
+  min-width: unset;
+}
+.nc-select.v-select.select--drop-up.vs--open .vs__search .input-field__input {
+  border-end-start-radius: var(--border-radius-element) !important;
+  border-end-end-radius: var(--border-radius-element) !important;
+}
+.nc-select.v-select.select--drop-up.vs--open.vs--multiple .vs__dropdown-toggle {
+  border-end-start-radius: var(--border-radius-element) !important;
+  border-end-end-radius: var(--border-radius-element) !important;
+  border-block-end-color: var(--color-main-text) !important;
+}
+.nc-select.v-select.select .vs__selected-options {
+  min-height: unset;
+}
+.nc-select.v-select.select .vs__selected-options .vs__selected ~ .vs__search:has(.input-field__input[readonly]) {
+  position: absolute;
+}
+.nc-select.v-select.select .vs__selected-options {
+  padding: 0;
+  border: none;
+  overflow: visible;
+}
+.nc-select.v-select.select.vs--multiple {
+  margin-inline: 1px;
+}
+.nc-select.v-select.select.vs--multiple .vs__dropdown-toggle {
+  border: var(--border-width-input-focused, 2px) solid transparent;
+  box-shadow: var(--input-border-box-shadow);
+  padding-block: calc(var(--default-grid-baseline) * 1.5) 0;
+  padding-inline: var(--default-grid-baseline) calc(var(--default-clickable-area) + var(--default-grid-baseline));
+  overflow: visible;
+  background: var(--color-main-background);
+}
+.nc-select.v-select.select.vs--multiple:has(.vs__clear) .vs__dropdown-toggle {
+  padding-inline-end: calc(2 * var(--default-clickable-area));
+}
+.nc-select.v-select.select.vs--multiple.vs--open .vs__dropdown-toggle {
+  box-shadow: none !important;
+  border-color: var(--color-main-text);
+  border-block-end-color: var(--color-border-maxcontrast);
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+  outline: 2px solid var(--color-main-background);
+}
+.nc-select.v-select.select.vs--multiple .vs__search .input-field__input {
+  box-shadow: none !important;
+  background: transparent;
+}
+.nc-select.v-select.select.vs--multiple .vs__search {
+  width: 0;
+  flex-grow: 1;
+  min-width: 0;
+}
+.nc-select.v-select.select.vs--multiple.select--no-wrap .vs__dropdown-toggle {
+  overflow: hidden;
+}
+.nc-select.v-select.select.vs--multiple.select--no-wrap .vs__actions {
+  background: linear-gradient(90deg, transparent, var(--color-main-background) 10%, var(--color-main-background) 100%);
+  margin-block: 0px;
+  margin-inline-end: 2px;
+  border-radius: var(--border-radius-element);
+  height: calc(100% - 6px);
+}
+.nc-select.v-select.select.vs--multiple .vs__search .input-field {
+  margin-block-start: 0;
+}
+.nc-select.v-select.select.vs--multiple .vs__search .input-field__main-wrapper {
+  height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width) - var(--default-grid-baseline));
+  margin: calc(var(--default-grid-baseline) / 2) 0;
+}
+.nc-select.v-select.select.vs--multiple .select__label {
+  position: absolute;
+  z-index: 1;
+  inset-inline-start: var(--border-width-input-focused, 2px);
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: var(--default-font-size);
+  margin-inline: var(--border-radius-element);
+  color: var(--color-text-maxcontrast);
+  pointer-events: none;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: calc(100% - var(--clickable-area-large));
+  transition: top var(--animation-quick), transform var(--animation-quick), font-size var(--animation-quick), font-weight var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
+}
+.nc-select.v-select.select.vs--multiple:has(.vs__selected) .select__label, .nc-select.v-select.select.vs--multiple.vs--open .select__label {
+  --input-label-font-size: var(--font-size-small, 13px);
+  font-size: var(--input-label-font-size);
+  line-height: 1.5;
+  top: calc(-1.5 * var(--input-label-font-size) / 2);
+  transform: none;
+  font-weight: 500;
+  border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;
+  background-color: var(--color-main-background);
+  padding-inline: var(--default-grid-baseline);
+  margin-inline: calc(var(--border-radius-element) - var(--default-grid-baseline));
+  transition: top var(--animation-quick), transform var(--animation-quick), font-size var(--animation-quick), font-weight var(--animation-quick), background-color var(--animation-quick);
+}
+.nc-select.v-select.select.vs--single .vs__selected-options {
+  position: relative;
+  flex-wrap: nowrap;
+  min-height: var(--default-clickable-area);
+}
+.nc-select.v-select.select.vs--single .vs__selected {
+  position: absolute;
+  inset-block: 6px 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  margin: 0;
+  z-index: 2;
+  pointer-events: none;
+  display: flex;
+  align-items: center;
+  padding-block: 0;
+  padding-inline: calc(var(--border-radius-element) + var(--border-width-input-focused, 2px)) var(--input-padding-end, calc(var(--default-clickable-area) + var(--default-grid-baseline)));
+  background: unset !important;
+  border: none;
+  border-radius: 0;
+  height: unset;
+  min-height: unset;
+  font-size: var(--default-font-size);
+  color: var(--color-main-text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.nc-select.v-select.select.vs--single:has(.input-field--label-outside) .vs__selected {
+  inset-block-start: 0;
+}
+.nc-select.v-select.select.vs--single:has(.vs__clear) .vs__selected {
+  padding-inline-end: calc(2 * var(--default-clickable-area));
+}
+.nc-select.v-select.select.vs--single.vs--loading .vs__selected, .nc-select.v-select.select.vs--single.vs--open .vs__selected {
+  opacity: 0.4;
+}
+.nc-select.v-select.select.vs--single.vs--searching .vs__selected {
+  display: none;
+}
+.nc-select__dropdown.vs__dropdown-menu {
+  --vs-border-color: var(--color-border-maxcontrast);
+  --vs-border-style: solid;
+  --vs-border-radius: var(--border-radius-element);
+  --vs-dropdown-bg: var(--color-main-background);
+  --vs-dropdown-color: var(--color-main-text);
+  --vs-dropdown-option-padding: 8px 20px;
+  --vs-dropdown-option--active-bg: var(--color-background-hover);
+  --vs-dropdown-option--active-color: var(--color-main-text);
+  --vs-dropdown-option--kb-focus-box-shadow: inset 0px 0px 0px 2px var(--color-border-maxcontrast);
+  --vs-dropdown-option--deselect-bg: var(--color-error);
+  --vs-dropdown-option--deselect-color: #fff;
+  border-width: var(--border-width-input-focused) !important;
+  border-color: var(--color-main-text) !important;
+  outline: none !important;
+  box-shadow: -2px 0 0 var(--color-main-background), 0 2px 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important;
+  padding: 4px !important;
+}
+.nc-select__dropdown.vs__dropdown-menu--floating {
+  /* Fallback styles overidden by programmatically set inline styles */
+  width: max-content;
+  position: absolute;
+  top: 0;
+  inset-inline-start: 0;
+}
+.nc-select__dropdown.vs__dropdown-menu--floating-placement-top {
+  border-radius: var(--vs-border-radius) !important;
+  border-top-style: var(--vs-border-style) !important;
+  box-shadow: 0 -2px 0 var(--color-main-background), -2px 0 0 var(--color-main-background), 0 2px 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important;
+}
+.nc-select__dropdown.vs__dropdown-menu .vs__dropdown-option {
+  border-radius: 6px !important;
+}
+.nc-select__dropdown.vs__dropdown-menu .vs__no-options {
+  color: var(--color-text-maxcontrast) !important;
+}
+.nc-select.v-select.select .vs__dropdown-toggle {
+  --input-border-box-shadow-light: 0 -1px var(--vs-border-color),
+  	0 0 0 1px color-mix(in srgb, var(--vs-border-color), 65% transparent);
+  --input-border-box-shadow-dark: 0 -1px var(--vs-border-color),
+  	0 0 0 1px color-mix(in srgb, var(--vs-border-color), 65% transparent);
+  --input-border-box-shadow: var(--input-border-box-shadow-light);
+  border: none;
+  border-radius: var(--border-radius-element);
+  box-shadow: var(--input-border-box-shadow);
+}
+.nc-select.v-select.select:not(.vs--disabled) .vs__dropdown-toggle:hover {
+  box-shadow: 0 0 0 1px var(--vs-border-color);
+}
+@media (prefers-color-scheme: dark) {
+.nc-select.v-select.select .vs__dropdown-toggle {
+    --input-border-box-shadow: var(--input-border-box-shadow-dark);
+}
+}
+[data-theme-dark] .nc-select.v-select.select .vs__dropdown-toggle {
+  --input-border-box-shadow: var(--input-border-box-shadow-dark);
+}
+[data-theme-light] .nc-select.v-select.select .vs__dropdown-toggle {
+  --input-border-box-shadow: var(--input-border-box-shadow-light);
+}
+.select--legacy.nc-select.v-select.select .vs__dropdown-toggle {
+  box-shadow: 0 0 0 1px var(--vs-border-color);
+}
+.select--legacy.nc-select.v-select.select .vs__dropdown-toggle:hover:not([disabled]) {
+  box-shadow: 0 0 0 2px var(--vs-border-color);
+}

package/dist/assets/NcSelectUsers.css

@@ -0,0 +1,12 @@
+
+/* Ensure sufficient height for the user avatar and status */
+.nc-select-users.vs--single[data-v-dbcc7078] .input-field__main-wrapper {
+	--default-clickable-area: 42px;
+	/* Default clickable area + 2*4px padding of the input */
+input {
+		padding-block: 4px !important;
+}
+}
+.nc-select-users.vs--multiple[data-v-dbcc7078] .vs__selected {
+	padding-inline: 0 5px !important;
+}

package/dist/assets/{autolink-XS-VDSVB.css → autolink.css}

@@ -10,16 +10,16 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-._material-design-icon_ZJnaR {
+._material-design-icon_a4wnN {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-._externalLink_d-mCx {
+._externalLink_ePhUZ {
   text-decoration: underline;
 }
-._externalLink_decorated_W3wuz::after {
+._externalLink_decorated_qJgcV::after {
   content: " ↗";
 }

package/dist/assets/{referencePickerModal-BNPfxyni.css → referencePickerModal.css}

@@ -74,155 +74,6 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-4b144346] {
-  display: flex;
-  align-self: center;
-  justify-self: center;
-  align-items: center;
-  justify-content: center;
-}
-.widget-custom[data-v-4b144346] {
-  width: 100%;
-  margin: auto;
-  margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
-  margin-top: calc(var(--default-grid-baseline, 4px) * 3);
-  overflow: hidden;
-  border: 2px solid var(--color-border);
-  border-radius: var(--border-radius-container);
-  background-color: transparent;
-  display: flex;
-  position: relative;
-}
-.widget-custom.full-width[data-v-4b144346] {
-  width: var(--widget-full-width, 100%) !important;
-  inset-inline-start: calc((var(--widget-full-width, 100%) - 100%) / 2 * -1);
-  position: relative;
-}
-.widget-custom__content[data-v-4b144346] {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.widget-custom__resize-handle[data-v-4b144346] {
-  position: absolute;
-  bottom: 0;
-  inset-inline-start: 0;
-  width: 100%;
-  height: calc(var(--default-grid-baseline) * 2);
-  border-top: 1px solid var(--color-border);
-  margin-top: -1px;
-  cursor: row-resize;
-  touch-action: none;
-}
-.widget-custom__resize-handle[data-v-4b144346]::before, .widget-custom__resize-handle[data-v-4b144346]::after {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  background-color: var(--color-border);
-  margin-top: 1px;
-  transform: translateX(-50%);
-  width: 30px;
-  height: 1px;
-}
-.widget-custom__resize-handle[data-v-4b144346]::before {
-  margin-top: -2px;
-}
-.widget-custom__resize-handle[data-v-4b144346]:focus-visible {
-  outline: 2px solid var(--color-primary-element);
-  outline-offset: -4px;
-}
-.widget-access[data-v-4b144346] {
-  width: 100%;
-  margin: auto;
-  margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
-  margin-top: calc(var(--default-grid-baseline, 4px) * 3);
-  overflow: hidden;
-  border: 2px solid var(--color-border);
-  border-radius: var(--border-radius-container);
-  background-color: transparent;
-  display: flex;
-  padding: calc(var(--default-grid-baseline, 4px) * 3);
-}
-.widget-default[data-v-4b144346] {
-  width: 100%;
-  margin: auto;
-  margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
-  margin-top: calc(var(--default-grid-baseline, 4px) * 3);
-  overflow: hidden;
-  border: 2px solid var(--color-border);
-  border-radius: var(--border-radius-container);
-  background-color: transparent;
-  display: flex;
-}
-.widget-default--compact[data-v-4b144346] {
-  flex-direction: column;
-}
-.widget-default--compact .widget-default--image[data-v-4b144346] {
-  width: 100%;
-  height: 150px;
-}
-.widget-default--compact .widget-default--details[data-v-4b144346] {
-  width: 100%;
-  padding-top: calc(var(--default-grid-baseline, 4px) * 2);
-  padding-bottom: calc(var(--default-grid-baseline, 4px) * 2);
-}
-.widget-default--compact .widget-default--description[data-v-4b144346] {
-  display: none;
-}
-.widget-default--image[data-v-4b144346] {
-  width: 40%;
-  background-position: center;
-  background-size: cover;
-  background-repeat: no-repeat;
-}
-.widget-default--name[data-v-4b144346] {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-weight: var(--font-weight-heading, bold);
-}
-.widget-default--details[data-v-4b144346] {
-  padding: calc(var(--default-grid-baseline, 4px) * 3);
-  width: 60%;
-}
-.widget-default--details p[data-v-4b144346] {
-  margin: 0;
-  padding: 0;
-}
-.widget-default--description[data-v-4b144346] {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  line-clamp: 3; /* stylelint-disable-line property-no-unknown */
-  -webkit-box-orient: vertical;
-}
-.widget-default--link[data-v-4b144346] {
-  color: var(--color-text-maxcontrast);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.toggle-interactive[data-v-4b144346] {
-  position: relative;
-}
-.toggle-interactive .toggle-interactive--button[data-v-4b144346] {
-  position: absolute;
-  bottom: var(--default-grid-baseline);
-  inset-inline-end: var(--default-grid-baseline);
-  z-index: 10000;
-}/**
- * 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-fb24b594] {
   display: flex;
   align-self: center;

package/dist/chunks/{ArrowRight-B1ncAhus.mjs → ArrowRight.mjs}

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, createCommentVNode } from "vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.mjs";
 const _sfc_main = {
   name: "ArrowRightIcon",
   emits: ["click"],
@@ -46,4 +46,4 @@ const IconArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_r
 export {
   IconArrowRight as I
 };
-//# sourceMappingURL=ArrowRight-B1ncAhus.mjs.map
+//# sourceMappingURL=ArrowRight.mjs.map

package/dist/chunks/ArrowRight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRight.mjs","sources":["../../node_modules/vue-material-design-icons/ArrowRight.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon arrow-right-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=\"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"ArrowRightIcon\",\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":["_createElementBlock","_mergeProps","_createElementVNode","_openBlock"],"mappings":";;AAoBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO,CAAC,OAAO;AAAA,EACf,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA;IAER,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AAxBY,MAAA,aAAA,EAAA,GAAE,0EAAyE;;;sBAXrFA,mBAeO,QAfPC,WAAc,KAAA,QAAM;AAAA,IACb,eAAa,OAAA,QAAK,OAAA;AAAA,IAClB,cAAY,OAAA;AAAA,IACb,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,MAAK,SAAU,MAAM;AAAA;kBACjCD,mBAQM,OAAA;AAAA,MARA,MAAM,OAAA;AAAA,MACP,OAAM;AAAA,MACL,OAAO,OAAA;AAAA,MACP,QAAQ,OAAA;AAAA,MACT,SAAQ;AAAA;MACXE,mBAEO,QAFP,YAEO;AAAA,QADQ,OAAA,SAAbC,UAAA,GAAAH,mBAAuC,qCAAhB,OAAA,KAAK,GAAA,CAAA;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/{ChevronDown-C6gc637b.mjs → ChevronDown.mjs}

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, createCommentVNode } from "vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.mjs";
 const _sfc_main = {
   name: "ChevronDownIcon",
   emits: ["click"],
@@ -46,4 +46,4 @@ const ChevronDown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_rend
 export {
   ChevronDown as C
 };
-//# sourceMappingURL=ChevronDown-C6gc637b.mjs.map
+//# sourceMappingURL=ChevronDown.mjs.map

package/dist/chunks/ChevronDown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDown.mjs","sources":["../../node_modules/vue-material-design-icons/ChevronDown.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon chevron-down-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=\"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"ChevronDownIcon\",\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":["_createElementBlock","_mergeProps","_createElementVNode","_openBlock"],"mappings":";;AAoBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO,CAAC,OAAO;AAAA,EACf,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA;IAER,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AAxBY,MAAA,aAAA,EAAA,GAAE,6DAA4D;;;sBAXxEA,mBAeO,QAfPC,WAAc,KAAA,QAAM;AAAA,IACb,eAAa,OAAA,QAAK,OAAA;AAAA,IAClB,cAAY,OAAA;AAAA,IACb,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,MAAK,SAAU,MAAM;AAAA;kBACjCD,mBAQM,OAAA;AAAA,MARA,MAAM,OAAA;AAAA,MACP,OAAM;AAAA,MACL,OAAO,OAAA;AAAA,MACP,QAAQ,OAAA;AAAA,MACT,SAAQ;AAAA;MACXE,mBAEO,QAFP,YAEO;AAAA,QADQ,OAAA,SAAbC,UAAA,GAAAH,mBAAuC,qCAAhB,OAAA,KAAK,GAAA,CAAA;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/{ChevronUp-ChH8oB7p.mjs → ChevronUp.mjs}

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, createCommentVNode } from "vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.mjs";
 const _sfc_main = {
   name: "ChevronUpIcon",
   emits: ["click"],
@@ -46,4 +46,4 @@ const ChevronUp = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render
 export {
   ChevronUp as C
 };
-//# sourceMappingURL=ChevronUp-ChH8oB7p.mjs.map
+//# sourceMappingURL=ChevronUp.mjs.map

package/dist/chunks/ChevronUp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUp.mjs","sources":["../../node_modules/vue-material-design-icons/ChevronUp.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon chevron-up-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=\"M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"ChevronUpIcon\",\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":["_createElementBlock","_mergeProps","_createElementVNode","_openBlock"],"mappings":";;AAoBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO,CAAC,OAAO;AAAA,EACf,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA;IAER,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AAxBY,MAAA,aAAA,EAAA,GAAE,+DAA8D;;;sBAX1EA,mBAeO,QAfPC,WAAc,KAAA,QAAM;AAAA,IACb,eAAa,OAAA,QAAK,OAAA;AAAA,IAClB,cAAY,OAAA;AAAA,IACb,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,MAAK,SAAU,MAAM;AAAA;kBACjCD,mBAQM,OAAA;AAAA,MARA,MAAM,OAAA;AAAA,MACP,OAAM;AAAA,MACL,OAAO,OAAA;AAAA,MACP,QAAQ,OAAA;AAAA,MACT,SAAQ;AAAA;MACXE,mBAEO,QAFP,YAEO;AAAA,QADQ,OAAA,SAAbC,UAAA,GAAAH,mBAAuC,qCAAhB,OAAA,KAAK,GAAA,CAAA;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/{Close-CuhcJnX2.mjs → Close.mjs}

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, createCommentVNode } from "vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.mjs";
 const _sfc_main = {
   name: "CloseIcon",
   emits: ["click"],
@@ -46,4 +46,4 @@ const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render
 export {
   IconClose as I
 };
-//# sourceMappingURL=Close-CuhcJnX2.mjs.map
+//# sourceMappingURL=Close.mjs.map

package/dist/chunks/Close.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Close.mjs","sources":["../../node_modules/vue-material-design-icons/Close.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon close-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=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"CloseIcon\",\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":["_createElementBlock","_mergeProps","_createElementVNode","_openBlock"],"mappings":";;AAoBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO,CAAC,OAAO;AAAA,EACf,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA;IAER,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AAxBY,MAAA,aAAA,EAAA,GAAE,gHAA+G;;;sBAX3HA,mBAeO,QAfPC,WAAc,KAAA,QAAM;AAAA,IACb,eAAa,OAAA,QAAK,OAAA;AAAA,IAClB,cAAY,OAAA;AAAA,IACb,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAA,MAAK,SAAU,MAAM;AAAA;kBACjCD,mBAQM,OAAA;AAAA,MARA,MAAM,OAAA;AAAA,MACP,OAAM;AAAA,MACL,OAAO,OAAA;AAAA,MACP,QAAQ,OAAA;AAAA,MACT,SAAQ;AAAA;MACXE,mBAEO,QAFP,YAEO;AAAA,QADQ,OAAA,SAAbC,UAAA,GAAAH,mBAAuC,qCAAhB,OAAA,KAAK,GAAA,CAAA;;;;;;","x_google_ignoreList":[0]}