@onereach/ui-components 8.23.2-beta.4140.0 → 8.23.2-beta.4142.0

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

@@ -536,9 +536,7 @@ var __vue_render__$1 = function () {
   return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, [!_vm.isOpen ? [_c('span', {
-    staticClass: "truncate"
-  }, [_vm._v("\n      " + _vm._s(_vm.selectionLabel) + "\n    ")])] : [_vm.enableSearch ? _c('OrSelectControlInput', {
+  }, [_vm.isOpen && _vm.enableSearch ? [_c('OrSelectControlInput', {
     ref: "searchControl",
     attrs: {
       "placeholder": _vm.isEmpty ? _vm.placeholder : _vm.selectionLabel
@@ -550,11 +548,13 @@ var __vue_render__$1 = function () {
       },
       expression: "searchModelValue"
     }
-  }) : _c('OrSelectPlaceholder', {
+  })] : [_vm.isEmpty ? [_c('OrSelectPlaceholder', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.selectionLabel) + "\n    ")])]], 2);
+  }, [_vm._v("\n        " + _vm._s(_vm.placeholder) + "\n      ")])] : [_c('span', {
+    staticClass: "truncate"
+  }, [_vm._v("\n        " + _vm._s(_vm.selectionLabel) + "\n      ")])]]], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 

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

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-e8c265f8.js';
+export { s as default } from '../OrSelectV3-e705e2cc.js';

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

@@ -1,2 +1,2 @@
-export { s as OrSelectV3 } from '../OrSelectV3-e8c265f8.js';
+export { s as OrSelectV3 } from '../OrSelectV3-e705e2cc.js';
 export { I as SelectSize } from '../OrInputBoxV3-90e51950.js';

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

@@ -1 +1 @@
-export { S as Select, a as SelectControl, d as SelectDropdown, e as SelectDropdownDefault, f as SelectDropdownFlipped, g as SelectDropdownItem, h as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-e8c265f8.js';
+export { S as Select, a as SelectControl, d as SelectDropdown, e as SelectDropdownDefault, f as SelectDropdownFlipped, g as SelectDropdownItem, h as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-e705e2cc.js';

package/dist/bundled/v3/components/OrSelectV3/utils/castToMultipleValue.js

@@ -1,2 +1,2 @@
 import '../../../utils/isEmptyValue.js';
-export { c as castToMultipleValue } from '../../OrSelectV3-e8c265f8.js';
+export { c as castToMultipleValue } from '../../OrSelectV3-e705e2cc.js';

package/dist/bundled/v3/components/{OrSelectV3-e8c265f8.js → OrSelectV3-e705e2cc.js}

@@ -422,7 +422,7 @@ var script$1 = defineComponent({
 });
 
 const _hoisted_1$1 = {
-  key: 0,
+  key: 1,
   class: "truncate"
 };
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
@@ -431,22 +431,22 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [!_ctx.isOpen ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(_ctx.selectionLabel), 1 /* TEXT */)) : (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrSelectControlInput, {
+  }, [_ctx.isOpen && _ctx.enableSearch ? (openBlock(), createBlock(_component_OrSelectControlInput, {
     key: 0,
     ref: "searchControl",
     modelValue: _ctx.searchModelValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.searchModelValue = $event),
     placeholder: _ctx.isEmpty ? _ctx.placeholder : _ctx.selectionLabel
-  }, null, 8 /* PROPS */, ["modelValue", "placeholder"])) : (openBlock(), createBlock(_component_OrSelectPlaceholder, {
-    key: 1,
+  }, null, 8 /* PROPS */, ["modelValue", "placeholder"])) : (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [_ctx.isEmpty ? (openBlock(), createBlock(_component_OrSelectPlaceholder, {
+    key: 0,
     disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.selectionLabel), 1 /* TEXT */)]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.placeholder), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"])) : (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(_ctx.selectionLabel), 1 /* TEXT */))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
 }
 
 script$1.render = render$1;

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

@@ -86,7 +86,7 @@ export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { OrSearchV3 } from './OrSearchV3/index.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-d7578374.js';
 export { s as OrSelect } from './OrSelect-c0c14dd8.js';
-export { s as OrSelectV3 } from './OrSelectV3-e8c265f8.js';
+export { s as OrSelectV3 } from './OrSelectV3-e705e2cc.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-13a7de2b.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-b3691eeb.js';

package/dist/bundled/v3/index.js

@@ -46,7 +46,7 @@ export { s as OrRatingV3 } from './components/OrRatingV3-b6b47938.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-a23ed54e.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-d7578374.js';
 export { s as OrSelect } from './components/OrSelect-c0c14dd8.js';
-export { s as OrSelectV3 } from './components/OrSelectV3-e8c265f8.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-e705e2cc.js';
 export { OrSidebar, OrSidebarSide } from './components/OrSidebar/index.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-13a7de2b.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-b3691eeb.js';

package/dist/esm/v2/{OrSelect-f42a1db6.js → OrSelect-79bb96e9.js}

@@ -20,7 +20,7 @@ import { _ as __vue_component__$c } from './OrMenuItem-fbe3e8e4.js';
 import { _ as __vue_component__$d } from './OrPopover-98ace710.js';
 import { T as TagsOverflow } from './OrTags-8f2af1d7.js';
 import { _ as __vue_component__$1, c as castToMultipleValue } from './OrSelectMultipleControl-b62645f3.js';
-import { _ as __vue_component__$2 } from './OrSelectSingleControl-91746d8b.js';
+import { _ as __vue_component__$2 } from './OrSelectSingleControl-1d337ddd.js';
 import './OrSelectPlaceholder-d03c1076.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelectSingleControl-91746d8b.js → OrSelectSingleControl-1d337ddd.js}

@@ -114,9 +114,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, [!_vm.isOpen ? [_c('span', {
-    staticClass: "truncate"
-  }, [_vm._v("\n      " + _vm._s(_vm.selectionLabel) + "\n    ")])] : [_vm.enableSearch ? _c('OrSelectControlInput', {
+  }, [_vm.isOpen && _vm.enableSearch ? [_c('OrSelectControlInput', {
     ref: "searchControl",
     attrs: {
       "placeholder": _vm.isEmpty ? _vm.placeholder : _vm.selectionLabel
@@ -128,11 +126,13 @@ var __vue_render__ = function () {
       },
       expression: "searchModelValue"
     }
-  }) : _c('OrSelectPlaceholder', {
+  })] : [_vm.isEmpty ? [_c('OrSelectPlaceholder', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.selectionLabel) + "\n    ")])]], 2);
+  }, [_vm._v("\n        " + _vm._s(_vm.placeholder) + "\n      ")])] : [_c('span', {
+    staticClass: "truncate"
+  }, [_vm._v("\n        " + _vm._s(_vm.selectionLabel) + "\n      ")])]]], 2);
 };
 var __vue_staticRenderFns__ = [];
 

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

@@ -105,7 +105,7 @@ export { _ as OrSearch } from '../OrSearch-525e988d.js';
 export { _ as OrSearchV3 } from '../OrSearch-177677ab.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-ef70b1d7.js';
 export { _ as OrSelect } from '../OrSelect-2808e01d.js';
-export { _ as OrSelectV3 } from '../OrSelect-f42a1db6.js';
+export { _ as OrSelectV3 } from '../OrSelect-79bb96e9.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
 export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-6fedb0a6.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
@@ -216,7 +216,7 @@ import '../OrSelectMultipleControl-b62645f3.js';
 import '../isEqualValue-f8bf73d9.js';
 import '../OrSelectControlInput-d968f1b8.js';
 import '../OrSelectPlaceholder-d03c1076.js';
-import '../OrSelectSingleControl-91746d8b.js';
+import '../OrSelectSingleControl-1d337ddd.js';
 import 'lodash/range';
 import '../styles-ed564e39.js';
 import '../useOverflow-e91d2314.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-f42a1db6.js';
+export { _ as OrSelectV3 } from '../../OrSelect-79bb96e9.js';
 export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-e9b6fa51.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
@@ -47,4 +47,4 @@ import '../../OrSelectMultipleControl-b62645f3.js';
 import '../../isEqualValue-f8bf73d9.js';
 import '../../OrSelectControlInput-d968f1b8.js';
 import '../../OrSelectPlaceholder-d03c1076.js';
-import '../../OrSelectSingleControl-91746d8b.js';
+import '../../OrSelectSingleControl-1d337ddd.js';

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

@@ -1,5 +1,5 @@
 export { _ as OrSelectMultipleControl } from '../../../OrSelectMultipleControl-b62645f3.js';
-export { _ as OrSelectSingleControl } from '../../../OrSelectSingleControl-91746d8b.js';
+export { _ as OrSelectSingleControl } from '../../../OrSelectSingleControl-1d337ddd.js';
 export { _ as OrSelectPlaceholder } from '../../../OrSelectPlaceholder-d03c1076.js';
 import 'vue-demi';
 import '@vueuse/core';

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

@@ -1,4 +1,4 @@
-export { _ as OrSelectSingleControl } from '../../../../OrSelectSingleControl-91746d8b.js';
+export { _ as OrSelectSingleControl } from '../../../../OrSelectSingleControl-1d337ddd.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../../../dom-aecadd9a.js';

package/dist/esm/v2/index.js

@@ -105,7 +105,7 @@ export { _ as OrSearch } from './OrSearch-525e988d.js';
 export { _ as OrSearchV3 } from './OrSearch-177677ab.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-ef70b1d7.js';
 export { _ as OrSelect } from './OrSelect-2808e01d.js';
-export { _ as OrSelectV3 } from './OrSelect-f42a1db6.js';
+export { _ as OrSelectV3 } from './OrSelect-79bb96e9.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
 export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-6fedb0a6.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
@@ -217,7 +217,7 @@ import 'lodash/keyBy';
 import './OrSelectMultipleControl-b62645f3.js';
 import './OrSelectControlInput-d968f1b8.js';
 import './OrSelectPlaceholder-d03c1076.js';
-import './OrSelectSingleControl-91746d8b.js';
+import './OrSelectSingleControl-1d337ddd.js';
 import 'lodash/range';
 import './styles-ed564e39.js';
 import 'portal-vue/dist/portal-vue.esm.js';

package/dist/esm/v3/{OrSelect-1b906ffc.js → OrSelect-9bd373a6.js}

@@ -19,7 +19,7 @@ import { s as script$c } from './OrMenuItem-2928ba60.js';
 import { s as script$d } from './OrPopover-d8067ed8.js';
 import { T as TagsOverflow } from './OrTags-278c3292.js';
 import { s as script$1, c as castToMultipleValue } from './OrSelectMultipleControl-5cc62b9b.js';
-import { s as script$2 } from './OrSelectSingleControl-eeca515f.js';
+import { s as script$2 } from './OrSelectSingleControl-a0f2bedb.js';
 import './OrSelectPlaceholder-fc5a2dbf.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, Fragment, renderList, vShow } from 'vue';
 

package/dist/esm/v3/{OrSelectSingleControl-eeca515f.js → OrSelectSingleControl-a0f2bedb.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$2 } from './OrSelectControlInput-266e9375.js';
 import { s as script$1 } from './OrSelectPlaceholder-fc5a2dbf.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, Fragment, createBlock, withCtx, createTextVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, Fragment, withCtx, createTextVNode, toDisplayString } from 'vue';
 
 const SelectSingleControlInput = [
 // Layout
@@ -104,7 +104,7 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = {
-  key: 0,
+  key: 1,
   class: "truncate"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -113,22 +113,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [!_ctx.isOpen ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.selectionLabel), 1 /* TEXT */)) : (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrSelectControlInput, {
+  }, [_ctx.isOpen && _ctx.enableSearch ? (openBlock(), createBlock(_component_OrSelectControlInput, {
     key: 0,
     ref: "searchControl",
     modelValue: _ctx.searchModelValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.searchModelValue = $event),
     placeholder: _ctx.isEmpty ? _ctx.placeholder : _ctx.selectionLabel
-  }, null, 8 /* PROPS */, ["modelValue", "placeholder"])) : (openBlock(), createBlock(_component_OrSelectPlaceholder, {
-    key: 1,
+  }, null, 8 /* PROPS */, ["modelValue", "placeholder"])) : (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [_ctx.isEmpty ? (openBlock(), createBlock(_component_OrSelectPlaceholder, {
+    key: 0,
     disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.selectionLabel), 1 /* TEXT */)]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.placeholder), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.selectionLabel), 1 /* TEXT */))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
 }
 
 script.render = render;

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

@@ -101,7 +101,7 @@ export { s as OrSearch } from '../OrSearch-54a642d3.js';
 export { s as OrSearchV3 } from '../OrSearch-c2ab03b7.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-08992fc7.js';
 export { s as OrSelect } from '../OrSelect-c87b9c23.js';
-export { s as OrSelectV3 } from '../OrSelect-1b906ffc.js';
+export { s as OrSelectV3 } from '../OrSelect-9bd373a6.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-f765a54f.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
@@ -207,7 +207,7 @@ import '../OrSelectMultipleControl-5cc62b9b.js';
 import '../isEqualValue-f8bf73d9.js';
 import '../OrSelectControlInput-266e9375.js';
 import '../OrSelectPlaceholder-fc5a2dbf.js';
-import '../OrSelectSingleControl-eeca515f.js';
+import '../OrSelectSingleControl-a0f2bedb.js';
 import 'lodash/range';
 import '../styles-ed564e39.js';
 import '../useOverflow-e91d2314.js';

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-1b906ffc.js';
+export { s as OrSelectV3 } from '../../OrSelect-9bd373a6.js';
 export { I as SelectSize } from '../../OrInputBox-be83fe16.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
@@ -44,4 +44,4 @@ import '../../OrSelectMultipleControl-5cc62b9b.js';
 import '../../isEqualValue-f8bf73d9.js';
 import '../../OrSelectControlInput-266e9375.js';
 import '../../OrSelectPlaceholder-fc5a2dbf.js';
-import '../../OrSelectSingleControl-eeca515f.js';
+import '../../OrSelectSingleControl-a0f2bedb.js';

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

@@ -1,5 +1,5 @@
 export { s as OrSelectMultipleControl } from '../../../OrSelectMultipleControl-5cc62b9b.js';
-export { s as OrSelectSingleControl } from '../../../OrSelectSingleControl-eeca515f.js';
+export { s as OrSelectSingleControl } from '../../../OrSelectSingleControl-a0f2bedb.js';
 export { s as OrSelectPlaceholder } from '../../../OrSelectPlaceholder-fc5a2dbf.js';
 import 'vue-demi';
 import '@vueuse/core';

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

@@ -1,4 +1,4 @@
-export { s as OrSelectSingleControl } from '../../../../OrSelectSingleControl-eeca515f.js';
+export { s as OrSelectSingleControl } from '../../../../OrSelectSingleControl-a0f2bedb.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../../../dom-aecadd9a.js';

package/dist/esm/v3/index.js

@@ -101,7 +101,7 @@ export { s as OrSearch } from './OrSearch-54a642d3.js';
 export { s as OrSearchV3 } from './OrSearch-c2ab03b7.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-08992fc7.js';
 export { s as OrSelect } from './OrSelect-c87b9c23.js';
-export { s as OrSelectV3 } from './OrSelect-1b906ffc.js';
+export { s as OrSelectV3 } from './OrSelect-9bd373a6.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-f765a54f.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
@@ -208,7 +208,7 @@ import 'lodash/keyBy';
 import './OrSelectMultipleControl-5cc62b9b.js';
 import './OrSelectControlInput-266e9375.js';
 import './OrSelectPlaceholder-fc5a2dbf.js';
-import './OrSelectSingleControl-eeca515f.js';
+import './OrSelectSingleControl-a0f2bedb.js';
 import 'lodash/range';
 import './styles-ed564e39.js';
 import 'lodash/isNil';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.23.2-beta.4140.0",
+  "version": "8.23.2-beta.4142.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,

package/src/components/or-select-v3/partials/or-select-single-control/OrSelectSingleControl.vue

@@ -3,26 +3,26 @@
     ref="root"
     :class="rootStyles"
   >
-    <template v-if="!isOpen">
-      <span class="truncate">
-        {{ selectionLabel }}
-      </span>
-    </template>
-
-    <template v-else>
+    <template v-if="isOpen && enableSearch">
       <OrSelectControlInput
-        v-if="enableSearch"
         ref="searchControl"
         v-model="searchModelValue"
         :placeholder="isEmpty ? placeholder : selectionLabel"
       />
+    </template>
 
-      <OrSelectPlaceholder
-        v-else
-        :disabled="disabled"
-      >
-        {{ selectionLabel }}
-      </OrSelectPlaceholder>
+    <template v-else>
+      <template v-if="isEmpty">
+        <OrSelectPlaceholder :disabled="disabled">
+          {{ placeholder }}
+        </OrSelectPlaceholder>
+      </template>
+
+      <template v-else>
+        <span class="truncate">
+          {{ selectionLabel }}
+        </span>
+      </template>
     </template>
   </div>
 </template>