@onereach/ui-components 11.2.1 → 11.2.2-beta.4403.0

package/dist/bundled/v2/components/OrRatingV3/OrRating.js

@@ -16,8 +16,8 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Number,
-      default: 0
+      type: undefined,
+      default: undefined
     },
     variant: {
       type: String,
@@ -42,10 +42,12 @@ var script = defineComponent({
     // Options
     const length = inject(RATING_LENGTH, 5);
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(proxyModelValue.value);
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
+      defaultValue: ref(0)
+    });
+    const draft = ref(model.value);
+    watch(model, value => {
+      draft.value = Math.floor(value * 2) / 2;
     });
     const hoverIndex = reactive(Array(length).fill(false));
     // Handlers
@@ -56,19 +58,19 @@ var script = defineComponent({
       const {
         width
       } = event.currentTarget.getBoundingClientRect();
-      draftModelValue.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;
+      draft.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;
     }
     function onMouseLeave(event, index) {
       hoverIndex[index] = false;
-      draftModelValue.value = proxyModelValue.value;
+      draft.value = model.value;
     }
     return {
       length,
       root,
       rootStyles,
       starStyles,
-      proxyModelValue,
-      draftModelValue,
+      model,
+      draft,
       hoverIndex,
       onMouseEnter,
       onMouseMove,
@@ -98,7 +100,7 @@ var __vue_render__ = function () {
       refInFor: true,
       class: _vm.starStyles,
       attrs: {
-        "activated": value <= Math.ceil(_vm.proxyModelValue),
+        "activated": value <= Math.ceil(_vm.model),
         "disabled": _vm.disabled
       },
       on: {
@@ -112,14 +114,14 @@ var __vue_render__ = function () {
           return _vm.onMouseLeave($event, value - 1);
         },
         "click": function ($event) {
-          _vm.proxyModelValue = _vm.draftModelValue;
+          _vm.model = _vm.draft;
           _vm.hoverIndex[value - 1] = false;
         }
       }
     }, [_c('OrIcon', {
       attrs: {
-        "icon": _vm.draftModelValue - value + 1 === 0.5 ? 'star_half' : 'star',
-        "variant": value <= _vm.draftModelValue ? 'filled' : 'outlined',
+        "icon": _vm.draft - value + 1 === 0.5 ? 'star_half' : 'star',
+        "variant": value <= _vm.draft ? 'filled' : 'outlined',
         "size": _vm.variant === 'fitted' ? 'inherit' : _vm.hoverIndex[value - 1] ? 'xl' : 'l'
       }
     })], 1);

package/dist/bundled/v2/components/OrRatingV3/OrRating.vue.d.ts

@@ -1,21 +1,21 @@
 import { PropType } from 'vue-demi';
-import { RatingVariant } from './types';
+import { RatingModelValue, RatingVariant } from './types';
 export declare const RATING_LENGTH: unique symbol;
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     length: number;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     starStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    draftModelValue: import("@vue/composition-api").Ref<number>;
+    model: import("../../hooks").UseProxyModelValueReturn<number>;
+    draft: import("@vue/composition-api").Ref<number>;
     hoverIndex: boolean[];
     onMouseEnter: (event: MouseEvent, index: number) => void;
     onMouseMove: (event: MouseEvent, index: number) => void;
     onMouseLeave: (event: MouseEvent, index: number) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: NumberConstructor;
-        default: number;
+        type: PropType<RatingModelValue>;
+        default: undefined;
     };
     variant: {
         type: PropType<"default" | "fitted">;
@@ -31,8 +31,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: NumberConstructor;
-        default: number;
+        type: PropType<RatingModelValue>;
+        default: undefined;
     };
     variant: {
         type: PropType<"default" | "fitted">;
@@ -47,7 +47,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: number;
+    modelValue: RatingModelValue;
     variant: "default" | "fitted";
     readonly: boolean;
     disabled: boolean;
@@ -58,21 +58,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     starStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    draftModelValue: import("@vue/composition-api").Ref<number>;
+    model: import("../../hooks").UseProxyModelValueReturn<number>;
+    draft: import("@vue/composition-api").Ref<number>;
     hoverIndex: boolean[];
     onMouseEnter: (event: MouseEvent, index: number) => void;
     onMouseMove: (event: MouseEvent, index: number) => void;
     onMouseLeave: (event: MouseEvent, index: number) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: number;
+    modelValue: RatingModelValue;
     variant: "default" | "fitted";
     readonly: boolean;
     disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: number;
+    modelValue: RatingModelValue;
     variant: "default" | "fitted";
     readonly: boolean;
     disabled: boolean;

package/dist/bundled/v2/components/OrRatingV3/types.d.ts

@@ -1,3 +1,5 @@
+import { ModelValue } from '../../types';
+export type RatingModelValue = ModelValue<number>;
 export declare enum RatingVariant {
     Default = "default",
     Fitted = "fitted"

package/dist/bundled/v3/components/OrRatingV3/OrRating.js

@@ -1 +1 @@
-export { d as RATING_LENGTH, s as default } from '../OrRatingV3-7ee136ba.js';
+export { d as RATING_LENGTH, s as default } from '../OrRatingV3-df6e78b0.js';

package/dist/bundled/v3/components/OrRatingV3/OrRating.vue.d.ts

@@ -1,10 +1,10 @@
 import { PropType } from 'vue-demi';
-import { RatingVariant } from './types';
+import { RatingModelValue, RatingVariant } from './types';
 export declare const RATING_LENGTH: unique symbol;
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: NumberConstructor;
-        default: number;
+        type: PropType<RatingModelValue>;
+        default: undefined;
     };
     variant: {
         type: PropType<"default" | "fitted">;
@@ -23,16 +23,16 @@ declare const _default: import("vue-demi").DefineComponent<{
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     starStyles: import("vue-demi").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    draftModelValue: import("vue-demi").Ref<number>;
+    model: import("../../hooks").UseProxyModelValueReturn<number>;
+    draft: import("vue-demi").Ref<number>;
     hoverIndex: boolean[];
     onMouseEnter: (event: MouseEvent, index: number) => void;
     onMouseMove: (event: MouseEvent, index: number) => void;
     onMouseLeave: (event: MouseEvent, index: number) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: NumberConstructor;
-        default: number;
+        type: PropType<RatingModelValue>;
+        default: undefined;
     };
     variant: {
         type: PropType<"default" | "fitted">;
@@ -49,7 +49,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: number;
+    modelValue: RatingModelValue;
     variant: "default" | "fitted";
     readonly: boolean;
     disabled: boolean;

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

@@ -1 +1 @@
-export { s as OrRatingV3, R as RatingVariant } from '../OrRatingV3-7ee136ba.js';
+export { s as OrRatingV3, R as RatingVariant } from '../OrRatingV3-df6e78b0.js';

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

@@ -1 +1 @@
-export { a as Rating, c as RatingStar, b as RatingVariants } from '../OrRatingV3-7ee136ba.js';
+export { a as Rating, c as RatingStar, b as RatingVariants } from '../OrRatingV3-df6e78b0.js';

package/dist/bundled/v3/components/OrRatingV3/types.d.ts

@@ -1,3 +1,5 @@
+import { ModelValue } from '../../types';
+export type RatingModelValue = ModelValue<number>;
 export declare enum RatingVariant {
     Default = "default",
     Fitted = "fitted"

package/dist/bundled/v3/components/{OrRatingV3-7ee136ba.js → OrRatingV3-df6e78b0.js}

@@ -44,8 +44,8 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Number,
-      default: 0
+      type: undefined,
+      default: undefined
     },
     variant: {
       type: String,
@@ -70,10 +70,12 @@ var script = defineComponent({
     // Options
     const length = inject(RATING_LENGTH, 5);
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(proxyModelValue.value);
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
+      defaultValue: ref(0)
+    });
+    const draft = ref(model.value);
+    watch(model, value => {
+      draft.value = Math.floor(value * 2) / 2;
     });
     const hoverIndex = reactive(Array(length).fill(false));
     // Handlers
@@ -84,19 +86,19 @@ var script = defineComponent({
       const {
         width
       } = event.currentTarget.getBoundingClientRect();
-      draftModelValue.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;
+      draft.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;
     }
     function onMouseLeave(event, index) {
       hoverIndex[index] = false;
-      draftModelValue.value = proxyModelValue.value;
+      draft.value = model.value;
     }
     return {
       length,
       root,
       rootStyles,
       starStyles,
-      proxyModelValue,
-      draftModelValue,
+      model,
+      draft,
       hoverIndex,
       onMouseEnter,
       onMouseMove,
@@ -119,18 +121,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: 'stars',
       key: value,
       class: normalizeClass(_ctx.starStyles),
-      activated: value <= Math.ceil(_ctx.proxyModelValue),
+      activated: value <= Math.ceil(_ctx.model),
       disabled: _ctx.disabled,
       onMouseenter: $event => _ctx.onMouseEnter($event, value - 1),
       onMousemove: $event => _ctx.onMouseMove($event, value - 1),
       onMouseleave: $event => _ctx.onMouseLeave($event, value - 1),
       onClick: $event => {
-        _ctx.proxyModelValue = _ctx.draftModelValue;
+        _ctx.model = _ctx.draft;
         _ctx.hoverIndex[value - 1] = false;
       }
     }, [createVNode(_component_OrIcon, {
-      icon: _ctx.draftModelValue - value + 1 === 0.5 ? 'star_half' : 'star',
-      variant: value <= _ctx.draftModelValue ? 'filled' : 'outlined',
+      icon: _ctx.draft - value + 1 === 0.5 ? 'star_half' : 'star',
+      variant: value <= _ctx.draft ? 'filled' : 'outlined',
       size: _ctx.variant === 'fitted' ? 'inherit' : _ctx.hoverIndex[value - 1] ? 'xl' : 'l'
     }, null, 8 /* PROPS */, ["icon", "variant", "size"])], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_2);
   }), 128 /* KEYED_FRAGMENT */))], 10 /* CLASS, PROPS */, _hoisted_1);

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

@@ -81,7 +81,7 @@ export { default as OrRadioGroup } from './OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRadioV3 } from './OrRadioV3-1ee2699d.js';
 export { s as OrRangeSliderV3 } from './OrRangeSliderV3-daf86dd4.js';
-export { s as OrRatingV3, R as RatingVariant } from './OrRatingV3-7ee136ba.js';
+export { s as OrRatingV3, R as RatingVariant } from './OrRatingV3-df6e78b0.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanelV3-adcb500d.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-fe0c2321.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';

package/dist/bundled/v3/index.js

@@ -44,7 +44,7 @@ export { s as OrRadio } from './components/OrRadio-f7e867e2.js';
 export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-daf86dd4.js';
-export { s as OrRatingV3, R as RatingVariant } from './components/OrRatingV3-7ee136ba.js';
+export { s as OrRatingV3, R as RatingVariant } from './components/OrRatingV3-df6e78b0.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-fe0c2321.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-bedef411.js';
 export { s as OrSelect } from './components/OrSelect-fdac646f.js';

package/dist/esm/v2/{OrRating-dfceb6bb.js → OrRating-2be5ccfb.js}

@@ -49,8 +49,8 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Number,
-      default: 0
+      type: undefined,
+      default: undefined
     },
     variant: {
       type: String,
@@ -75,10 +75,12 @@ var script = defineComponent({
     // Options
     const length = inject(RATING_LENGTH, 5);
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(proxyModelValue.value);
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
+      defaultValue: ref(0)
+    });
+    const draft = ref(model.value);
+    watch(model, value => {
+      draft.value = Math.floor(value * 2) / 2;
     });
     const hoverIndex = reactive(Array(length).fill(false));
     // Handlers
@@ -89,19 +91,19 @@ var script = defineComponent({
       const {
         width
       } = event.currentTarget.getBoundingClientRect();
-      draftModelValue.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;
+      draft.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;
     }
     function onMouseLeave(event, index) {
       hoverIndex[index] = false;
-      draftModelValue.value = proxyModelValue.value;
+      draft.value = model.value;
     }
     return {
       length,
       root,
       rootStyles,
       starStyles,
-      proxyModelValue,
-      draftModelValue,
+      model,
+      draft,
       hoverIndex,
       onMouseEnter,
       onMouseMove,
@@ -131,7 +133,7 @@ var __vue_render__ = function () {
       refInFor: true,
       class: _vm.starStyles,
       attrs: {
-        "activated": value <= Math.ceil(_vm.proxyModelValue),
+        "activated": value <= Math.ceil(_vm.model),
         "disabled": _vm.disabled
       },
       on: {
@@ -145,14 +147,14 @@ var __vue_render__ = function () {
           return _vm.onMouseLeave($event, value - 1);
         },
         "click": function ($event) {
-          _vm.proxyModelValue = _vm.draftModelValue;
+          _vm.model = _vm.draft;
           _vm.hoverIndex[value - 1] = false;
         }
       }
     }, [_c('OrIcon', {
       attrs: {
-        "icon": _vm.draftModelValue - value + 1 === 0.5 ? 'star_half' : 'star',
-        "variant": value <= _vm.draftModelValue ? 'filled' : 'outlined',
+        "icon": _vm.draft - value + 1 === 0.5 ? 'star_half' : 'star',
+        "variant": value <= _vm.draft ? 'filled' : 'outlined',
         "size": _vm.variant === 'fitted' ? 'inherit' : _vm.hoverIndex[value - 1] ? 'xl' : 'l'
       }
     })], 1);

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

@@ -100,7 +100,7 @@ export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from '../OrRadioGroup-9d01d97d.js';
 export { _ as OrRadioV3 } from '../OrRadio-b014fb70.js';
 export { _ as OrRangeSliderV3 } from '../OrRangeSlider-8a0a82a1.js';
-export { _ as OrRatingV3, R as RatingVariant } from '../OrRating-dfceb6bb.js';
+export { _ as OrRatingV3, R as RatingVariant } from '../OrRating-2be5ccfb.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-fa8600ec.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-a5c133a1.js';
 export { _ as OrSearch } from '../OrSearch-3f55fbee.js';

package/dist/esm/v2/components/or-rating-v3/OrRating.vue.d.ts

@@ -1,21 +1,21 @@
 import { PropType } from 'vue-demi';
-import { RatingVariant } from './types';
+import { RatingModelValue, RatingVariant } from './types';
 export declare const RATING_LENGTH: unique symbol;
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     length: number;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     starStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    draftModelValue: import("@vue/composition-api").Ref<number>;
+    model: import("../../hooks").UseProxyModelValueReturn<number>;
+    draft: import("@vue/composition-api").Ref<number>;
     hoverIndex: boolean[];
     onMouseEnter: (event: MouseEvent, index: number) => void;
     onMouseMove: (event: MouseEvent, index: number) => void;
     onMouseLeave: (event: MouseEvent, index: number) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: NumberConstructor;
-        default: number;
+        type: PropType<RatingModelValue>;
+        default: undefined;
     };
     variant: {
         type: PropType<"default" | "fitted">;
@@ -31,8 +31,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: NumberConstructor;
-        default: number;
+        type: PropType<RatingModelValue>;
+        default: undefined;
     };
     variant: {
         type: PropType<"default" | "fitted">;
@@ -47,7 +47,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: number;
+    modelValue: RatingModelValue;
     variant: "default" | "fitted";
     readonly: boolean;
     disabled: boolean;
@@ -58,21 +58,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     starStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    draftModelValue: import("@vue/composition-api").Ref<number>;
+    model: import("../../hooks").UseProxyModelValueReturn<number>;
+    draft: import("@vue/composition-api").Ref<number>;
     hoverIndex: boolean[];
     onMouseEnter: (event: MouseEvent, index: number) => void;
     onMouseMove: (event: MouseEvent, index: number) => void;
     onMouseLeave: (event: MouseEvent, index: number) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: number;
+    modelValue: RatingModelValue;
     variant: "default" | "fitted";
     readonly: boolean;
     disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: number;
+    modelValue: RatingModelValue;
     variant: "default" | "fitted";
     readonly: boolean;
     disabled: boolean;

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

@@ -1,4 +1,4 @@
-export { _ as OrRatingV3, R as RatingVariant } from '../../OrRating-dfceb6bb.js';
+export { _ as OrRatingV3, R as RatingVariant } from '../../OrRating-2be5ccfb.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
 import '../../dom-53c9635b.js';

package/dist/esm/v2/components/or-rating-v3/types.d.ts

@@ -1,3 +1,5 @@
+import { ModelValue } from '../../types';
+export type RatingModelValue = ModelValue<number>;
 export declare enum RatingVariant {
     Default = "default",
     Fitted = "fitted"

package/dist/esm/v2/index.js

@@ -100,7 +100,7 @@ export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from './OrRadioGroup-9d01d97d.js';
 export { _ as OrRadioV3 } from './OrRadio-b014fb70.js';
 export { _ as OrRangeSliderV3 } from './OrRangeSlider-8a0a82a1.js';
-export { _ as OrRatingV3, R as RatingVariant } from './OrRating-dfceb6bb.js';
+export { _ as OrRatingV3, R as RatingVariant } from './OrRating-2be5ccfb.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-fa8600ec.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-a5c133a1.js';
 export { _ as OrSearch } from './OrSearch-3f55fbee.js';

package/dist/esm/v3/{OrRating-dc69e378.js → OrRating-cd40504a.js}

@@ -49,8 +49,8 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Number,
-      default: 0
+      type: undefined,
+      default: undefined
     },
     variant: {
       type: String,
@@ -75,10 +75,12 @@ var script = defineComponent({
     // Options
     const length = inject(RATING_LENGTH, 5);
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(proxyModelValue.value);
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
+      defaultValue: ref(0)
+    });
+    const draft = ref(model.value);
+    watch(model, value => {
+      draft.value = Math.floor(value * 2) / 2;
     });
     const hoverIndex = reactive(Array(length).fill(false));
     // Handlers
@@ -89,19 +91,19 @@ var script = defineComponent({
       const {
         width
       } = event.currentTarget.getBoundingClientRect();
-      draftModelValue.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;
+      draft.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;
     }
     function onMouseLeave(event, index) {
       hoverIndex[index] = false;
-      draftModelValue.value = proxyModelValue.value;
+      draft.value = model.value;
     }
     return {
       length,
       root,
       rootStyles,
       starStyles,
-      proxyModelValue,
-      draftModelValue,
+      model,
+      draft,
       hoverIndex,
       onMouseEnter,
       onMouseMove,
@@ -124,18 +126,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: 'stars',
       key: value,
       class: normalizeClass(_ctx.starStyles),
-      activated: value <= Math.ceil(_ctx.proxyModelValue),
+      activated: value <= Math.ceil(_ctx.model),
       disabled: _ctx.disabled,
       onMouseenter: $event => _ctx.onMouseEnter($event, value - 1),
       onMousemove: $event => _ctx.onMouseMove($event, value - 1),
       onMouseleave: $event => _ctx.onMouseLeave($event, value - 1),
       onClick: $event => {
-        _ctx.proxyModelValue = _ctx.draftModelValue;
+        _ctx.model = _ctx.draft;
         _ctx.hoverIndex[value - 1] = false;
       }
     }, [createVNode(_component_OrIcon, {
-      icon: _ctx.draftModelValue - value + 1 === 0.5 ? 'star_half' : 'star',
-      variant: value <= _ctx.draftModelValue ? 'filled' : 'outlined',
+      icon: _ctx.draft - value + 1 === 0.5 ? 'star_half' : 'star',
+      variant: value <= _ctx.draft ? 'filled' : 'outlined',
       size: _ctx.variant === 'fitted' ? 'inherit' : _ctx.hoverIndex[value - 1] ? 'xl' : 'l'
     }, null, 8 /* PROPS */, ["icon", "variant", "size"])], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_2);
   }), 128 /* KEYED_FRAGMENT */))], 10 /* CLASS, PROPS */, _hoisted_1);

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

@@ -97,7 +97,7 @@ export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from '../OrRadioGroup-1db95868.js';
 export { s as OrRadioV3 } from '../OrRadio-85e4f28e.js';
 export { s as OrRangeSliderV3 } from '../OrRangeSlider-ee94eca3.js';
-export { s as OrRatingV3, R as RatingVariant } from '../OrRating-dc69e378.js';
+export { s as OrRatingV3, R as RatingVariant } from '../OrRating-cd40504a.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-40ade7d4.js';
 export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-32e38a29.js';
 export { s as OrSearch } from '../OrSearch-740f931b.js';

package/dist/esm/v3/components/or-rating-v3/OrRating.vue.d.ts

@@ -1,10 +1,10 @@
 import { PropType } from 'vue-demi';
-import { RatingVariant } from './types';
+import { RatingModelValue, RatingVariant } from './types';
 export declare const RATING_LENGTH: unique symbol;
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: NumberConstructor;
-        default: number;
+        type: PropType<RatingModelValue>;
+        default: undefined;
     };
     variant: {
         type: PropType<"default" | "fitted">;
@@ -23,16 +23,16 @@ declare const _default: import("vue-demi").DefineComponent<{
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     starStyles: import("vue-demi").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    draftModelValue: import("vue-demi").Ref<number>;
+    model: import("../../hooks").UseProxyModelValueReturn<number>;
+    draft: import("vue-demi").Ref<number>;
     hoverIndex: boolean[];
     onMouseEnter: (event: MouseEvent, index: number) => void;
     onMouseMove: (event: MouseEvent, index: number) => void;
     onMouseLeave: (event: MouseEvent, index: number) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: NumberConstructor;
-        default: number;
+        type: PropType<RatingModelValue>;
+        default: undefined;
     };
     variant: {
         type: PropType<"default" | "fitted">;
@@ -49,7 +49,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: number;
+    modelValue: RatingModelValue;
     variant: "default" | "fitted";
     readonly: boolean;
     disabled: boolean;

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

@@ -1,4 +1,4 @@
-export { s as OrRatingV3, R as RatingVariant } from '../../OrRating-dc69e378.js';
+export { s as OrRatingV3, R as RatingVariant } from '../../OrRating-cd40504a.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
 import '../../dom-53c9635b.js';

package/dist/esm/v3/components/or-rating-v3/types.d.ts

@@ -1,3 +1,5 @@
+import { ModelValue } from '../../types';
+export type RatingModelValue = ModelValue<number>;
 export declare enum RatingVariant {
     Default = "default",
     Fitted = "fitted"

package/dist/esm/v3/index.js

@@ -97,7 +97,7 @@ export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from './OrRadioGroup-1db95868.js';
 export { s as OrRadioV3 } from './OrRadio-85e4f28e.js';
 export { s as OrRangeSliderV3 } from './OrRangeSlider-ee94eca3.js';
-export { s as OrRatingV3, R as RatingVariant } from './OrRating-dc69e378.js';
+export { s as OrRatingV3, R as RatingVariant } from './OrRating-cd40504a.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-40ade7d4.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-32e38a29.js';
 export { s as OrSearch } from './OrSearch-740f931b.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "11.2.1",
+  "version": "11.2.2-beta.4403.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": "506838356e2e888a528b2945e9892901cb8c3444"
+  }
 }

package/src/components/or-rating-v3/OrRating.vue

@@ -9,16 +9,16 @@
       :ref="'stars'"
       :key="value"
       :class="starStyles"
-      :activated="value <= Math.ceil(proxyModelValue)"
+      :activated="value <= Math.ceil(model)"
       :disabled="disabled"
       @mouseenter="onMouseEnter($event, value - 1)"
       @mousemove="onMouseMove($event, value - 1)"
       @mouseleave="onMouseLeave($event, value - 1)"
-      @click="proxyModelValue = draftModelValue; hoverIndex[value - 1] = false"
+      @click="model = draft; hoverIndex[value - 1] = false"
     >
       <OrIcon
-        :icon="draftModelValue - value + 1 === 0.5 ? 'star_half' : 'star'"
-        :variant="value <= draftModelValue ? 'filled' : 'outlined'"
+        :icon="draft - value + 1 === 0.5 ? 'star_half' : 'star'"
+        :variant="value <= draft ? 'filled' : 'outlined'"
         :size="variant === 'fitted' ? 'inherit' : hoverIndex[value - 1] ? 'xl' : 'l'"
       />
     </div>
@@ -30,7 +30,7 @@ import { PropType, computed, defineComponent, inject, reactive, ref, toRef, watc
 import { useProxyModelValue } from '../../hooks';
 import { OrIconV3 as OrIcon } from '../or-icon-v3';
 import * as Styles from './styles';
-import { RatingVariant } from './types';
+import { RatingModelValue, RatingVariant } from './types';
 
 export const RATING_LENGTH = Symbol();
 
@@ -48,8 +48,8 @@ export default defineComponent({
 
   props: {
     modelValue: {
-      type: Number,
-      default: 0,
+      type: undefined as unknown as PropType<RatingModelValue>,
+      default: undefined,
     },
 
     variant: {
@@ -95,11 +95,11 @@ export default defineComponent({
     const length = inject(RATING_LENGTH, 5);
 
     // State
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(proxyModelValue.value);
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref(0) });
+    const draft = ref(model.value);
 
-    watch(proxyModelValue, (value) => {
-      draftModelValue.value = value;
+    watch(model, (value) => {
+      draft.value = Math.floor(value * 2) / 2;
     });
 
     const hoverIndex = reactive(Array<boolean>(length).fill(false));
@@ -112,13 +112,13 @@ export default defineComponent({
     function onMouseMove(event: MouseEvent, index: number): void {
       const { width } = (event.currentTarget as Element).getBoundingClientRect();
 
-      draftModelValue.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;
+      draft.value = Math.ceil((index - (width - event.offsetX) / width + 1) * 2) / 2;
     }
 
     function onMouseLeave(event: MouseEvent, index: number): void {
       hoverIndex[index] = false;
 
-      draftModelValue.value = proxyModelValue.value;
+      draft.value = model.value;
     }
 
     return {
@@ -129,8 +129,8 @@ export default defineComponent({
       rootStyles,
       starStyles,
 
-      proxyModelValue,
-      draftModelValue,
+      model,
+      draft,
 
       hoverIndex,
 

package/src/components/or-rating-v3/types.ts

@@ -1,3 +1,7 @@
+import { ModelValue } from '../../types';
+
+export type RatingModelValue = ModelValue<number>;
+
 export enum RatingVariant {
   Default = 'default',
   Fitted = 'fitted',