@nextcloud/vue 8.11.1 → 8.11.3

package/dist/chunks/{NcSelect-DRVEZt73.mjs → NcSelect-EnQUx7gf.mjs}

@@ -1,36 +1,36 @@
-import '../assets/NcSelect-4aBmXHhA.css';
+import '../assets/NcSelect-Fmyu7qyl.css';
 import "@nextcloud/vue-select/dist/vue-select.css";
-import c from "vue";
-import { VueSelect as n } from "@nextcloud/vue-select";
-import { autoUpdate as d, computePosition as m, offset as b, flip as y, shift as h, limitShift as g } from "@floating-ui/dom";
-import { r as L, b as _, a as i } from "./_l10n-BZu8wI2q.mjs";
-import { C as S } from "./ChevronDown-HHJdUMN4.mjs";
-import { C } from "./Close-BtO5TPBO.mjs";
-import v from "../Components/NcEllipsisedOption.mjs";
-import { N as O } from "./NcListItemIcon-9um1JI9_.mjs";
-import N from "../Components/NcLoadingIcon.mjs";
-import { G as p } from "./GenRandomId-BW3iYFf9.mjs";
-import { n as B } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-L(_);
-const w = {
+import Vue from "vue";
+import { VueSelect } from "@nextcloud/vue-select";
+import { autoUpdate, computePosition, offset, flip, shift, limitShift } from "@floating-ui/dom";
+import { r as register, b as t14, a as t } from "./_l10n-DwEsZ6zb.mjs";
+import { C as ChevronDown } from "./ChevronDown-PedEroXo.mjs";
+import { C as Close } from "./Close-1V1F2F-M.mjs";
+import NcEllipsisedOption from "../Components/NcEllipsisedOption.mjs";
+import { N as NcListItemIcon } from "./NcListItemIcon-DONcrnT_.mjs";
+import NcLoadingIcon from "../Components/NcLoadingIcon.mjs";
+import { G as GenRandomId } from "./GenRandomId-CXkjMlAT.mjs";
+import { n as normalizeComponent } from "./_plugin-vue2_normalizer-D637Qkok.mjs";
+register(t14);
+const _sfc_main = {
   name: "NcSelect",
   components: {
-    ChevronDown: S,
-    NcEllipsisedOption: v,
-    NcListItemIcon: O,
-    NcLoadingIcon: N,
-    VueSelect: n
+    ChevronDown,
+    NcEllipsisedOption,
+    NcListItemIcon,
+    NcLoadingIcon,
+    VueSelect
   },
   props: {
     // Add VueSelect props to $props
-    ...n.props,
-    ...n.mixins.reduce((l, e) => ({ ...l, ...e.props }), {}),
+    ...VueSelect.props,
+    ...VueSelect.mixins.reduce((allProps, mixin) => ({ ...allProps, ...mixin.props }), {}),
     /**
      * `aria-label` for the clear input button
      */
     ariaLabelClearSelected: {
       type: String,
-      default: i("Clear selected")
+      default: t("Clear selected")
     },
     /**
      * `aria-label` for the search input
@@ -46,7 +46,7 @@ const w = {
      */
     ariaLabelListbox: {
       type: String,
-      default: i("Options")
+      default: t("Options")
     },
     /**
      * Allows to customize the `aria-label` for the deselect-option button
@@ -55,7 +55,7 @@ const w = {
      */
     ariaLabelDeselectOption: {
       type: Function,
-      default: (l) => i("Deselect {option}", { option: l })
+      default: (optionLabel) => t("Deselect {option}", { option: optionLabel })
     },
     /**
      * Append the dropdown element to the end of the body
@@ -65,7 +65,7 @@ const w = {
      */
     appendToBody: {
       type: Boolean,
-      default: !0
+      default: true
     },
     /**
      * When `appendToBody` is true, this function is responsible for
@@ -88,7 +88,7 @@ const w = {
      */
     closeOnSelect: {
       type: Boolean,
-      default: !0
+      default: true
     },
     /**
      * Replace default vue-select components
@@ -99,7 +99,7 @@ const w = {
       type: Object,
       default: () => ({
         Deselect: {
-          render: (l) => l(C, {
+          render: (createElement) => createElement(Close, {
             props: {
               size: 20,
               fillColor: "var(--vs-controls-color)"
@@ -125,7 +125,7 @@ const w = {
      */
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Determines whether the dropdown should be open.
@@ -135,7 +135,9 @@ const w = {
      */
     dropdownShouldOpen: {
       type: Function,
-      default: ({ noDrop: l, open: e }) => l ? !1 : e
+      default: ({ noDrop, open }) => {
+        return noDrop ? false : open;
+      }
     },
     /**
      * Callback to determine if the provided option should
@@ -169,7 +171,7 @@ const w = {
      */
     inputId: {
       type: String,
-      default: () => "select-input-".concat(p())
+      default: () => "select-input-".concat(GenRandomId())
     },
     /**
      * Visible label for the input element
@@ -185,7 +187,7 @@ const w = {
      */
     labelOutside: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Display a visible border around dropdown options
@@ -193,7 +195,7 @@ const w = {
      */
     keyboardFocusBorder: {
       type: Boolean,
-      default: !0
+      default: true
     },
     /**
      * Key of the displayed label for object options
@@ -217,7 +219,7 @@ const w = {
      */
     loading: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Allow selection of multiple options
@@ -226,14 +228,14 @@ const w = {
      */
     multiple: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Disable automatic wrapping when selected options overflow the width
      */
     noWrap: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Array of options
@@ -269,16 +271,19 @@ const w = {
        * @param {import('@nextcloud/vue-select').VueSelect} vm - VueSelect instance
        * @return {Record<number, Function>} patched keydown event handlers
        */
-      default(l, e) {
+      default(map, vm) {
         return {
-          ...l,
+          ...map,
           /**
            * Patched Escape handler to stop propagation from open select
            *
            * @param {KeyboardEvent} event - default keydown event handler
            */
-          27: (a) => {
-            e.open && a.stopPropagation(), l[27](a);
+          27: (event) => {
+            if (vm.open) {
+              event.stopPropagation();
+            }
+            map[27](event);
           }
         };
       }
@@ -290,7 +295,7 @@ const w = {
      */
     uid: {
       type: String,
-      default: () => p()
+      default: () => GenRandomId()
     },
     /**
      * When `appendToBody` is true, this sets the placement of the dropdown
@@ -307,7 +312,7 @@ const w = {
      */
     resetFocusOnOptionsChange: {
       type: Boolean,
-      default: !0
+      default: true
     },
     /**
      * Enable the user selector with avatars
@@ -318,7 +323,7 @@ const w = {
      */
     userSelect: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Currently selected value
@@ -338,7 +343,7 @@ const w = {
      */
     required: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Any available prop
@@ -363,127 +368,160 @@ const w = {
   },
   computed: {
     inputRequired() {
-      return this.required ? this.value === null || Array.isArray(this.value) && this.value.length === 0 : null;
+      if (!this.required) {
+        return null;
+      }
+      return this.value === null || Array.isArray(this.value) && this.value.length === 0;
     },
     localCalculatePosition() {
-      return this.calculatePosition !== null ? this.calculatePosition : (l, e, { width: a }) => {
-        l.style.width = a;
-        const t = {
+      if (this.calculatePosition !== null) {
+        return this.calculatePosition;
+      }
+      return (dropdownMenu, component, { width }) => {
+        dropdownMenu.style.width = width;
+        const addClass = {
           name: "addClass",
-          fn(s) {
-            return l.classList.add("vs__dropdown-menu--floating"), {};
+          fn(_middlewareArgs) {
+            dropdownMenu.classList.add("vs__dropdown-menu--floating");
+            return {};
           }
-        }, r = {
+        };
+        const togglePlacementClass = {
           name: "togglePlacementClass",
-          fn({ placement: s }) {
-            return e.$el.classList.toggle(
+          fn({ placement }) {
+            component.$el.classList.toggle(
               "select--drop-up",
-              s === "top"
-            ), l.classList.toggle(
+              placement === "top"
+            );
+            dropdownMenu.classList.toggle(
               "vs__dropdown-menu--floating-placement-top",
-              s === "top"
-            ), {};
+              placement === "top"
+            );
+            return {};
           }
-        }, o = () => {
-          m(e.$refs.toggle, l, {
+        };
+        const updatePosition = () => {
+          computePosition(component.$refs.toggle, dropdownMenu, {
             placement: this.placement,
             middleware: [
-              b(-1),
-              t,
-              r,
+              offset(-1),
+              addClass,
+              togglePlacementClass,
               // Match popperjs default collision prevention behavior by appending the following middleware in order
-              y(),
-              h({ limiter: g() })
+              flip(),
+              shift({ limiter: limitShift() })
             ]
-          }).then(({ x: s, y: f }) => {
-            Object.assign(l.style, {
-              left: "".concat(s, "px"),
-              top: "".concat(f, "px"),
-              width: "".concat(e.$refs.toggle.getBoundingClientRect().width, "px")
+          }).then(({ x, y }) => {
+            Object.assign(dropdownMenu.style, {
+              left: "".concat(x, "px"),
+              top: "".concat(y, "px"),
+              width: "".concat(component.$refs.toggle.getBoundingClientRect().width, "px")
             });
           });
         };
-        return d(
-          e.$refs.toggle,
-          l,
-          o
+        const cleanup = autoUpdate(
+          component.$refs.toggle,
+          dropdownMenu,
+          updatePosition
         );
+        return cleanup;
       };
     },
     localFilterBy() {
-      const l = /[^<]*<([^>]+)/;
-      return this.filterBy !== null ? this.filterBy : this.userSelect ? (e, a, t) => {
-        var o, u, s;
-        const r = t.match(l);
-        return r && ((s = (u = (o = e.subname) == null ? void 0 : o.toLocaleLowerCase) == null ? void 0 : u.call(o)) == null ? void 0 : s.indexOf(r[1].toLocaleLowerCase())) > -1 || "".concat(a, " ").concat(e.subname).toLocaleLowerCase().indexOf(t.toLocaleLowerCase()) > -1;
-      } : n.props.filterBy.default;
+      const EMAIL_NOTATION = /[^<]*<([^>]+)/;
+      if (this.filterBy !== null) {
+        return this.filterBy;
+      }
+      if (this.userSelect) {
+        return (option, label, search) => {
+          var _a, _b, _c;
+          const match = search.match(EMAIL_NOTATION);
+          return match && ((_c = (_b = (_a = option.subname) == null ? void 0 : _a.toLocaleLowerCase) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.indexOf(match[1].toLocaleLowerCase())) > -1 || "".concat(label, " ").concat(option.subname).toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1;
+        };
+      }
+      return VueSelect.props.filterBy.default;
     },
     localLabel() {
-      return this.label !== null ? this.label : this.userSelect ? "displayName" : n.props.label.default;
+      if (this.label !== null) {
+        return this.label;
+      }
+      if (this.userSelect) {
+        return "displayName";
+      }
+      return VueSelect.props.label.default;
     },
     propsToForward() {
-      const l = [
-        ...Object.keys(n.props),
-        ...n.mixins.flatMap((t) => {
-          var r;
-          return Object.keys((r = t.props) != null ? r : {});
+      const vueSelectKeys = [
+        ...Object.keys(VueSelect.props),
+        ...VueSelect.mixins.flatMap((mixin) => {
+          var _a;
+          return Object.keys((_a = mixin.props) != null ? _a : {});
         })
       ];
-      return {
-        ...Object.fromEntries(
-          Object.entries(this.$props).filter(([t, r]) => l.includes(t))
-        ),
+      const initialPropsToForward = Object.fromEntries(
+        Object.entries(this.$props).filter(([key, _value]) => vueSelectKeys.includes(key))
+      );
+      const propsToForward = {
+        ...initialPropsToForward,
         // Custom overrides of vue-select props
         calculatePosition: this.localCalculatePosition,
         filterBy: this.localFilterBy,
         label: this.localLabel
       };
+      return propsToForward;
     }
   },
   mounted() {
-    !this.labelOutside && !this.inputLabel && !this.ariaLabelCombobox && c.util.warn("[NcSelect] An `inputLabel` or `ariaLabelCombobox` should be set. If an external label is used, `labelOutside` should be set to `true`."), this.inputLabel && this.ariaLabelCombobox && c.util.warn("[NcSelect] Only one of `inputLabel` or `ariaLabelCombobox` should to be set.");
+    if (!this.labelOutside && !this.inputLabel && !this.ariaLabelCombobox) {
+      Vue.util.warn("[NcSelect] An `inputLabel` or `ariaLabelCombobox` should be set. If an external label is used, `labelOutside` should be set to `true`.");
+    }
+    if (this.inputLabel && this.ariaLabelCombobox) {
+      Vue.util.warn("[NcSelect] Only one of `inputLabel` or `ariaLabelCombobox` should to be set.");
+    }
   },
   methods: {
-    t: i
+    t
   }
 };
-var x = function() {
-  var e = this, a = e._self._c;
-  return a("VueSelect", e._g(e._b({ staticClass: "select", class: {
-    "select--no-wrap": e.noWrap,
-    "user-select": e.userSelect
-  }, on: { search: (t) => e.search = t }, scopedSlots: e._u([!e.labelOutside && e.inputLabel ? { key: "header", fn: function() {
-    return [a("label", { staticClass: "select__label", attrs: { for: e.inputId } }, [e._v(" " + e._s(e.inputLabel) + " ")])];
-  }, proxy: !0 } : null, { key: "search", fn: function({ attributes: t, events: r }) {
-    return [a("input", e._g(e._b({ class: ["vs__search", e.inputClass], attrs: { required: e.inputRequired } }, "input", t, !1), r))];
-  } }, { key: "open-indicator", fn: function({ attributes: t }) {
-    return [a("ChevronDown", e._b({ style: {
-      cursor: e.disabled ? null : "pointer"
-    }, attrs: { "fill-color": "var(--vs-controls-color)", size: 26 } }, "ChevronDown", t, !1))];
-  } }, { key: "option", fn: function(t) {
-    return [e.userSelect ? a("NcListItemIcon", e._b({ attrs: { "avatar-size": 24, name: t[e.localLabel], search: e.search } }, "NcListItemIcon", t, !1)) : a("NcEllipsisedOption", { attrs: { name: String(t[e.localLabel]), search: e.search } })];
-  } }, { key: "selected-option", fn: function(t) {
-    return [e.userSelect ? a("NcListItemIcon", e._b({ attrs: { "avatar-size": 24, name: t[e.localLabel], search: e.search } }, "NcListItemIcon", t, !1)) : a("NcEllipsisedOption", { attrs: { name: String(t[e.localLabel]), search: e.search } })];
-  } }, { key: "spinner", fn: function(t) {
-    return [t.loading ? a("NcLoadingIcon") : e._e()];
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("VueSelect", _vm._g(_vm._b({ staticClass: "select", class: {
+    "select--no-wrap": _vm.noWrap,
+    "user-select": _vm.userSelect
+  }, on: { "search": (searchString) => _vm.search = searchString }, scopedSlots: _vm._u([!_vm.labelOutside && _vm.inputLabel ? { key: "header", fn: function() {
+    return [_c("label", { staticClass: "select__label", attrs: { "for": _vm.inputId } }, [_vm._v(" " + _vm._s(_vm.inputLabel) + " ")])];
+  }, proxy: true } : null, { key: "search", fn: function({ attributes, events }) {
+    return [_c("input", _vm._g(_vm._b({ class: ["vs__search", _vm.inputClass], attrs: { "required": _vm.inputRequired } }, "input", attributes, false), events))];
+  } }, { key: "open-indicator", fn: function({ attributes }) {
+    return [_c("ChevronDown", _vm._b({ style: {
+      cursor: !_vm.disabled ? "pointer" : null
+    }, attrs: { "fill-color": "var(--vs-controls-color)", "size": 26 } }, "ChevronDown", attributes, false))];
+  } }, { key: "option", fn: function(option) {
+    return [_vm.userSelect ? _c("NcListItemIcon", _vm._b({ attrs: { "avatar-size": 24, "name": option[_vm.localLabel], "search": _vm.search } }, "NcListItemIcon", option, false)) : _c("NcEllipsisedOption", { attrs: { "name": String(option[_vm.localLabel]), "search": _vm.search } })];
+  } }, { key: "selected-option", fn: function(selectedOption) {
+    return [_vm.userSelect ? _c("NcListItemIcon", _vm._b({ attrs: { "avatar-size": 24, "name": selectedOption[_vm.localLabel], "search": _vm.search } }, "NcListItemIcon", selectedOption, false)) : _c("NcEllipsisedOption", { attrs: { "name": String(selectedOption[_vm.localLabel]), "search": _vm.search } })];
+  } }, { key: "spinner", fn: function(spinner) {
+    return [spinner.loading ? _c("NcLoadingIcon") : _vm._e()];
   } }, { key: "no-options", fn: function() {
-    return [e._v(" " + e._s(e.t("No results")) + " ")];
-  }, proxy: !0 }, e._l(e.$scopedSlots, function(t, r) {
-    return { key: r, fn: function(o) {
-      return [e._t(r, null, null, o)];
+    return [_vm._v(" " + _vm._s(_vm.t("No results")) + " ")];
+  }, proxy: true }, _vm._l(_vm.$scopedSlots, function(_, name) {
+    return { key: name, fn: function(data) {
+      return [_vm._t(name, null, null, data)];
     } };
-  })], null, !0) }, "VueSelect", e.propsToForward, !1), e.$listeners));
-}, I = [], F = /* @__PURE__ */ B(
-  w,
-  x,
-  I,
-  !1,
+  })], null, true) }, "VueSelect", _vm.propsToForward, false), _vm.$listeners));
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
   null,
   null,
   null,
   null
 );
-const G = F.exports;
+const NcSelect = __component__.exports;
 export {
-  G as N
+  NcSelect as N
 };