@nextcloud/vue 9.10.0 → 9.11.0

package/dist/chunks/NcFormBox.mjs

@@ -24,12 +24,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ncFormBox = "_ncFormBox_swAVY";
-const ncFormBox_row = "_ncFormBox_row_evDMT";
-const ncFormBox__item = "_ncFormBox__item_puTSq";
-const ncFormBox_col = "_ncFormBox_col_o5BAr";
+const ncFormBox = "_ncFormBox_DLj7n";
+const ncFormBox_row = "_ncFormBox_row_Fr1lK";
+const ncFormBox__item = "_ncFormBox__item_-SJyo";
+const ncFormBox_col = "_ncFormBox_col_1wgxQ";
 const style0 = {
-  "material-design-icon": "_material-design-icon_3IHTT",
+  "material-design-icon": "_material-design-icon_g04W5",
   ncFormBox,
   ncFormBox_row,
   ncFormBox__item,

package/dist/chunks/NcFormBoxButton.mjs

@@ -130,9 +130,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const formBoxButton = "_formBoxButton_vDhd8";
+const formBoxButton = "_formBoxButton_pfcXH";
 const style0 = {
-  "material-design-icon": "_material-design-icon_JU39t",
+  "material-design-icon": "_material-design-icon_oW-0j",
   formBoxButton
 };
 const cssModules = {

package/dist/chunks/NcFormBoxItem.mjs

@@ -70,15 +70,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const formBoxItem = "_formBoxItem_ddJuY";
-const formBoxItem__description = "_formBoxItem__description_0ad-0";
-const formBoxItem_legacy = "_formBoxItem_legacy_RkVdo";
-const formBoxItem_inverted = "_formBoxItem_inverted_dNsBM";
-const formBoxItem__element = "_formBoxItem__element_kvIKv";
-const formBoxItem__content = "_formBoxItem__content_b8i1H";
-const formBoxItem__icon = "_formBoxItem__icon_Ih2Qe";
+const formBoxItem = "_formBoxItem_A3svz";
+const formBoxItem__description = "_formBoxItem__description_s3aoO";
+const formBoxItem_legacy = "_formBoxItem_legacy_M8oCv";
+const formBoxItem_inverted = "_formBoxItem_inverted_yQ6cM";
+const formBoxItem__element = "_formBoxItem__element_63no0";
+const formBoxItem__content = "_formBoxItem__content_plRks";
+const formBoxItem__icon = "_formBoxItem__icon_xzuO7";
 const style0 = {
-  "material-design-icon": "_material-design-icon_K3a0K",
+  "material-design-icon": "_material-design-icon_oeKe9",
   formBoxItem,
   formBoxItem__description,
   formBoxItem_legacy,

package/dist/chunks/NcFormBoxSwitch.mjs

@@ -77,9 +77,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const formBoxSwitch__input = "_formBoxSwitch__input_tdNTo";
+const formBoxSwitch__input = "_formBoxSwitch__input_MIhKf";
 const style0 = {
-  "material-design-icon": "_material-design-icon_eEr7D",
+  "material-design-icon": "_material-design-icon_5UzOd",
   formBoxSwitch__input
 };
 const cssModules = {

package/dist/chunks/NcFormGroup.mjs

@@ -49,14 +49,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const formGroup = "_formGroup_lN8iy";
-const formGroup_noGap = "_formGroup_noGap_Z4GeD";
-const formGroup__label = "_formGroup__label_3Ybt6";
-const formGroup__description = "_formGroup__description_U7U3u";
-const formGroup__content = "_formGroup__content_68ebn";
-const formGroup__content_only = "_formGroup__content_only_HC7hj";
+const formGroup = "_formGroup_s9Y0Y";
+const formGroup_noGap = "_formGroup_noGap_ni6Ax";
+const formGroup__label = "_formGroup__label_flCX6";
+const formGroup__description = "_formGroup__description_ettaL";
+const formGroup__content = "_formGroup__content_AhX7q";
+const formGroup__content_only = "_formGroup__content_only_h-mqW";
 const style0 = {
-  "material-design-icon": "_material-design-icon_O8Rlq",
+  "material-design-icon": "_material-design-icon_ux73t",
   formGroup,
   formGroup_noGap,
   formGroup__label,

package/dist/chunks/NcHotkey.mjs

@@ -42,11 +42,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const hotkey = "_hotkey_0OqPH";
-const hotkey__label = "_hotkey__label_hRfYR";
-const hotkey__keys = "_hotkey__keys_lfZWo";
+const hotkey = "_hotkey_kSlAl";
+const hotkey__label = "_hotkey__label_LLPgA";
+const hotkey__keys = "_hotkey__keys_EMshL";
 const style0 = {
-  "material-design-icon": "_material-design-icon_FAVb2",
+  "material-design-icon": "_material-design-icon_XAHPq",
   hotkey,
   hotkey__label,
   hotkey__keys

package/dist/chunks/NcHotkeyList.mjs

@@ -26,8 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const hotkeyList = "_hotkeyList_N1G5w";
-const hotkeyList__heading = "_hotkeyList__heading_xHIQ-";
+const hotkeyList = "_hotkeyList_QEQTC";
+const hotkeyList__heading = "_hotkeyList__heading_BXcc-";
 const style0 = {
   hotkeyList,
   hotkeyList__heading

package/dist/chunks/NcIconToggleSwitch.mjs

@@ -35,9 +35,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const iconToggleSwitch = "_iconToggleSwitch_7MD0p";
+const iconToggleSwitch = "_iconToggleSwitch_ouXRn";
 const style0 = {
-  "material-design-icon": "_material-design-icon_k9ISS",
+  "material-design-icon": "_material-design-icon_9yzS5",
   iconToggleSwitch
 };
 const cssModules = {

package/dist/chunks/NcKbd.mjs

@@ -38,9 +38,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const kbd = "_kbd_fAhrp";
+const kbd = "_kbd_BJxuE";
 const style0 = {
-  "material-design-icon": "_material-design-icon_MIgpl",
+  "material-design-icon": "_material-design-icon_9pyby",
   kbd
 };
 const cssModules = {

package/dist/chunks/NcPopover.mjs

@@ -44,9 +44,9 @@ const _sfc_main$1 = defineComponent({
     });
   }
 });
-const ncPopover = "_ncPopover_qDh5Z";
+const ncPopover = "_ncPopover_qgtYg";
 const style0 = {
-  "material-design-icon": "_material-design-icon_1cKzS",
+  "material-design-icon": "_material-design-icon_NkIOG",
   ncPopover
 };
 const theme = "nc-popover-9";

package/dist/chunks/NcRadioGroup.mjs

@@ -60,9 +60,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const radioGroup_checkboxRadioContainer = "_radioGroup_checkboxRadioContainer_6l3ZZ";
+const radioGroup_checkboxRadioContainer = "_radioGroup_checkboxRadioContainer_AUPA7";
 const style0 = {
-  "material-design-icon": "_material-design-icon_YBWPS",
+  "material-design-icon": "_material-design-icon_TUacq",
   radioGroup_checkboxRadioContainer
 };
 const cssModules = {

package/dist/chunks/NcRadioGroupButton.mjs

@@ -60,13 +60,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const radioGroupButton = "_radioGroupButton_-67XH";
-const radioGroupButton__label = "_radioGroupButton__label_5oGzk";
-const radioGroupButton__icon = "_radioGroupButton__icon_H9p98";
-const radioGroupButton_disabled = "_radioGroupButton_disabled_snlZt";
-const radioGroupButton_active = "_radioGroupButton_active_TCvEK";
+const radioGroupButton = "_radioGroupButton_YNoo0";
+const radioGroupButton__label = "_radioGroupButton__label_8W6-c";
+const radioGroupButton__icon = "_radioGroupButton__icon_lPjNx";
+const radioGroupButton_disabled = "_radioGroupButton_disabled_8uxSh";
+const radioGroupButton_active = "_radioGroupButton_active_qTVBh";
 const style0 = {
-  "material-design-icon": "_material-design-icon_b0Hhz",
+  "material-design-icon": "_material-design-icon_L0tBR",
   radioGroupButton,
   radioGroupButton__label,
   radioGroupButton__icon,

package/dist/chunks/NcRichContenteditable.mjs

@@ -335,16 +335,16 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 const NcAutoCompleteResult = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-ed88a5f1"]]);
 register(t35, t38);
 const style1 = {
-  "material-design-icon": "_material-design-icon_zmwTj",
-  "tribute-container": "_tribute-container_jRTwZ",
-  "tribute-container__item": "_tribute-container__item_XZ0h-",
-  "tribute-container--focus-visible": "_tribute-container--focus-visible_x3J47",
-  "tribute-container-autocomplete": "_tribute-container-autocomplete_jsMuu",
-  "tribute-container-emoji": "_tribute-container-emoji_7ze0I",
-  "tribute-container-link": "_tribute-container-link_alrBL",
-  "tribute-item": "_tribute-item_SFbZ7",
-  "tribute-item__title": "_tribute-item__title_wjaIf",
-  "tribute-item__icon": "_tribute-item__icon_7qSPj"
+  "material-design-icon": "_material-design-icon_mr-D2",
+  "tribute-container": "_tribute-container_x6S5-",
+  "tribute-container__item": "_tribute-container__item_DySp8",
+  "tribute-container--focus-visible": "_tribute-container--focus-visible_cY0kd",
+  "tribute-container-autocomplete": "_tribute-container-autocomplete_bSLlH",
+  "tribute-container-emoji": "_tribute-container-emoji_JH-rN",
+  "tribute-container-link": "_tribute-container-link_fcdOz",
+  "tribute-item": "_tribute-item_gtmOq",
+  "tribute-item__title": "_tribute-item__title_emV92",
+  "tribute-item__icon": "_tribute-item__icon_-Zn0O"
 };
 const smilesCharacters = ["d", "D", "p", "P", "s", "S", "x", "X", ")", "(", "|", "/"];
 const textSmiles = [];

package/dist/chunks/NcSelect.mjs

@@ -1,10 +1,12 @@
 import '../assets/NcSelect.css';
 import { autoUpdate, computePosition, flip, offset, shift, limitShift } from "@floating-ui/dom";
+import { d as mdiCheck, j as mdiAlertCircleOutline } from "./mdi.mjs";
 import { VueSelect } from "@nextcloud/vue-select";
-import { resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createVNode, normalizeClass, createElementVNode, renderList, warn, h } from "vue";
+import { resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createVNode, normalizeClass, createElementVNode, createElementBlock, renderList, warn, h } from "vue";
 import { C as ChevronDown } from "./ChevronDown.mjs";
 import { I as IconClose } from "./Close.mjs";
 import { N as NcEllipsisedOption } from "./NcEllipsisedOption.mjs";
+import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper.mjs";
 import { N as NcLoadingIcon } from "./NcLoadingIcon.mjs";
 import { _ as _sfc_main$1 } from "./NcTextField.vue_vue_type_script_setup_true_lang.mjs";
 import { r as register, g as t18, a as t } from "./_l10n.mjs";
@@ -17,6 +19,7 @@ const _sfc_main = {
   components: {
     ChevronDown,
     NcEllipsisedOption,
+    NcIconSvgWrapper,
     NcLoadingIcon,
     NcTextField: _sfc_main$1,
     VueSelect
@@ -176,6 +179,27 @@ const _sfc_main = {
       type: String,
       default: null
     },
+    /**
+     * Additional helper text shown beneath the select.
+     */
+    helperText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Toggle the error state, styling the helper text as an error.
+     */
+    error: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Toggle the success state, styling the helper text as a success.
+     */
+    success: {
+      type: Boolean,
+      default: false
+    },
     /**
      * Pass true if you are using an external label
      */
@@ -348,7 +372,9 @@ const _sfc_main = {
     const avatarSize = clickableArea - 2 * gridBaseLine;
     return {
       avatarSize,
-      isLegacy
+      isLegacy,
+      mdiAlertCircleOutline,
+      mdiCheck
     };
   },
   data() {
@@ -451,15 +477,29 @@ const _sfc_main = {
     }
   },
   methods: {
-    t
+    t,
+    /**
+     * Consumer-provided slots forwarded to vue-select, excluding `footer`
+     * which we render ourselves to host the helper text.
+     *
+     * `$slots` is not reactive, so this is a method (re-evaluated on every
+     * render) rather than a computed, to keep the forwarded slot list fresh.
+     *
+     * @return {string[]}
+     */
+    forwardedSlots() {
+      return Object.keys(this.$slots).filter((name) => name !== "footer");
+    }
   }
 };
 const _hoisted_1 = ["for"];
+const _hoisted_2 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcTextField = resolveComponent("NcTextField");
   const _component_ChevronDown = resolveComponent("ChevronDown");
   const _component_NcEllipsisedOption = resolveComponent("NcEllipsisedOption");
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
+  const _component_NcIconSvgWrapper = resolveComponent("NcIconSvgWrapper");
   const _component_VueSelect = resolveComponent("VueSelect");
   return openBlock(), createBlock(_component_VueSelect, mergeProps({
     class: ["select nc-select", {
@@ -486,6 +526,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         readonly: attributes.readonly,
         autocomplete: attributes.autocomplete,
         "aria-label": attributes["aria-label"],
+        "aria-describedby": [attributes["aria-describedby"], $props.helperText ? `${$props.inputId}-helper-text` : null].filter(Boolean).join(" ") || void 0,
         "aria-autocomplete": attributes["aria-autocomplete"],
         "aria-controls": attributes["aria-controls"],
         "aria-owns": attributes["aria-owns"],
@@ -498,7 +539,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onCompositionstart: events.compositionstart,
         onCompositionend: events.compositionend,
         "onUpdate:modelValue": ($event) => events.input({ target: { value: $event } })
-      }, null, 8, ["id", "class", "type", "modelValue", "placeholder", "label", "labelOutside", "disabled", "required", "role", "tabindex", "readonly", "autocomplete", "aria-label", "aria-autocomplete", "aria-controls", "aria-owns", "aria-expanded", "aria-activedescendant", "onKeydown", "onKeypress", "onFocus", "onBlur", "onCompositionstart", "onCompositionend", "onUpdate:modelValue"])
+      }, null, 8, ["id", "class", "type", "modelValue", "placeholder", "label", "labelOutside", "disabled", "required", "role", "tabindex", "readonly", "autocomplete", "aria-label", "aria-describedby", "aria-autocomplete", "aria-controls", "aria-owns", "aria-expanded", "aria-activedescendant", "onKeydown", "onKeypress", "onFocus", "onBlur", "onCompositionstart", "onCompositionend", "onUpdate:modelValue"])
     ]),
     "open-indicator": withCtx(({ attributes }) => [
       createVNode(_component_ChevronDown, mergeProps(attributes, {
@@ -543,7 +584,35 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       key: "0"
     } : void 0,
-    renderList(_ctx.$slots, (_, name) => {
+    $props.helperText || _ctx.$slots.footer ? {
+      name: "footer",
+      fn: withCtx((data) => [
+        $props.helperText ? (openBlock(), createElementBlock("p", {
+          key: 0,
+          id: `${$props.inputId}-helper-text`,
+          class: normalizeClass(["select__helper-text", {
+            "select__helper-text--error": $props.error,
+            "select__helper-text--success": $props.success
+          }])
+        }, [
+          $props.success ? (openBlock(), createBlock(_component_NcIconSvgWrapper, {
+            key: 0,
+            class: "select__helper-text-icon",
+            path: $setup.mdiCheck,
+            inline: ""
+          }, null, 8, ["path"])) : $props.error ? (openBlock(), createBlock(_component_NcIconSvgWrapper, {
+            key: 1,
+            class: "select__helper-text-icon",
+            path: $setup.mdiAlertCircleOutline,
+            inline: ""
+          }, null, 8, ["path"])) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString($props.helperText), 1)
+        ], 10, _hoisted_2)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(data)))
+      ]),
+      key: "1"
+    } : void 0,
+    renderList($options.forwardedSlots(), (name) => {
       return {
         name,
         fn: withCtx((data) => [