@onereach/ui-components 4.6.1 → 4.6.2-beta.2768.0

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.js

@@ -68,7 +68,7 @@ var script = defineComponent({
     const proxyModelValue = useVModel(props, 'modelValue', emit);
     const isChecked = computed(() => {
       if (Array.isArray(proxyModelValue.value)) {
-        return props.value && proxyModelValue.value.includes(props.value);
+        return !(props.value === '' || props.value === null || props.value === undefined) && proxyModelValue.value.includes(props.value);
       }
       return !!proxyModelValue.value;
     });
@@ -106,7 +106,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-7688319c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
+var css_248z = "input[data-v-64b1a9e0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
 styleInject(css_248z);
 
 /* script */
@@ -167,7 +167,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-7688319c";
+const __vue_scope_id__ = "data-v-64b1a9e0";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    isChecked: import("@vue/composition-api").ComputedRef<boolean | "" | 0>;
+    isChecked: import("@vue/composition-api").ComputedRef<boolean>;
     handleChange: () => void;
     focus: () => void;
     blur: () => void;
@@ -94,7 +94,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    isChecked: import("@vue/composition-api").ComputedRef<boolean | "" | 0>;
+    isChecked: import("@vue/composition-api").ComputedRef<boolean>;
     handleChange: () => void;
     focus: () => void;
     blur: () => void;

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

@@ -193,6 +193,9 @@ var script = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const isEmptyModelValue = computed(() => {
+      return Array.isArray(proxyModelValue.value) ? proxyModelValue.value.length === 0 : proxyModelValue.value === undefined || proxyModelValue.value === null || proxyModelValue.value === '';
+    });
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];
@@ -282,6 +285,7 @@ var script = defineComponent({
       controlId,
       proxyModelValue,
       readonly,
+      isEmptyModelValue,
       selection,
       searchText,
       internalSearchOptions,
@@ -377,7 +381,7 @@ var __vue_render__ = function () {
     }, [_vm._v(_vm._s(_vm.placeholder))])]];
   }, {
     "model": _vm.proxyModelValue
-  })] : [_vm.proxyModelValue ? [_vm._t("valueTemplate", function () {
+  })] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
     return [_c('span', {
       staticClass: "truncate"
     }, [_vm._v("\n              " + _vm._s(_vm.selection.label) + "\n            ")])];

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

@@ -25,6 +25,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
+    isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
     internalSearchOptions: import("@vue/composition-api").Ref<{
@@ -211,6 +212,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
+    isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
     internalSearchOptions: import("@vue/composition-api").Ref<{

package/dist/bundled/v2/components/OrTextarea/OrTextarea.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     inputRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
 }> & {
     reqAF: any;
@@ -106,7 +106,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     isDisabled: BooleanConstructor;
     isReadonly: BooleanConstructor;
     isInvalid: BooleanConstructor;
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     isSmall: boolean;
     isRequired: boolean;

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-75c6053a.js → OrCheckbox.vue_vue_type_script_lang-f9e732c0.js}

@@ -66,7 +66,7 @@ var script = defineComponent({
     const proxyModelValue = useVModel(props, 'modelValue', emit);
     const isChecked = computed(() => {
       if (Array.isArray(proxyModelValue.value)) {
-        return props.value && proxyModelValue.value.includes(props.value);
+        return !(props.value === '' || props.value === null || props.value === undefined) && proxyModelValue.value.includes(props.value);
       }
       return !!proxyModelValue.value;
     });

package/dist/bundled/v3/{OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js → OrCheckboxGroup.vue_vue_type_script_lang-4792d228.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import './components/OrCheckboxTreeV3/OrCheckboxTree.js';
-import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
+import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-f5afe220.js';
 import './components/OrFormGroupV3/OrFormGroup.js';
 import { s as script$2 } from './OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
 import { FormGroupDirection } from './components/OrFormGroupV3/props.js';

package/dist/bundled/v3/{OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js → OrCheckboxTree.vue_vue_type_script_lang-f5afe220.js}

@@ -4,7 +4,7 @@ import { CheckboxTreeRoot, CheckboxTreeRootParent } from './components/OrCheckbo
 import flattenDeep from './utils/functions/flattenDeep.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
-import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
 import './components/OrButtonV3/OrButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import { s as script$3 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-819822b5.js → OrSelect.vue_vue_type_script_lang-55e453bc.js}

@@ -14,7 +14,7 @@ import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
 import { s as script$b } from './OrTag.vue_vue_type_script_lang-09948d1f.js';
 import { useOverflow } from './hooks/useOverflow.js';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$4 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
@@ -162,6 +162,9 @@ var script = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const isEmptyModelValue = computed(() => {
+      return Array.isArray(proxyModelValue.value) ? proxyModelValue.value.length === 0 : proxyModelValue.value === undefined || proxyModelValue.value === null || proxyModelValue.value === '';
+    });
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];
@@ -251,6 +254,7 @@ var script = defineComponent({
       controlId,
       proxyModelValue,
       readonly,
+      isEmptyModelValue,
       selection,
       searchText,
       internalSearchOptions,

package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.js

@@ -1,10 +1,10 @@
-import { s as script } from '../../OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js';
-export { s as default } from '../../OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js';
+import { s as script } from '../../OrCheckboxGroup.vue_vue_type_script_lang-4792d228.js';
+export { s as default } from '../../OrCheckboxGroup.vue_vue_type_script_lang-4792d228.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 import 'vue-demi';
 import '@vueuse/core';
 import '../OrCheckboxTreeV3/OrCheckboxTree.js';
-import '../../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
+import '../../OrCheckboxTree.vue_vue_type_script_lang-f5afe220.js';
 import '../OrCheckboxTreeV3/styles.js';
 import '../../utils/functions/flattenDeep.js';
 import '../OrIconV3/OrIcon.js';
@@ -12,7 +12,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

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

@@ -1,8 +1,8 @@
-export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js';
+export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup.vue_vue_type_script_lang-4792d228.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../OrCheckboxTreeV3/OrCheckboxTree.js';
-import '../../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
+import '../../OrCheckboxTree.vue_vue_type_script_lang-f5afe220.js';
 import '../OrCheckboxTreeV3/styles.js';
 import '../../utils/functions/flattenDeep.js';
 import '../OrIconV3/OrIcon.js';
@@ -11,7 +11,7 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import 'vue';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

package/dist/bundled/v3/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
-export { s as default } from '../../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
+import { s as script } from '../../OrCheckboxTree.vue_vue_type_script_lang-f5afe220.js';
+export { s as default } from '../../OrCheckboxTree.vue_vue_type_script_lang-f5afe220.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';
 import 'vue-demi';
 import '@vueuse/core';
@@ -10,7 +10,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

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

@@ -1,4 +1,4 @@
-export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
+export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree.vue_vue_type_script_lang-f5afe220.js';
 import 'vue-demi';
 import '@vueuse/core';
 import './styles.js';
@@ -9,7 +9,7 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import 'vue';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

package/dist/bundled/v3/components/OrCheckboxV3/OrCheckbox.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
-export { s as default } from '../../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+import { s as script } from '../../OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
+export { s as default } from '../../OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';

package/dist/bundled/v3/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -40,7 +40,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         'force-state': string | undefined;
         id: string | undefined;
     };
-    isChecked: import("vue-demi").ComputedRef<boolean | "" | 0>;
+    isChecked: import("vue-demi").ComputedRef<boolean>;
     handleChange: () => void;
     focus: () => void;
     blur: () => void;

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

@@ -1,4 +1,4 @@
-export { s as OrCheckboxV3 } from '../../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+export { s as OrCheckboxV3 } from '../../OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
 import 'vue-demi';
 import '@vueuse/core';
 import './styles.js';

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

@@ -1,10 +1,10 @@
-import { s as script } from '../../OrSelect.vue_vue_type_script_lang-819822b5.js';
-export { s as default } from '../../OrSelect.vue_vue_type_script_lang-819822b5.js';
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-55e453bc.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-55e453bc.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 import 'vue-demi';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
 import '@vueuse/core';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
@@ -155,7 +155,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.placeholderStyles)
     }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))]) : (openBlock(), createElementBlock(Fragment, {
       key: 1
-    }, [_ctx.proxyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
+    }, [!_ctx.isEmptyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
       key: 0,
       model: _ctx.proxyModelValue
     }, () => [createElementVNode("span", _hoisted_2, toDisplayString(_ctx.selection.label), 1 /* TEXT */)]) : (openBlock(), createElementBlock("span", {

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

@@ -82,6 +82,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     controlId: import("vue-demi").Ref<string>;
     proxyModelValue: import("vue-demi").WritableComputedRef<string | number | (string | number)[] | undefined>;
     readonly: import("vue-demi").ComputedRef<boolean>;
+    isEmptyModelValue: import("vue-demi").ComputedRef<boolean>;
     selection: import("vue-demi").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("vue-demi").Ref<string>;
     internalSearchOptions: import("vue-demi").Ref<{

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

@@ -1,9 +1,9 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-819822b5.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-55e453bc.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
 import '@vueuse/core';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';

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

@@ -20,9 +20,9 @@ export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
 export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-a619731b.js';
 export { s as OrCarouselItem } from '../OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
 export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-2b4d6aa3.js';
-export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
-export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js';
-export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
+export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
+export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup.vue_vue_type_script_lang-4792d228.js';
+export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree.vue_vue_type_script_lang-f5afe220.js';
 export { s as OrChip } from '../OrChip.vue_vue_type_script_lang-aaad645e.js';
 export { s as OrChips } from '../OrChips.vue_vue_type_script_lang-ab6b8db5.js';
 export { s as OrCode } from '../OrCode.vue_vue_type_script_lang-0a713357.js';
@@ -113,7 +113,7 @@ export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-0bcc597c.j
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-ed0d9fe7.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-34a366c9.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-819822b5.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-55e453bc.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-fddb063c.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
 export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-780eaa84.js';

package/dist/bundled/v3/index.js

@@ -18,7 +18,7 @@ export { s as OrCarousel } from './OrCarousel.vue_vue_type_script_lang-a619731b.
 import './components/OrCarouselItem/OrCarouselItem.js';
 export { s as OrCarouselItem } from './OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
 import './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
-export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js';
+export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup.vue_vue_type_script_lang-4792d228.js';
 import './components/OrChips/OrChips.js';
 export { s as OrChips } from './OrChips.vue_vue_type_script_lang-ab6b8db5.js';
 import './components/OrCode/OrCode.js';
@@ -80,7 +80,7 @@ export { s as OrSegmentedControlV3 } from './OrSegmentedControl.vue_vue_type_scr
 import './components/OrSelect/OrSelect.js';
 export { s as OrSelect } from './OrSelect.vue_vue_type_script_lang-34a366c9.js';
 import './components/OrSelectV3/OrSelect.js';
-export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-819822b5.js';
+export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-55e453bc.js';
 import './components/OrSidebar/OrSidebar.js';
 export { s as OrSidebar } from './OrSidebar.vue_vue_type_script_lang-fddb063c.js';
 import './components/OrSidebarV3/OrSidebar.js';
@@ -147,8 +147,8 @@ export { s as OrCard } from './OrCard.vue_vue_type_script_lang-81561dd8.js';
 export { CARD_COLLECTION_LAYOUT } from './components/OrCardCollection/constants.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './components/OrCardCollectionV3/props.js';
 export { s as OrCheckbox } from './OrCheckbox.vue_vue_type_script_lang-2b4d6aa3.js';
-export { s as OrCheckboxV3 } from './OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
-export { s as OrCheckboxTreeV3 } from './OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
+export { s as OrCheckboxV3 } from './OrCheckbox.vue_vue_type_script_lang-f9e732c0.js';
+export { s as OrCheckboxTreeV3 } from './OrCheckboxTree.vue_vue_type_script_lang-f5afe220.js';
 export { s as OrChip } from './OrChip.vue_vue_type_script_lang-aaad645e.js';
 export { OrCodeLanguages } from './components/OrCode/constants.js';
 export { s as OrCollapse } from './OrCollapse.vue_vue_type_script_lang-35fdcade.js';

package/dist/esm/v2/{OrCheckbox-59332f84.js → OrCheckbox-300768ea.js}

@@ -94,7 +94,7 @@ var script = defineComponent({
     const proxyModelValue = useVModel(props, 'modelValue', emit);
     const isChecked = computed(() => {
       if (Array.isArray(proxyModelValue.value)) {
-        return props.value && proxyModelValue.value.includes(props.value);
+        return !(props.value === '' || props.value === null || props.value === undefined) && proxyModelValue.value.includes(props.value);
       }
       return !!proxyModelValue.value;
     });
@@ -132,7 +132,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-7688319c]{appearance:none;line-height:0}";
+var css_248z = "input[data-v-64b1a9e0]{appearance:none;line-height:0}";
 styleInject(css_248z);
 
 /* script */
@@ -193,7 +193,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-7688319c";
+const __vue_scope_id__ = "data-v-64b1a9e0";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrCheckboxGroup-f470f938.js → OrCheckboxGroup-e7e16e21.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { _ as __vue_component__$2, F as FormGroupDirection } from './OrFormGroup-29a514db.js';
-import { _ as __vue_component__$1 } from './OrCheckboxTree-1304ae59.js';
+import { _ as __vue_component__$1 } from './OrCheckboxTree-9873c7e8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrCheckboxTree-1304ae59.js → OrCheckboxTree-9873c7e8.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, watch } from 'vue-demi';
 import { useVModel, useToggle } from '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrCheckbox-59332f84.js';
+import { _ as __vue_component__$2 } from './OrCheckbox-300768ea.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrSelect-31d265b9.js → OrSelect-ae204049.js}

@@ -2,7 +2,7 @@ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch }
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1 } from './OrCheckbox-59332f84.js';
+import { _ as __vue_component__$1 } from './OrCheckbox-300768ea.js';
 import { _ as __vue_component__$2 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-d3a2218d.js';
 import { _ as __vue_component__$4 } from './OrHint-aa221198.js';
@@ -201,6 +201,9 @@ var script = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const isEmptyModelValue = computed(() => {
+      return Array.isArray(proxyModelValue.value) ? proxyModelValue.value.length === 0 : proxyModelValue.value === undefined || proxyModelValue.value === null || proxyModelValue.value === '';
+    });
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];
@@ -290,6 +293,7 @@ var script = defineComponent({
       controlId,
       proxyModelValue,
       readonly,
+      isEmptyModelValue,
       selection,
       searchText,
       internalSearchOptions,
@@ -385,7 +389,7 @@ var __vue_render__ = function () {
     }, [_vm._v(_vm._s(_vm.placeholder))])]];
   }, {
     "model": _vm.proxyModelValue
-  })] : [_vm.proxyModelValue ? [_vm._t("valueTemplate", function () {
+  })] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
     return [_c('span', {
       staticClass: "truncate"
     }, [_vm._v("\n              " + _vm._s(_vm.selection.label) + "\n            ")])];

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

@@ -13,9 +13,9 @@ export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
 export { _ as OrCarousel } from '../OrCarousel-b220cf82.js';
 export { _ as OrCarouselItem } from '../OrCarouselItem-c614bab9.js';
 export { _ as OrCheckbox } from '../OrCheckbox-91788c22.js';
-export { _ as OrCheckboxV3 } from '../OrCheckbox-59332f84.js';
-export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-f470f938.js';
-export { _ as OrCheckboxTreeV3 } from '../OrCheckboxTree-1304ae59.js';
+export { _ as OrCheckboxV3 } from '../OrCheckbox-300768ea.js';
+export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-e7e16e21.js';
+export { _ as OrCheckboxTreeV3 } from '../OrCheckboxTree-9873c7e8.js';
 export { _ as OrChip } from '../OrChip-a614bbb9.js';
 export { _ as OrChips } from '../OrChips-bdf51639.js';
 export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-a157e15f.js';
@@ -78,7 +78,7 @@ export { _ as OrSearch } from '../OrSearch-b447018e.js';
 export { _ as OrSearchV3 } from '../OrSearch-5aa8154f.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from '../OrSelect-b49b6e4a.js';
-export { _ as OrSelectV3 } from '../OrSelect-31d265b9.js';
+export { _ as OrSelectV3 } from '../OrSelect-ae204049.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-c56a9221.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-638b1d60.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-2c81d465.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-f470f938.js';
+export { _ as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-e7e16e21.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../OrFormGroup-29a514db.js';
@@ -6,8 +6,8 @@ import '../../OrLabel-63380256.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';
-import '../../OrCheckboxTree-1304ae59.js';
-import '../../OrCheckbox-59332f84.js';
+import '../../OrCheckboxTree-9873c7e8.js';
+import '../../OrCheckbox-300768ea.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrIcon-d35a84d8.js';

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

@@ -1,7 +1,7 @@
-export { _ as OrCheckboxTreeV3 } from '../../OrCheckboxTree-1304ae59.js';
+export { _ as OrCheckboxTreeV3 } from '../../OrCheckboxTree-9873c7e8.js';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../OrCheckbox-59332f84.js';
+import '../../OrCheckbox-300768ea.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-63380256.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-checkbox-v3/OrCheckbox.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    isChecked: import("@vue/composition-api").ComputedRef<boolean | "" | 0>;
+    isChecked: import("@vue/composition-api").ComputedRef<boolean>;
     handleChange: () => void;
     focus: () => void;
     blur: () => void;
@@ -94,7 +94,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    isChecked: import("@vue/composition-api").ComputedRef<boolean | "" | 0>;
+    isChecked: import("@vue/composition-api").ComputedRef<boolean>;
     handleChange: () => void;
     focus: () => void;
     blur: () => void;

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

@@ -1,4 +1,4 @@
-export { _ as OrCheckboxV3 } from '../../OrCheckbox-59332f84.js';
+export { _ as OrCheckboxV3 } from '../../OrCheckbox-300768ea.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useIdAttribute-859439f0.js';

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

@@ -25,6 +25,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
+    isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
     internalSearchOptions: import("@vue/composition-api").Ref<{
@@ -211,6 +212,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
     readonly: import("@vue/composition-api").ComputedRef<boolean>;
+    isEmptyModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("@vue/composition-api").Ref<string>;
     internalSearchOptions: import("@vue/composition-api").Ref<{

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

@@ -1,10 +1,10 @@
-export { _ as OrSelectV3 } from '../../OrSelect-31d265b9.js';
+export { _ as OrSelectV3 } from '../../OrSelect-ae204049.js';
 export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
 import '../../useOverflow-c856b7b7.js';
 import '@vueuse/core';
-import '../../OrCheckbox-59332f84.js';
+import '../../OrCheckbox-300768ea.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-63380256.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/index.js

@@ -13,9 +13,9 @@ export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { _ as OrCarousel } from './OrCarousel-b220cf82.js';
 export { _ as OrCarouselItem } from './OrCarouselItem-c614bab9.js';
 export { _ as OrCheckbox } from './OrCheckbox-91788c22.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-59332f84.js';
-export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-f470f938.js';
-export { _ as OrCheckboxTreeV3, f as flattenDeep } from './OrCheckboxTree-1304ae59.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-300768ea.js';
+export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-e7e16e21.js';
+export { _ as OrCheckboxTreeV3, f as flattenDeep } from './OrCheckboxTree-9873c7e8.js';
 export { _ as OrChip } from './OrChip-a614bbb9.js';
 export { _ as OrChips } from './OrChips-bdf51639.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-a157e15f.js';
@@ -78,7 +78,7 @@ export { _ as OrSearch } from './OrSearch-b447018e.js';
 export { _ as OrSearchV3 } from './OrSearch-5aa8154f.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-b49b6e4a.js';
-export { _ as OrSelectV3 } from './OrSelect-31d265b9.js';
+export { _ as OrSelectV3 } from './OrSelect-ae204049.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
 export { _ as OrSidebarV3 } from './OrSidebar-638b1d60.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-2c81d465.js';

package/dist/esm/v3/{OrCheckbox-56d7b6eb.js → OrCheckbox-e9bcf857.js}

@@ -94,7 +94,7 @@ var script = defineComponent({
     const proxyModelValue = useVModel(props, 'modelValue', emit);
     const isChecked = computed(() => {
       if (Array.isArray(proxyModelValue.value)) {
-        return props.value && proxyModelValue.value.includes(props.value);
+        return !(props.value === '' || props.value === null || props.value === undefined) && proxyModelValue.value.includes(props.value);
       }
       return !!proxyModelValue.value;
     });

package/dist/esm/v3/{OrCheckboxGroup-c41a99ba.js → OrCheckboxGroup-50b0fb31.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { s as script$2, F as FormGroupDirection } from './OrFormGroup-9f581536.js';
-import { s as script$1 } from './OrCheckboxTree-fa6288af.js';
+import { s as script$1 } from './OrCheckboxTree-47654570.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrCheckboxTree-fa6288af.js → OrCheckboxTree-47654570.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, watch } from 'vue-demi';
 import { useVModel, useToggle } from '@vueuse/core';
-import { s as script$2 } from './OrCheckbox-56d7b6eb.js';
+import { s as script$2 } from './OrCheckbox-e9bcf857.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';

package/dist/esm/v3/{OrSelect-5abcb941.js → OrSelect-7143e10d.js}

@@ -2,7 +2,7 @@ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch }
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
-import { s as script$1 } from './OrCheckbox-56d7b6eb.js';
+import { s as script$1 } from './OrCheckbox-e9bcf857.js';
 import { s as script$2 } from './OrError-c01d0c29.js';
 import { s as script$3 } from './OrExpansionPanel-c016d8fa.js';
 import { s as script$4 } from './OrHint-06ab89d7.js';
@@ -200,6 +200,9 @@ var script = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const isEmptyModelValue = computed(() => {
+      return Array.isArray(proxyModelValue.value) ? proxyModelValue.value.length === 0 : proxyModelValue.value === undefined || proxyModelValue.value === null || proxyModelValue.value === '';
+    });
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];
@@ -289,6 +292,7 @@ var script = defineComponent({
       controlId,
       proxyModelValue,
       readonly,
+      isEmptyModelValue,
       selection,
       searchText,
       internalSearchOptions,
@@ -382,7 +386,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.placeholderStyles)
     }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))]) : (openBlock(), createElementBlock(Fragment, {
       key: 1
-    }, [_ctx.proxyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
+    }, [!_ctx.isEmptyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
       key: 0,
       model: _ctx.proxyModelValue
     }, () => [createElementVNode("span", _hoisted_2, toDisplayString(_ctx.selection.label), 1 /* TEXT */)]) : (openBlock(), createElementBlock("span", {

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

@@ -12,9 +12,9 @@ export { s as OrCardV3 } from '../OrCard-cc82902c.js';
 export { s as OrCarousel } from '../OrCarousel-5cc74f26.js';
 export { s as OrCarouselItem } from '../OrCarouselItem-8c7ccd0f.js';
 export { s as OrCheckbox } from '../OrCheckbox-72ae9748.js';
-export { s as OrCheckboxV3 } from '../OrCheckbox-56d7b6eb.js';
-export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-c41a99ba.js';
-export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-fa6288af.js';
+export { s as OrCheckboxV3 } from '../OrCheckbox-e9bcf857.js';
+export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-50b0fb31.js';
+export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-47654570.js';
 export { s as OrChip } from '../OrChip-857982e0.js';
 export { s as OrChips } from '../OrChips-053f3a92.js';
 export { s as OrCode, O as OrCodeLanguages } from '../OrCode-cae13dcc.js';
@@ -76,7 +76,7 @@ export { s as OrSearch } from '../OrSearch-cdb1eeb4.js';
 export { s as OrSearchV3 } from '../OrSearch-ecad7638.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-359fbf3a.js';
 export { s as OrSelect } from '../OrSelect-24937c69.js';
-export { s as OrSelectV3 } from '../OrSelect-5abcb941.js';
+export { s as OrSelectV3 } from '../OrSelect-7143e10d.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
 export { s as OrSidebarV3 } from '../OrSidebar-1579ad80.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-2668946c.js';

package/dist/esm/v3/components/or-checkbox-group-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-c41a99ba.js';
+export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-50b0fb31.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../OrFormGroup-9f581536.js';
@@ -6,8 +6,8 @@ import '../../OrLabel-4da56db0.js';
 import 'vue';
 import '../../OrError-c01d0c29.js';
 import '../../OrHint-06ab89d7.js';
-import '../../OrCheckboxTree-fa6288af.js';
-import '../../OrCheckbox-56d7b6eb.js';
+import '../../OrCheckboxTree-47654570.js';
+import '../../OrCheckbox-e9bcf857.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrIcon-62793572.js';

package/dist/esm/v3/components/or-checkbox-tree-v3/index.js

@@ -1,7 +1,7 @@
-export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-fa6288af.js';
+export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-47654570.js';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../OrCheckbox-56d7b6eb.js';
+import '../../OrCheckbox-e9bcf857.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-4da56db0.js';
 import 'vue';

package/dist/esm/v3/components/or-checkbox-v3/OrCheckbox.vue.d.ts

@@ -40,7 +40,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         'force-state': string | undefined;
         id: string | undefined;
     };
-    isChecked: import("vue-demi").ComputedRef<boolean | "" | 0>;
+    isChecked: import("vue-demi").ComputedRef<boolean>;
     handleChange: () => void;
     focus: () => void;
     blur: () => void;

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

@@ -1,4 +1,4 @@
-export { s as OrCheckboxV3 } from '../../OrCheckbox-56d7b6eb.js';
+export { s as OrCheckboxV3 } from '../../OrCheckbox-e9bcf857.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useIdAttribute-859439f0.js';

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

@@ -82,6 +82,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     controlId: import("vue-demi").Ref<string>;
     proxyModelValue: import("vue-demi").WritableComputedRef<string | number | (string | number)[] | undefined>;
     readonly: import("vue-demi").ComputedRef<boolean>;
+    isEmptyModelValue: import("vue-demi").ComputedRef<boolean>;
     selection: import("vue-demi").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
     searchText: import("vue-demi").Ref<string>;
     internalSearchOptions: import("vue-demi").Ref<{

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

@@ -1,10 +1,10 @@
-export { s as OrSelectV3 } from '../../OrSelect-5abcb941.js';
+export { s as OrSelectV3 } from '../../OrSelect-7143e10d.js';
 export { I as SelectSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
 import '../../useOverflow-c856b7b7.js';
 import '@vueuse/core';
-import '../../OrCheckbox-56d7b6eb.js';
+import '../../OrCheckbox-e9bcf857.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-4da56db0.js';
 import 'vue';

package/dist/esm/v3/index.js

@@ -12,9 +12,9 @@ export { s as OrCardV3 } from './OrCard-cc82902c.js';
 export { s as OrCarousel } from './OrCarousel-5cc74f26.js';
 export { s as OrCarouselItem } from './OrCarouselItem-8c7ccd0f.js';
 export { s as OrCheckbox } from './OrCheckbox-72ae9748.js';
-export { s as OrCheckboxV3 } from './OrCheckbox-56d7b6eb.js';
-export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-c41a99ba.js';
-export { s as OrCheckboxTreeV3, f as flattenDeep } from './OrCheckboxTree-fa6288af.js';
+export { s as OrCheckboxV3 } from './OrCheckbox-e9bcf857.js';
+export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-50b0fb31.js';
+export { s as OrCheckboxTreeV3, f as flattenDeep } from './OrCheckboxTree-47654570.js';
 export { s as OrChip } from './OrChip-857982e0.js';
 export { s as OrChips } from './OrChips-053f3a92.js';
 export { s as OrCode, O as OrCodeLanguages } from './OrCode-cae13dcc.js';
@@ -76,7 +76,7 @@ export { s as OrSearch } from './OrSearch-cdb1eeb4.js';
 export { s as OrSearchV3 } from './OrSearch-ecad7638.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-359fbf3a.js';
 export { s as OrSelect } from './OrSelect-24937c69.js';
-export { s as OrSelectV3 } from './OrSelect-5abcb941.js';
+export { s as OrSelectV3 } from './OrSelect-7143e10d.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-aaf73310.js';
 export { s as OrSidebarV3 } from './OrSidebar-1579ad80.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-2668946c.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.6.1",
+  "version": "4.6.2-beta.2768.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -153,6 +153,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "0ed1f1165068de1d4c6d9e68b36705301f1a1b7b"
+  }
 }

package/src/components/or-checkbox-v3/OrCheckbox.vue

@@ -133,7 +133,7 @@ export default defineComponent({
 
     const isChecked = computed(() => {
       if (Array.isArray(proxyModelValue.value)) {
-        return props.value && proxyModelValue.value.includes(props.value);
+        return !(props.value === '' || props.value === null || props.value === undefined) && proxyModelValue.value.includes(props.value);
       }
 
       return !!proxyModelValue.value;

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

@@ -62,7 +62,7 @@
         </template>
 
         <template v-else>
-          <template v-if="proxyModelValue">
+          <template v-if="!isEmptyModelValue">
             <slot
               name="valueTemplate"
               :model="proxyModelValue"
@@ -418,6 +418,12 @@ export default defineComponent({
       },
     });
 
+    const isEmptyModelValue = computed(() => {
+      return Array.isArray(proxyModelValue.value)
+        ? proxyModelValue.value.length === 0
+        : proxyModelValue.value === undefined || proxyModelValue.value === null || proxyModelValue.value === '';
+    });
+
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];
@@ -527,6 +533,7 @@ export default defineComponent({
       controlId,
       proxyModelValue,
       readonly,
+      isEmptyModelValue,
       selection,
       searchText,
       internalSearchOptions,