@nextcloud/vue 8.11.2 → 8.12.0

package/dist/chunks/NcSavingIndicatorIcon-BzKAIkhk.cjs

@@ -0,0 +1,64 @@
+"use strict";
+const Vue = require("vue");
+const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-DbFIE4_M.cjs");
+const _sfc_main = Vue.defineComponent({
+  name: "NcSavingIndicatorIcon",
+  props: {
+    /**
+     * Specify the size of the saving icon.
+     */
+    size: {
+      type: Number,
+      default: 20
+    },
+    /**
+     * Specify what is saved.
+     */
+    name: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Set to true when saving is in progress.
+     */
+    saving: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    /**
+     * Set to true if an error occured while saving.
+     */
+    error: {
+      type: Boolean,
+      default: false,
+      required: false
+    }
+  },
+  emits: ["click"],
+  computed: {
+    indicatorColor() {
+      return this.error ? "var(--color-error)" : this.saving ? "var(--color-primary-element)" : "none";
+    }
+  }
+});
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  _vm._self._setupProxy;
+  return _c("span", { staticClass: "material-design-icon", attrs: { "aria-label": _vm.name, "role": "img" }, on: { "click": function($event) {
+    return _vm.$emit("click", $event);
+  } } }, [_c("svg", { staticClass: "material-design-icon__svg", attrs: { "fill": _vm.fillColor, "width": _vm.size, "height": _vm.size, "viewBox": "0 0 24 24" } }, [_c("path", { attrs: { "fill": _vm.indicatorColor, "d": "m19 15a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z" } }), _c("path", { attrs: { "fill": "currentColor", "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" } }, [_vm.name ? _c("title", [_vm._v(_vm._s(_vm.name))]) : _vm._e()])])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  null,
+  null,
+  null,
+  null
+);
+const NcSavingIndicatorIcon = __component__.exports;
+exports.NcSavingIndicatorIcon = NcSavingIndicatorIcon;

package/dist/chunks/{NcSavingIndicatorIcon-BTvUkUn-.cjs.map → NcSavingIndicatorIcon-BzKAIkhk.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NcSavingIndicatorIcon-BTvUkUn-.cjs","sources":["../../src/components/NcSavingIndicatorIcon/NcSavingIndicatorIcon.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2022\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\n# Usage\n\n```\n<template>\n<div>\n\t<div>\n\t\t<NcSavingIndicatorIcon :name=\"`${savingState === 'error' ? 'Error saving' : savingState} file`\"\n\t\t\t:error=\"savingState === 'error'\"\n\t\t\t:saving=\"savingState === 'saving'\" />\n\t</div>\n\t<br />\n\t<div style=\"display: flex; justify-content: space-around;\">\n\t\t<NcCheckboxRadioSwitch :checked.sync=\"savingState\"\n\t\t\tvalue=\"saved\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tSaved\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch :checked.sync=\"savingState\"\n\t\t\tvalue=\"saving\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tSaving\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch :checked.sync=\"savingState\"\n\t\t\tvalue=\"error\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tError\n\t\t</NcCheckboxRadioSwitch>\n\t</div>\n</div>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tsavingState: 'saved',\n\t\t}\n\t},\n}\n</script>\n\n```\n</docs>\n\n<template>\n\t<span :aria-label=\"name\"\n\t\tclass=\"material-design-icon\"\n\t\trole=\"img\"\n\t\t@click=\"$emit('click', $event)\">\n\t\t<svg :fill=\"fillColor\"\n\t\t\tclass=\"material-design-icon__svg\"\n\t\t\t:width=\"size\"\n\t\t\t:height=\"size\"\n\t\t\tviewBox=\"0 0 24 24\">\n\t\t\t<path :fill=\"indicatorColor\" d=\"m19 15a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z\" />\n\t\t\t<path fill=\"currentColor\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\">\n\t\t\t\t<title v-if=\"name\">{{ name }}</title>\n\t\t\t</path>\n\t\t</svg>\n\t</span>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n\tname: 'NcSavingIndicatorIcon',\n\tprops: {\n\t\t/**\n\t\t * Specify the size of the saving icon.\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\t\t/**\n\t\t * Specify what is saved.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Set to true when saving is in progress.\n\t\t */\n\t\tsaving: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t\trequired: false,\n\t\t},\n\t\t/**\n\t\t * Set to true if an error occured while saving.\n\t\t */\n\t\terror: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t\trequired: false,\n\t\t},\n\t},\n\temits: ['click'],\n\tcomputed: {\n\t\tindicatorColor() {\n\t\t\treturn this.error ? 'var(--color-error)' : (this.saving ? 'var(--color-primary-element)' : 'none')\n\t\t},\n\t},\n})\n</script>\n"],"names":["_sfc_main","defineComponent"],"mappings":";iFAwFAA,IAAAC,EAAAA,gBAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,UAAA;AAAA,IACA,iBAAA;AACA,aAAA,KAAA,QAAA,uBAAA,KAAA,SAAA,iCAAA;AAAA,IACA;AAAA,EACA;AACA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcSavingIndicatorIcon-BzKAIkhk.cjs","sources":["../../src/components/NcSavingIndicatorIcon/NcSavingIndicatorIcon.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2022\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\n# Usage\n\n```\n<template>\n<div>\n\t<div>\n\t\t<NcSavingIndicatorIcon :name=\"`${savingState === 'error' ? 'Error saving' : savingState} file`\"\n\t\t\t:error=\"savingState === 'error'\"\n\t\t\t:saving=\"savingState === 'saving'\" />\n\t</div>\n\t<br />\n\t<div style=\"display: flex; justify-content: space-around;\">\n\t\t<NcCheckboxRadioSwitch :checked.sync=\"savingState\"\n\t\t\tvalue=\"saved\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tSaved\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch :checked.sync=\"savingState\"\n\t\t\tvalue=\"saving\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tSaving\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch :checked.sync=\"savingState\"\n\t\t\tvalue=\"error\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tError\n\t\t</NcCheckboxRadioSwitch>\n\t</div>\n</div>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tsavingState: 'saved',\n\t\t}\n\t},\n}\n</script>\n\n```\n</docs>\n\n<template>\n\t<span :aria-label=\"name\"\n\t\tclass=\"material-design-icon\"\n\t\trole=\"img\"\n\t\t@click=\"$emit('click', $event)\">\n\t\t<svg :fill=\"fillColor\"\n\t\t\tclass=\"material-design-icon__svg\"\n\t\t\t:width=\"size\"\n\t\t\t:height=\"size\"\n\t\t\tviewBox=\"0 0 24 24\">\n\t\t\t<path :fill=\"indicatorColor\" d=\"m19 15a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z\" />\n\t\t\t<path fill=\"currentColor\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\">\n\t\t\t\t<title v-if=\"name\">{{ name }}</title>\n\t\t\t</path>\n\t\t</svg>\n\t</span>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n\tname: 'NcSavingIndicatorIcon',\n\tprops: {\n\t\t/**\n\t\t * Specify the size of the saving icon.\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\t\t/**\n\t\t * Specify what is saved.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Set to true when saving is in progress.\n\t\t */\n\t\tsaving: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t\trequired: false,\n\t\t},\n\t\t/**\n\t\t * Set to true if an error occured while saving.\n\t\t */\n\t\terror: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t\trequired: false,\n\t\t},\n\t},\n\temits: ['click'],\n\tcomputed: {\n\t\tindicatorColor() {\n\t\t\treturn this.error ? 'var(--color-error)' : (this.saving ? 'var(--color-primary-element)' : 'none')\n\t\t},\n\t},\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;AAwFA,MAAA,YAAAA,IAAAA,gBAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,UAAA;AAAA,IACA,iBAAA;AACA,aAAA,KAAA,QAAA,uBAAA,KAAA,SAAA,iCAAA;AAAA,IACA;AAAA,EACA;AACA,CAAA;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{NcSelect-Bo71Yd6L.mjs → NcSelect-CNm4fmR6.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-BaNxGGXy.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-CI23iFQz.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-hRR5zBTZ.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-CTTJYWzN.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
 };