@nextcloud/vue 8.11.1 → 8.11.3

package/dist/chunks/{NcSelect-C58Mm9lZ.cjs → NcSelect-uODI-lly.cjs}

@@ -1,27 +1,39 @@
-require('../assets/NcSelect-4aBmXHhA.css');
+require('../assets/NcSelect-Fmyu7qyl.css');
 "use strict";
 require("@nextcloud/vue-select/dist/vue-select.css");
-const b = require("vue"), s = require("@nextcloud/vue-select"), i = require("@floating-ui/dom"), u = require("./_l10n-BVVVUgGU.cjs"), y = require("./ChevronDown-DQPox_nl.cjs"), m = require("./Close-DBfrdXMw.cjs"), h = require("../Components/NcEllipsisedOption.cjs"), _ = require("./NcListItemIcon-Dd_ykGiP.cjs"), g = require("../Components/NcLoadingIcon.cjs"), p = require("./GenRandomId-B2O1GMbH.cjs"), L = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), S = (t) => t && t.__esModule ? t : { default: t }, d = /* @__PURE__ */ S(b);
-u.register(u.t14);
-const C = {
+const Vue = require("vue");
+const vueSelect = require("@nextcloud/vue-select");
+const dom = require("@floating-ui/dom");
+const _l10n = require("./_l10n-ftziezFF.cjs");
+const ChevronDown = require("./ChevronDown-CF9m1o8_.cjs");
+const Close = require("./Close-C2VrgKj3.cjs");
+const Components_NcEllipsisedOption = require("../Components/NcEllipsisedOption.cjs");
+const NcListItemIcon = require("./NcListItemIcon-DKSzgujO.cjs");
+const Components_NcLoadingIcon = require("../Components/NcLoadingIcon.cjs");
+const GenRandomId = require("./GenRandomId-kBCcgMJd.cjs");
+const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-DbFIE4_M.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const Vue__default = /* @__PURE__ */ _interopDefault(Vue);
+_l10n.register(_l10n.t14);
+const _sfc_main = {
   name: "NcSelect",
   components: {
-    ChevronDown: y.ChevronDown,
-    NcEllipsisedOption: h,
-    NcListItemIcon: _.NcListItemIcon,
-    NcLoadingIcon: g,
-    VueSelect: s.VueSelect
+    ChevronDown: ChevronDown.ChevronDown,
+    NcEllipsisedOption: Components_NcEllipsisedOption,
+    NcListItemIcon: NcListItemIcon.NcListItemIcon,
+    NcLoadingIcon: Components_NcLoadingIcon,
+    VueSelect: vueSelect.VueSelect
   },
   props: {
     // Add VueSelect props to $props
-    ...s.VueSelect.props,
-    ...s.VueSelect.mixins.reduce((t, e) => ({ ...t, ...e.props }), {}),
+    ...vueSelect.VueSelect.props,
+    ...vueSelect.VueSelect.mixins.reduce((allProps, mixin) => ({ ...allProps, ...mixin.props }), {}),
     /**
      * `aria-label` for the clear input button
      */
     ariaLabelClearSelected: {
       type: String,
-      default: u.t("Clear selected")
+      default: _l10n.t("Clear selected")
     },
     /**
      * `aria-label` for the search input
@@ -37,7 +49,7 @@ const C = {
      */
     ariaLabelListbox: {
       type: String,
-      default: u.t("Options")
+      default: _l10n.t("Options")
     },
     /**
      * Allows to customize the `aria-label` for the deselect-option button
@@ -46,7 +58,7 @@ const C = {
      */
     ariaLabelDeselectOption: {
       type: Function,
-      default: (t) => u.t("Deselect {option}", { option: t })
+      default: (optionLabel) => _l10n.t("Deselect {option}", { option: optionLabel })
     },
     /**
      * Append the dropdown element to the end of the body
@@ -56,7 +68,7 @@ const C = {
      */
     appendToBody: {
       type: Boolean,
-      default: !0
+      default: true
     },
     /**
      * When `appendToBody` is true, this function is responsible for
@@ -79,7 +91,7 @@ const C = {
      */
     closeOnSelect: {
       type: Boolean,
-      default: !0
+      default: true
     },
     /**
      * Replace default vue-select components
@@ -90,7 +102,7 @@ const C = {
       type: Object,
       default: () => ({
         Deselect: {
-          render: (t) => t(m.Close, {
+          render: (createElement) => createElement(Close.Close, {
             props: {
               size: 20,
               fillColor: "var(--vs-controls-color)"
@@ -116,7 +128,7 @@ const C = {
      */
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Determines whether the dropdown should be open.
@@ -126,7 +138,9 @@ const C = {
      */
     dropdownShouldOpen: {
       type: Function,
-      default: ({ noDrop: t, open: e }) => t ? !1 : e
+      default: ({ noDrop, open }) => {
+        return noDrop ? false : open;
+      }
     },
     /**
      * Callback to determine if the provided option should
@@ -160,7 +174,7 @@ const C = {
      */
     inputId: {
       type: String,
-      default: () => "select-input-".concat(p.GenRandomId())
+      default: () => "select-input-".concat(GenRandomId.GenRandomId())
     },
     /**
      * Visible label for the input element
@@ -176,7 +190,7 @@ const C = {
      */
     labelOutside: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Display a visible border around dropdown options
@@ -184,7 +198,7 @@ const C = {
      */
     keyboardFocusBorder: {
       type: Boolean,
-      default: !0
+      default: true
     },
     /**
      * Key of the displayed label for object options
@@ -208,7 +222,7 @@ const C = {
      */
     loading: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Allow selection of multiple options
@@ -217,14 +231,14 @@ const C = {
      */
     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
@@ -260,16 +274,19 @@ const C = {
        * @param {import('@nextcloud/vue-select').VueSelect} vm - VueSelect instance
        * @return {Record<number, Function>} patched keydown event handlers
        */
-      default(t, e) {
+      default(map, vm) {
         return {
-          ...t,
+          ...map,
           /**
            * Patched Escape handler to stop propagation from open select
            *
            * @param {KeyboardEvent} event - default keydown event handler
            */
-          27: (n) => {
-            e.open && n.stopPropagation(), t[27](n);
+          27: (event) => {
+            if (vm.open) {
+              event.stopPropagation();
+            }
+            map[27](event);
           }
         };
       }
@@ -281,7 +298,7 @@ const C = {
      */
     uid: {
       type: String,
-      default: () => p.GenRandomId()
+      default: () => GenRandomId.GenRandomId()
     },
     /**
      * When `appendToBody` is true, this sets the placement of the dropdown
@@ -298,7 +315,7 @@ const C = {
      */
     resetFocusOnOptionsChange: {
       type: Boolean,
-      default: !0
+      default: true
     },
     /**
      * Enable the user selector with avatars
@@ -309,7 +326,7 @@ const C = {
      */
     userSelect: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Currently selected value
@@ -329,7 +346,7 @@ const C = {
      */
     required: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Any available prop
@@ -354,125 +371,158 @@ const C = {
   },
   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 : (t, e, { width: n }) => {
-        t.style.width = n;
-        const l = {
+      if (this.calculatePosition !== null) {
+        return this.calculatePosition;
+      }
+      return (dropdownMenu, component, { width }) => {
+        dropdownMenu.style.width = width;
+        const addClass = {
           name: "addClass",
-          fn(r) {
-            return t.classList.add("vs__dropdown-menu--floating"), {};
+          fn(_middlewareArgs) {
+            dropdownMenu.classList.add("vs__dropdown-menu--floating");
+            return {};
           }
-        }, a = {
+        };
+        const togglePlacementClass = {
           name: "togglePlacementClass",
-          fn({ placement: r }) {
-            return e.$el.classList.toggle(
+          fn({ placement }) {
+            component.$el.classList.toggle(
               "select--drop-up",
-              r === "top"
-            ), t.classList.toggle(
+              placement === "top"
+            );
+            dropdownMenu.classList.toggle(
               "vs__dropdown-menu--floating-placement-top",
-              r === "top"
-            ), {};
+              placement === "top"
+            );
+            return {};
           }
-        }, o = () => {
-          i.computePosition(e.$refs.toggle, t, {
+        };
+        const updatePosition = () => {
+          dom.computePosition(component.$refs.toggle, dropdownMenu, {
             placement: this.placement,
             middleware: [
-              i.offset(-1),
-              l,
-              a,
+              dom.offset(-1),
+              addClass,
+              togglePlacementClass,
               // Match popperjs default collision prevention behavior by appending the following middleware in order
-              i.flip(),
-              i.shift({ limiter: i.limitShift() })
+              dom.flip(),
+              dom.shift({ limiter: dom.limitShift() })
             ]
-          }).then(({ x: r, y: f }) => {
-            Object.assign(t.style, {
-              left: "".concat(r, "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 i.autoUpdate(
-          e.$refs.toggle,
-          t,
-          o
+        const cleanup = dom.autoUpdate(
+          component.$refs.toggle,
+          dropdownMenu,
+          updatePosition
         );
+        return cleanup;
       };
     },
     localFilterBy() {
-      const t = /[^<]*<([^>]+)/;
-      return this.filterBy !== null ? this.filterBy : this.userSelect ? (e, n, l) => {
-        var o, c, r;
-        const a = l.match(t);
-        return a && ((r = (c = (o = e.subname) == null ? void 0 : o.toLocaleLowerCase) == null ? void 0 : c.call(o)) == null ? void 0 : r.indexOf(a[1].toLocaleLowerCase())) > -1 || "".concat(n, " ").concat(e.subname).toLocaleLowerCase().indexOf(l.toLocaleLowerCase()) > -1;
-      } : s.VueSelect.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.VueSelect.props.filterBy.default;
     },
     localLabel() {
-      return this.label !== null ? this.label : this.userSelect ? "displayName" : s.VueSelect.props.label.default;
+      if (this.label !== null) {
+        return this.label;
+      }
+      if (this.userSelect) {
+        return "displayName";
+      }
+      return vueSelect.VueSelect.props.label.default;
     },
     propsToForward() {
-      const t = [
-        ...Object.keys(s.VueSelect.props),
-        ...s.VueSelect.mixins.flatMap((l) => {
-          var a;
-          return Object.keys((a = l.props) != null ? a : {});
+      const vueSelectKeys = [
+        ...Object.keys(vueSelect.VueSelect.props),
+        ...vueSelect.VueSelect.mixins.flatMap((mixin) => {
+          var _a;
+          return Object.keys((_a = mixin.props) != null ? _a : {});
         })
       ];
-      return {
-        ...Object.fromEntries(
-          Object.entries(this.$props).filter(([l, a]) => t.includes(l))
-        ),
+      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 && d.default.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 && d.default.util.warn("[NcSelect] Only one of `inputLabel` or `ariaLabelCombobox` should to be set.");
+    if (!this.labelOutside && !this.inputLabel && !this.ariaLabelCombobox) {
+      Vue__default.default.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__default.default.util.warn("[NcSelect] Only one of `inputLabel` or `ariaLabelCombobox` should to be set.");
+    }
   },
   methods: {
-    t: u.t
+    t: _l10n.t
   }
 };
-var v = function() {
-  var e = this, n = e._self._c;
-  return n("VueSelect", e._g(e._b({ staticClass: "select", class: {
-    "select--no-wrap": e.noWrap,
-    "user-select": e.userSelect
-  }, on: { search: (l) => e.search = l }, scopedSlots: e._u([!e.labelOutside && e.inputLabel ? { key: "header", fn: function() {
-    return [n("label", { staticClass: "select__label", attrs: { for: e.inputId } }, [e._v(" " + e._s(e.inputLabel) + " ")])];
-  }, proxy: !0 } : null, { key: "search", fn: function({ attributes: l, events: a }) {
-    return [n("input", e._g(e._b({ class: ["vs__search", e.inputClass], attrs: { required: e.inputRequired } }, "input", l, !1), a))];
-  } }, { key: "open-indicator", fn: function({ attributes: l }) {
-    return [n("ChevronDown", e._b({ style: {
-      cursor: e.disabled ? null : "pointer"
-    }, attrs: { "fill-color": "var(--vs-controls-color)", size: 26 } }, "ChevronDown", l, !1))];
-  } }, { key: "option", fn: function(l) {
-    return [e.userSelect ? n("NcListItemIcon", e._b({ attrs: { "avatar-size": 24, name: l[e.localLabel], search: e.search } }, "NcListItemIcon", l, !1)) : n("NcEllipsisedOption", { attrs: { name: String(l[e.localLabel]), search: e.search } })];
-  } }, { key: "selected-option", fn: function(l) {
-    return [e.userSelect ? n("NcListItemIcon", e._b({ attrs: { "avatar-size": 24, name: l[e.localLabel], search: e.search } }, "NcListItemIcon", l, !1)) : n("NcEllipsisedOption", { attrs: { name: String(l[e.localLabel]), search: e.search } })];
-  } }, { key: "spinner", fn: function(l) {
-    return [l.loading ? n("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(l, a) {
-    return { key: a, fn: function(o) {
-      return [e._t(a, 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 = [], N = /* @__PURE__ */ L.normalizeComponent(
-  C,
-  v,
-  I,
-  !1,
+  })], null, true) }, "VueSelect", _vm.propsToForward, false), _vm.$listeners));
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
   null,
   null,
   null,
   null
 );
-const O = N.exports;
-exports.NcSelect = O;
+const NcSelect = __component__.exports;
+exports.NcSelect = NcSelect;