@onereach/ui-components 2.67.5 → 2.67.6-beta.2018.0

package/dist/bundled/v2/{OrSegmentedControl-a3cb285c.js → OrSegmentedControl-65c87f9b.js}

@@ -50,15 +50,22 @@ var script$1 = defineComponent({
       default: false
     }
   },
-  setup(props) {
+  setup(props, context) {
     // Refs
     const root = ref();
     // Styles
     const classAttribute = useClassAttribute();
     const rootStyles = computed(() => ['or-segmented-control-item', ...SegmentedControlItemRoot, ...SegmentedControlItemRootSizes[props.size], classAttribute.value]);
+    // Handlers
+    function onClick(event) {
+      {
+        context.emit('click', event);
+      }
+    }
     return {
       root,
-      rootStyles
+      rootStyles,
+      onClick
     };
   }
 });
@@ -79,9 +86,7 @@ var __vue_render__$1 = function () {
       "disabled": _vm.disabled ? '' : null
     },
     on: {
-      "click": function ($event) {
-        return _vm.$emit('click', $event);
-      }
+      "click": _vm.onClick
     }
   }, 'div', _vm.$attrs, false), [_c('div', {
     class: ['truncate']

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

@@ -64,7 +64,7 @@ export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
 export { _ as OrRadioV3 } from '../OrRadio-8ec1d487.js';
 export { _ as OrSearchV3 } from '../OrSearch-f6d5fc65.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a3cb285c.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-65c87f9b.js';
 export { _ as OrSelect } from '../OrSelect-bbe8dd58.js';
 export { _ as OrSelectV3 } from '../OrSelect-6cef1b69.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';

package/dist/bundled/v2/components/or-segmented-control-v3/OrSegmentedControl.stories3.d.ts

@@ -5,7 +5,7 @@ declare const _default: Meta<import("vue").ComponentOptions<import("vue").defaul
     [x: number]: string;
 } | {}, true>)>;
 export default _default;
-export declare const Base: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
     [x: number]: string;

package/dist/bundled/v2/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts

@@ -3,6 +3,7 @@ import { SegmentedControlSize } from '../../props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    onClick: (event: Event) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     size: {
         type: PropType<SegmentedControlSize>;
@@ -36,6 +37,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    onClick: (event: Event) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     size: SegmentedControlSize;
     selected: boolean;

package/dist/bundled/v2/components/or-segmented-control-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl-a3cb285c.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl-65c87f9b.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/index.js

@@ -69,7 +69,7 @@ export { _ as OrRadio } from './OrRadio-187d6fc7.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-aa9f0757.js';
 export { _ as OrRadioV3 } from './OrRadio-8ec1d487.js';
 export { _ as OrSearchV3 } from './OrSearch-f6d5fc65.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a3cb285c.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-65c87f9b.js';
 export { _ as OrSelect } from './OrSelect-bbe8dd58.js';
 export { _ as OrSelectV3 } from './OrSelect-6cef1b69.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-e2b2c9ec.js';

package/dist/bundled/v3/{OrSegmentedControl.vue_vue_type_script_lang-16a52048.js → OrSegmentedControl.vue_vue_type_script_lang-6068f70c.js}

@@ -48,15 +48,19 @@ var script$1 = defineComponent({
       default: false
     }
   },
-  setup(props) {
+  setup(props, context) {
     // Refs
     const root = ref();
     // Styles
     const classAttribute = useClassAttribute();
     const rootStyles = computed(() => ['or-segmented-control-item', ...SegmentedControlItemRoot, ...SegmentedControlItemRootSizes[props.size], classAttribute.value]);
+    // Handlers
+    function onClick(event) {
+    }
     return {
       root,
-      rootStyles
+      rootStyles,
+      onClick
     };
   }
 });
@@ -72,7 +76,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: _ctx.rootStyles,
     selected: _ctx.selected ? '' : null,
     disabled: _ctx.disabled ? '' : null,
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event))
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 16 /* FULL_PROPS */, _hoisted_1);
 }
 

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

@@ -64,7 +64,7 @@ export { s as OrRadio } from '../OrRadio.vue_vue_type_script_lang-c956b54b.js';
 export { s as OrRadioGroup } from '../OrRadioGroup.vue_vue_type_script_lang-caea7bcb.js';
 export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-e64b14a1.js';
 export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-b254e34c.js';
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl.vue_vue_type_script_lang-16a52048.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl.vue_vue_type_script_lang-6068f70c.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-3a6efd93.js';
 export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-e6be732c.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';

package/dist/bundled/v3/components/or-segmented-control-v3/OrSegmentedControl.stories3.d.ts

@@ -5,7 +5,7 @@ declare const _default: Meta<import("vue").ComponentOptions<import("vue").defaul
     [x: number]: string;
 } | {}, true>)>;
 export default _default;
-export declare const Base: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
     [x: number]: string;

package/dist/bundled/v3/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts

@@ -3,6 +3,7 @@ import { SegmentedControlSize } from '../../props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    onClick: (event: Event) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     size: {
         type: PropType<SegmentedControlSize>;
@@ -36,6 +37,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    onClick: (event: Event) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     size: SegmentedControlSize;
     selected: boolean;

package/dist/bundled/v3/components/or-segmented-control-v3/index.js

@@ -1,3 +1,3 @@
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl.vue_vue_type_script_lang-16a52048.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl.vue_vue_type_script_lang-6068f70c.js';
 import 'vue';
 import '../../useClassAttribute-00888f78.js';

package/dist/bundled/v3/index.js

@@ -85,8 +85,8 @@ import { s as script$s } from './OrRadio.vue_vue_type_script_lang-e64b14a1.js';
 export { s as OrRadioV3 } from './OrRadio.vue_vue_type_script_lang-e64b14a1.js';
 import { s as script$t } from './OrSearch.vue_vue_type_script_lang-b254e34c.js';
 export { s as OrSearchV3 } from './OrSearch.vue_vue_type_script_lang-b254e34c.js';
-import { s as script$u } from './OrSegmentedControl.vue_vue_type_script_lang-16a52048.js';
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl.vue_vue_type_script_lang-16a52048.js';
+import { s as script$u } from './OrSegmentedControl.vue_vue_type_script_lang-6068f70c.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl.vue_vue_type_script_lang-6068f70c.js';
 import { s as script$x } from './OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';
 import { s as script$y } from './OrSidebar.vue_vue_type_script_lang-ce0b152c.js';

package/dist/esm/v2/{OrSegmentedControl-17df63b8.js → OrSegmentedControl-0b4637ba.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -50,15 +50,22 @@ var script$1 = defineComponent({
       default: false
     }
   },
-  setup(props) {
+  setup(props, context) {
     // Refs
     const root = ref();
     // Styles
     const classAttribute = useClassAttribute();
     const rootStyles = computed(() => ['or-segmented-control-item', ...SegmentedControlItemRoot, ...SegmentedControlItemRootSizes[props.size], classAttribute.value]);
+    // Handlers
+    function onClick(event) {
+      if (isVue2) {
+        context.emit('click', event);
+      }
+    }
     return {
       root,
-      rootStyles
+      rootStyles,
+      onClick
     };
   }
 });
@@ -79,9 +86,7 @@ var __vue_render__$1 = function () {
       "disabled": _vm.disabled ? '' : null
     },
     on: {
-      "click": function ($event) {
-        return _vm.$emit('click', $event);
-      }
+      "click": _vm.onClick
     }
   }, 'div', _vm.$attrs, false), [_c('div', {
     class: ['truncate']

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

@@ -64,7 +64,7 @@ export { _ as OrRadio } from '../OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-d9d32cba.js';
 export { _ as OrRadioV3 } from '../OrRadio-19d01c00.js';
 export { _ as OrSearchV3 } from '../OrSearch-42454def.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-17df63b8.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-0b4637ba.js';
 export { _ as OrSelect } from '../OrSelect-17cdab3d.js';
 export { _ as OrSelectV3 } from '../OrSelect-439f27b9.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-7d6125bb.js';

package/dist/esm/v2/components/or-segmented-control-v3/OrSegmentedControl.stories3.d.ts

@@ -5,7 +5,7 @@ declare const _default: Meta<import("vue").ComponentOptions<import("vue").defaul
     [x: number]: string;
 } | {}, true>)>;
 export default _default;
-export declare const Base: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
     [x: number]: string;

package/dist/esm/v2/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts

@@ -3,6 +3,7 @@ import { SegmentedControlSize } from '../../props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    onClick: (event: Event) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     size: {
         type: PropType<SegmentedControlSize>;
@@ -36,6 +37,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    onClick: (event: Event) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     size: SegmentedControlSize;
     selected: boolean;

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

@@ -1,4 +1,4 @@
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl-17df63b8.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl-0b4637ba.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v2/index.js

@@ -64,7 +64,7 @@ export { _ as OrRadio } from './OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-d9d32cba.js';
 export { _ as OrRadioV3 } from './OrRadio-19d01c00.js';
 export { _ as OrSearchV3 } from './OrSearch-42454def.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-0b4637ba.js';
 export { _ as OrSelect } from './OrSelect-17cdab3d.js';
 export { _ as OrSelectV3 } from './OrSelect-439f27b9.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-7d6125bb.js';

package/dist/esm/v3/{OrSegmentedControl-2bbc0f22.js → OrSegmentedControl-cdf00d49.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed } from 'vue-demi';
+import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, normalizeClass, resolveComponent, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from 'vue';
@@ -50,15 +50,22 @@ var script$1 = defineComponent({
       default: false
     }
   },
-  setup(props) {
+  setup(props, context) {
     // Refs
     const root = ref();
     // Styles
     const classAttribute = useClassAttribute();
     const rootStyles = computed(() => ['or-segmented-control-item', ...SegmentedControlItemRoot, ...SegmentedControlItemRootSizes[props.size], classAttribute.value]);
+    // Handlers
+    function onClick(event) {
+      if (isVue2) {
+        context.emit('click', event);
+      }
+    }
     return {
       root,
-      rootStyles
+      rootStyles,
+      onClick
     };
   }
 });
@@ -74,7 +81,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     class: _ctx.rootStyles,
     selected: _ctx.selected ? '' : null,
     disabled: _ctx.disabled ? '' : null,
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event))
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 16 /* FULL_PROPS */, _hoisted_1);
 }
 

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

@@ -59,7 +59,7 @@ export { s as OrRadio } from '../OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from '../OrRadio-0c1883f2.js';
 export { s as OrSearchV3 } from '../OrSearch-2912b7df.js';
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-2bbc0f22.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-cdf00d49.js';
 export { s as OrSelect } from '../OrSelect-73690828.js';
 export { s as OrSelectV3 } from '../OrSelect-ff8f8461.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';

package/dist/esm/v3/components/or-segmented-control-v3/OrSegmentedControl.stories3.d.ts

@@ -5,7 +5,7 @@ declare const _default: Meta<import("vue").ComponentOptions<import("vue").defaul
     [x: number]: string;
 } | {}, true>)>;
 export default _default;
-export declare const Base: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
     [x: number]: string;

package/dist/esm/v3/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts

@@ -3,6 +3,7 @@ import { SegmentedControlSize } from '../../props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    onClick: (event: Event) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     size: {
         type: PropType<SegmentedControlSize>;
@@ -36,6 +37,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    onClick: (event: Event) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     size: SegmentedControlSize;
     selected: boolean;

package/dist/esm/v3/components/or-segmented-control-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl-2bbc0f22.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl-cdf00d49.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/index.js

@@ -59,7 +59,7 @@ export { s as OrRadio } from './OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
 export { s as OrSearchV3 } from './OrSearch-2912b7df.js';
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-cdf00d49.js';
 export { s as OrSelect } from './OrSelect-73690828.js';
 export { s as OrSelectV3 } from './OrSelect-ff8f8461.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.67.5",
+  "version": "2.67.6-beta.2018.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -123,6 +123,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "62d6ccba26ea661379e73b57ee335f58f87ff4bf"
+  }
 }

package/src/components/or-segmented-control-v3/OrSegmentedControl.stories3.ts

@@ -89,9 +89,9 @@ const Template: StoryFn<typeof OrSegmentedControl> = (args) => ({
   `,
 });
 
-export const Base = Template.bind({});
+export const Default = Template.bind({});
 
-Base.args = {
+Default.args = {
   // Props
   options: Array.from<string, SegmentedControlOption>([
     'Alfa',

package/src/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue

@@ -5,7 +5,7 @@
     :class="rootStyles"
     :selected="selected ? '' : null"
     :disabled="disabled ? '' : null"
-    @click="$emit('click', $event)"
+    @click="onClick"
   >
     <div :class="['truncate']">
       <slot />
@@ -14,7 +14,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType, ref } from 'vue-demi';
+import { computed, defineComponent, isVue2, PropType, ref } from 'vue-demi';
 import { useClassAttribute } from '../../../../hooks';
 import { SegmentedControlSize } from '../../props';
 import { SegmentedControlItemRoot, SegmentedControlItemRootSizes } from './styles';
@@ -41,7 +41,7 @@ export default defineComponent({
     },
   },
 
-  setup(props) {
+  setup(props, context) {
     // Refs
     const root = ref<HTMLElement>();
 
@@ -55,9 +55,17 @@ export default defineComponent({
       classAttribute.value,
     ]);
 
+    // Handlers
+    function onClick(event: Event): void {
+      if (isVue2) {
+        context.emit('click', event);
+      }
+    }
+
     return {
       root,
       rootStyles,
+      onClick,
     };
   },
 });