@onereach/ui-components 11.11.2 → 11.11.3-beta.4508.0

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -818,11 +818,11 @@ var script = defineComponent({
         }
       }
     }
-    function selectOption(item) {
+    function selectOption(value) {
       if (props.multiple) {
-        proxyModelValue.value = include(item.value, toArray(proxyModelValue.value));
+        proxyModelValue.value = include(value, toArray(proxyModelValue.value));
       } else {
-        proxyModelValue.value = item.value;
+        proxyModelValue.value = value;
       }
     }
     function deselectOption(value) {
@@ -832,20 +832,16 @@ var script = defineComponent({
         proxyModelValue.value = undefined;
       }
     }
-    function toggleOption(item) {
+    function toggleOption(value) {
       if (props.multiple) {
         const model = toArray(proxyModelValue.value);
-        if (!model.includes(item.value)) {
-          proxyModelValue.value = include(item.value, model);
+        if (!model.includes(value)) {
+          proxyModelValue.value = include(value, model);
         } else {
-          proxyModelValue.value = exclude(item.value, model);
+          proxyModelValue.value = exclude(value, model);
         }
       } else {
-        if (props.enableClear) {
-          proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : undefined;
-        } else {
-          proxyModelValue.value = item.value;
-        }
+        proxyModelValue.value = proxyModelValue.value !== value ? value : undefined;
       }
       searchText.value = '';
     }
@@ -1111,7 +1107,7 @@ var __vue_render__ = function () {
         on: {
           "click": function ($event) {
             $event.stopPropagation();
-            return _vm.toggleOption(option);
+            return _vm.selectOption(option.value);
           }
         }
       }, [_vm._t("optionTemplate", function () {
@@ -1131,7 +1127,7 @@ var __vue_render__ = function () {
       on: {
         "click": function ($event) {
           $event.stopPropagation();
-          !option.disabled && _vm.toggleOption(option);
+          !option.disabled && _vm.toggleOption(option.value);
         }
       }
     }, [_c('OrCheckbox', {
@@ -1144,7 +1140,7 @@ var __vue_render__ = function () {
     }, [_c('div', {
       on: {
         "click": function ($event) {
-          !option.disabled && _vm.toggleOption(option);
+          !option.disabled && _vm.toggleOption(option.value);
         }
       }
     }, [_vm._t("optionTemplate", function () {
@@ -1164,7 +1160,7 @@ var __vue_render__ = function () {
       on: {
         "click": function ($event) {
           $event.stopPropagation();
-          _vm.toggleOption(option);
+          _vm.selectOption(option.value);
           _vm.close();
         }
       }

package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -52,9 +52,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggle: () => void;
     close: () => void;
     open: () => void;
-    selectOption: (item: SelectItem) => void;
+    selectOption: (value: SelectItem['value']) => void;
     deselectOption: (value: SelectItem['value']) => void;
-    toggleOption: (item: SelectItem) => void;
+    toggleOption: (value: SelectItem['value']) => void;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -282,9 +282,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggle: () => void;
     close: () => void;
     open: () => void;
-    selectOption: (item: SelectItem) => void;
+    selectOption: (value: SelectItem['value']) => void;
     deselectOption: (value: SelectItem['value']) => void;
-    toggleOption: (item: SelectItem) => void;
+    toggleOption: (value: SelectItem['value']) => void;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-2f570a8e.js';
+export { s as default } from '../OrSelectV3-9a3aaeee.js';

package/dist/bundled/v3/components/OrSelectV3/OrSelect.vue.d.ts

@@ -113,9 +113,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     toggle: () => void;
     close: () => void;
     open: () => void;
-    selectOption: (item: SelectItem) => void;
+    selectOption: (value: SelectItem['value']) => void;
     deselectOption: (value: SelectItem['value']) => void;
-    toggleOption: (item: SelectItem) => void;
+    toggleOption: (value: SelectItem['value']) => void;
     isDesktop: import("vue-demi").ComputedRef<boolean>;
     isMobile: import("vue-demi").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{

package/dist/bundled/v3/components/OrSelectV3/index.js

@@ -1 +1 @@
-export { s as OrSelectV3 } from '../OrSelectV3-2f570a8e.js';
+export { s as OrSelectV3 } from '../OrSelectV3-9a3aaeee.js';

package/dist/bundled/v3/components/OrSelectV3/styles.js

@@ -1 +1 @@
-export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-2f570a8e.js';
+export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-9a3aaeee.js';

package/dist/bundled/v3/components/{OrSelectV3-2f570a8e.js → OrSelectV3-9a3aaeee.js}

@@ -739,11 +739,11 @@ var script = defineComponent({
         }
       }
     }
-    function selectOption(item) {
+    function selectOption(value) {
       if (props.multiple) {
-        proxyModelValue.value = include(item.value, toArray(proxyModelValue.value));
+        proxyModelValue.value = include(value, toArray(proxyModelValue.value));
       } else {
-        proxyModelValue.value = item.value;
+        proxyModelValue.value = value;
       }
     }
     function deselectOption(value) {
@@ -753,20 +753,16 @@ var script = defineComponent({
         proxyModelValue.value = undefined;
       }
     }
-    function toggleOption(item) {
+    function toggleOption(value) {
       if (props.multiple) {
         const model = toArray(proxyModelValue.value);
-        if (!model.includes(item.value)) {
-          proxyModelValue.value = include(item.value, model);
+        if (!model.includes(value)) {
+          proxyModelValue.value = include(value, model);
         } else {
-          proxyModelValue.value = exclude(item.value, model);
+          proxyModelValue.value = exclude(value, model);
         }
       } else {
-        if (props.enableClear) {
-          proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : undefined;
-        } else {
-          proxyModelValue.value = item.value;
-        }
+        proxyModelValue.value = proxyModelValue.value !== value ? value : undefined;
       }
       searchText.value = '';
     }
@@ -979,7 +975,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.dropdownItemStyles),
               selected: _ctx.proxyModelValue === option.value,
               disabled: option.disabled,
-              onClick: withModifiers($event => _ctx.toggleOption(option), ["stop"])
+              onClick: withModifiers($event => _ctx.selectOption(option.value), ["stop"])
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
                 model: _ctx.proxyModelValue,
@@ -1001,7 +997,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: i,
           selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
           disabled: option.disabled,
-          onClick: withModifiers($event => !option.disabled && _ctx.toggleOption(option), ["stop"])
+          onClick: withModifiers($event => !option.disabled && _ctx.toggleOption(option.value), ["stop"])
         }, {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             "model-value": _ctx.proxyModelValue,
@@ -1010,7 +1006,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             disabled: option.disabled
           }, {
             default: withCtx(() => [createElementVNode("div", {
-              onClick: $event => !option.disabled && _ctx.toggleOption(option)
+              onClick: $event => !option.disabled && _ctx.toggleOption(option.value)
             }, [renderSlot(_ctx.$slots, "optionTemplate", {
               model: _ctx.proxyModelValue,
               option: option
@@ -1028,7 +1024,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           selected: _ctx.proxyModelValue === option.value,
           disabled: option.disabled,
           onClick: withModifiers($event => {
-            _ctx.toggleOption(option);
+            _ctx.selectOption(option.value);
             _ctx.close();
           }, ["stop"])
         }, {

package/dist/bundled/v3/components/index.js

@@ -90,7 +90,7 @@ export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-bedef411.js';
 export { s as OrSelect } from './OrSelect-d16a10d5.js';
-export { s as OrSelectV3 } from './OrSelectV3-2f570a8e.js';
+export { s as OrSelectV3 } from './OrSelectV3-9a3aaeee.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-363eebc1.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-c077c8d4.js';

package/dist/bundled/v3/index.js

@@ -50,7 +50,7 @@ export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEd
 export { s as OrRichTooltipV3, R as RichTooltipBehavior } from './components/OrRichTooltipV3-d4d16bda.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-bedef411.js';
 export { s as OrSelect } from './components/OrSelect-d16a10d5.js';
-export { s as OrSelectV3 } from './components/OrSelectV3-2f570a8e.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-9a3aaeee.js';
 export { OrSidebar, OrSidebarSide } from './components/OrSidebar/index.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-363eebc1.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-c077c8d4.js';

package/dist/esm/v2/{OrSelect-0a307d1f.js → OrSelect-97441b55.js}

@@ -315,11 +315,11 @@ var script = defineComponent({
         }
       }
     }
-    function selectOption(item) {
+    function selectOption(value) {
       if (props.multiple) {
-        proxyModelValue.value = include(item.value, toArray(proxyModelValue.value));
+        proxyModelValue.value = include(value, toArray(proxyModelValue.value));
       } else {
-        proxyModelValue.value = item.value;
+        proxyModelValue.value = value;
       }
     }
     function deselectOption(value) {
@@ -329,20 +329,16 @@ var script = defineComponent({
         proxyModelValue.value = undefined;
       }
     }
-    function toggleOption(item) {
+    function toggleOption(value) {
       if (props.multiple) {
         const model = toArray(proxyModelValue.value);
-        if (!model.includes(item.value)) {
-          proxyModelValue.value = include(item.value, model);
+        if (!model.includes(value)) {
+          proxyModelValue.value = include(value, model);
         } else {
-          proxyModelValue.value = exclude(item.value, model);
+          proxyModelValue.value = exclude(value, model);
         }
       } else {
-        if (props.enableClear) {
-          proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : undefined;
-        } else {
-          proxyModelValue.value = item.value;
-        }
+        proxyModelValue.value = proxyModelValue.value !== value ? value : undefined;
       }
       searchText.value = '';
     }
@@ -608,7 +604,7 @@ var __vue_render__ = function () {
         on: {
           "click": function ($event) {
             $event.stopPropagation();
-            return _vm.toggleOption(option);
+            return _vm.selectOption(option.value);
           }
         }
       }, [_vm._t("optionTemplate", function () {
@@ -628,7 +624,7 @@ var __vue_render__ = function () {
       on: {
         "click": function ($event) {
           $event.stopPropagation();
-          !option.disabled && _vm.toggleOption(option);
+          !option.disabled && _vm.toggleOption(option.value);
         }
       }
     }, [_c('OrCheckbox', {
@@ -641,7 +637,7 @@ var __vue_render__ = function () {
     }, [_c('div', {
       on: {
         "click": function ($event) {
-          !option.disabled && _vm.toggleOption(option);
+          !option.disabled && _vm.toggleOption(option.value);
         }
       }
     }, [_vm._t("optionTemplate", function () {
@@ -661,7 +657,7 @@ var __vue_render__ = function () {
       on: {
         "click": function ($event) {
           $event.stopPropagation();
-          _vm.toggleOption(option);
+          _vm.selectOption(option.value);
           _vm.close();
         }
       }

package/dist/esm/v2/components/index.js

@@ -109,7 +109,7 @@ export { _ as OrSearch } from '../OrSearch-3f55fbee.js';
 export { _ as OrSearchV3 } from '../OrSearch-95314362.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-db974b3b.js';
 export { _ as OrSelect } from '../OrSelect-629c42c0.js';
-export { _ as OrSelectV3 } from '../OrSelect-0a307d1f.js';
+export { _ as OrSelectV3 } from '../OrSelect-97441b55.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
 export { _ as OrSidebarV3, S as SidebarPlacement } from '../props-6bf01263.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';

package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts

@@ -52,9 +52,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggle: () => void;
     close: () => void;
     open: () => void;
-    selectOption: (item: SelectItem) => void;
+    selectOption: (value: SelectItem['value']) => void;
     deselectOption: (value: SelectItem['value']) => void;
-    toggleOption: (item: SelectItem) => void;
+    toggleOption: (value: SelectItem['value']) => void;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -282,9 +282,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toggle: () => void;
     close: () => void;
     open: () => void;
-    selectOption: (item: SelectItem) => void;
+    selectOption: (value: SelectItem['value']) => void;
     deselectOption: (value: SelectItem['value']) => void;
-    toggleOption: (item: SelectItem) => void;
+    toggleOption: (value: SelectItem['value']) => void;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

package/dist/esm/v2/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-0a307d1f.js';
+export { _ as OrSelectV3 } from '../../OrSelect-97441b55.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../include-2a81e823.js';

package/dist/esm/v2/index.js

@@ -109,7 +109,7 @@ export { _ as OrSearch } from './OrSearch-3f55fbee.js';
 export { _ as OrSearchV3 } from './OrSearch-95314362.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-db974b3b.js';
 export { _ as OrSelect } from './OrSelect-629c42c0.js';
-export { _ as OrSelectV3 } from './OrSelect-0a307d1f.js';
+export { _ as OrSelectV3 } from './OrSelect-97441b55.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
 export { _ as OrSidebarV3, S as SidebarPlacement } from './props-6bf01263.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';

package/dist/esm/v3/{OrSelect-fa01e6e5.js → OrSelect-65b83a8e.js}

@@ -314,11 +314,11 @@ var script = defineComponent({
         }
       }
     }
-    function selectOption(item) {
+    function selectOption(value) {
       if (props.multiple) {
-        proxyModelValue.value = include(item.value, toArray(proxyModelValue.value));
+        proxyModelValue.value = include(value, toArray(proxyModelValue.value));
       } else {
-        proxyModelValue.value = item.value;
+        proxyModelValue.value = value;
       }
     }
     function deselectOption(value) {
@@ -328,20 +328,16 @@ var script = defineComponent({
         proxyModelValue.value = undefined;
       }
     }
-    function toggleOption(item) {
+    function toggleOption(value) {
       if (props.multiple) {
         const model = toArray(proxyModelValue.value);
-        if (!model.includes(item.value)) {
-          proxyModelValue.value = include(item.value, model);
+        if (!model.includes(value)) {
+          proxyModelValue.value = include(value, model);
         } else {
-          proxyModelValue.value = exclude(item.value, model);
+          proxyModelValue.value = exclude(value, model);
         }
       } else {
-        if (props.enableClear) {
-          proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : undefined;
-        } else {
-          proxyModelValue.value = item.value;
-        }
+        proxyModelValue.value = proxyModelValue.value !== value ? value : undefined;
       }
       searchText.value = '';
     }
@@ -554,7 +550,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.dropdownItemStyles),
               selected: _ctx.proxyModelValue === option.value,
               disabled: option.disabled,
-              onClick: withModifiers($event => _ctx.toggleOption(option), ["stop"])
+              onClick: withModifiers($event => _ctx.selectOption(option.value), ["stop"])
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
                 model: _ctx.proxyModelValue,
@@ -576,7 +572,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: i,
           selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
           disabled: option.disabled,
-          onClick: withModifiers($event => !option.disabled && _ctx.toggleOption(option), ["stop"])
+          onClick: withModifiers($event => !option.disabled && _ctx.toggleOption(option.value), ["stop"])
         }, {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             "model-value": _ctx.proxyModelValue,
@@ -585,7 +581,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             disabled: option.disabled
           }, {
             default: withCtx(() => [createElementVNode("div", {
-              onClick: $event => !option.disabled && _ctx.toggleOption(option)
+              onClick: $event => !option.disabled && _ctx.toggleOption(option.value)
             }, [renderSlot(_ctx.$slots, "optionTemplate", {
               model: _ctx.proxyModelValue,
               option: option
@@ -603,7 +599,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           selected: _ctx.proxyModelValue === option.value,
           disabled: option.disabled,
           onClick: withModifiers($event => {
-            _ctx.toggleOption(option);
+            _ctx.selectOption(option.value);
             _ctx.close();
           }, ["stop"])
         }, {

package/dist/esm/v3/components/index.js

@@ -106,7 +106,7 @@ export { s as OrSearch } from '../OrSearch-740f931b.js';
 export { s as OrSearchV3 } from '../OrSearch-f8cd6609.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-d81008ce.js';
 export { s as OrSelect } from '../OrSelect-96f3a5ff.js';
-export { s as OrSelectV3 } from '../OrSelect-fa01e6e5.js';
+export { s as OrSelectV3 } from '../OrSelect-65b83a8e.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from '../props-12beda9e.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';

package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts

@@ -113,9 +113,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     toggle: () => void;
     close: () => void;
     open: () => void;
-    selectOption: (item: SelectItem) => void;
+    selectOption: (value: SelectItem['value']) => void;
     deselectOption: (value: SelectItem['value']) => void;
-    toggleOption: (item: SelectItem) => void;
+    toggleOption: (value: SelectItem['value']) => void;
     isDesktop: import("vue-demi").ComputedRef<boolean>;
     isMobile: import("vue-demi").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{

package/dist/esm/v3/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-fa01e6e5.js';
+export { s as OrSelectV3 } from '../../OrSelect-65b83a8e.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../include-2a81e823.js';

package/dist/esm/v3/index.js

@@ -106,7 +106,7 @@ export { s as OrSearch } from './OrSearch-740f931b.js';
 export { s as OrSearchV3 } from './OrSearch-f8cd6609.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-d81008ce.js';
 export { s as OrSelect } from './OrSelect-96f3a5ff.js';
-export { s as OrSelectV3 } from './OrSelect-fa01e6e5.js';
+export { s as OrSelectV3 } from './OrSelect-65b83a8e.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './props-12beda9e.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "11.11.2",
+  "version": "11.11.3-beta.4508.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -179,6 +179,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "6cc04009b38e2255e3023cf1d8908cf0b6f3384f"
+  }
 }

package/src/components/or-select-v3/OrSelect.vue

@@ -170,7 +170,7 @@
                   :class="dropdownItemStyles"
                   :selected="proxyModelValue === option.value"
                   :disabled="option.disabled"
-                  @click.stop="toggleOption(option)"
+                  @click.stop="selectOption(option.value)"
                 >
                   <slot
                     name="optionTemplate"
@@ -191,7 +191,7 @@
                 :key="i"
                 :selected="proxyModelValue && proxyModelValue.includes(option.value)"
                 :disabled="option.disabled"
-                @click.stop="!option.disabled && toggleOption(option)"
+                @click.stop="!option.disabled && toggleOption(option.value)"
               >
                 <OrCheckbox
                   :model-value="proxyModelValue"
@@ -199,7 +199,7 @@
                   :label-variant="'menu-item'"
                   :disabled="option.disabled"
                 >
-                  <div @click="!option.disabled && toggleOption(option)">
+                  <div @click="!option.disabled && toggleOption(option.value)">
                     <slot
                       name="optionTemplate"
                       :model="proxyModelValue"
@@ -219,7 +219,7 @@
                 :class="dropdownItemStyles"
                 :selected="proxyModelValue === option.value"
                 :disabled="option.disabled"
-                @click.stop="toggleOption(option); close()"
+                @click.stop="selectOption(option.value); close()"
               >
                 <slot
                   name="optionTemplate"
@@ -600,11 +600,11 @@ export default defineComponent({
       }
     }
 
-    function selectOption(item: SelectItem): void {
+    function selectOption(value: SelectItem['value']): void {
       if (props.multiple) {
-        proxyModelValue.value = include(item.value, toArray(proxyModelValue.value));
+        proxyModelValue.value = include(value, toArray(proxyModelValue.value));
       } else {
-        proxyModelValue.value = item.value;
+        proxyModelValue.value = value;
       }
     }
 
@@ -616,22 +616,17 @@ export default defineComponent({
       }
     }
 
-    function toggleOption(item: SelectItem): void {
+    function toggleOption(value: SelectItem['value']): void {
       if (props.multiple) {
         const model = toArray(proxyModelValue.value);
 
-        if (!model.includes(item.value)) {
-          proxyModelValue.value = include(item.value, model);
+        if (!model.includes(value)) {
+          proxyModelValue.value = include(value, model);
         } else {
-          proxyModelValue.value = exclude(item.value, model);
+          proxyModelValue.value = exclude(value, model);
         }
       } else {
-        if (props.enableClear) {
-          proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : undefined;
-        } else {
-          proxyModelValue.value = item.value;
-        }
-
+        proxyModelValue.value = proxyModelValue.value !== value ? value : undefined;
       }
 
       searchText.value = '';