@onereach/ui-components 4.6.2-beta.2775.0 → 4.6.2-beta.2779.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-30f79990.js → OrDateTimePickerMonthSelect-75089f80.js}

@@ -47,7 +47,7 @@ var script$2 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-date-control-v3', ...DateTimePickerDateControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-date-control', ...DateTimePickerDateControl]);
     const placeholderStyles = computed(() => [...DateTimePickerDateControlPlaceholder]);
     // State
     const proxyModelValue = computed({
@@ -184,7 +184,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-date-select-v3', ...DateTimePickerDateSelect]);
+    const rootStyles = computed(() => ['or-date-time-picker-date-select', ...DateTimePickerDateSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerDateSelectButtonGroup]);
     const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupWeekdayItem]);
     const buttonGroupDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDateItem]);
@@ -373,7 +373,7 @@ var script = defineComponent({
       return (_a = monthMenu.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-month-select-v3', ...DateTimePickerMonthSelect]);
+    const rootStyles = computed(() => ['or-date-time-picker-month-select', ...DateTimePickerMonthSelect]);
     // State
     const proxyModelValue = computed({
       get: () => {

package/dist/bundled/v2/{OrDateTimePickerPopoverHeader-61faaa61.js → OrDateTimePickerPopoverHeader-7c87f38a.js}

@@ -30,7 +30,7 @@ var script$2 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-mobile-control-v3', ...DateTimePickerMobileControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-mobile-control', ...DateTimePickerMobileControl]);
     const contentStyles = computed(() => [...DateTimePickerMobileControlContent]);
     return {
       root,
@@ -98,7 +98,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-popover-footer-v3', ...DateTimePickerPopoverFooter]);
+    const rootStyles = computed(() => ['or-date-time-picker-popover-footer', ...DateTimePickerPopoverFooter]);
     return {
       root,
       rootStyles
@@ -174,7 +174,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-popover-header-v3', ...DateTimePickerPopoverHeader]);
+    const rootStyles = computed(() => ['or-date-time-picker-popover-header', ...DateTimePickerPopoverHeader]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-2a5772a9.js → OrDateTimePickerTimeSelect-3d0ef650.js}

@@ -43,7 +43,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-time-control-v3', ...DateTimePickerTimeControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-time-control', ...DateTimePickerTimeControl]);
     const placeholderStyles = computed(() => [...DateTimePickerTimeControlPlaceholder]);
     // State
     const proxyModelValue = computed({
@@ -172,7 +172,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
+    const rootStyles = computed(() => ['or-date-time-picker-time-select', ...DateTimePickerTimeSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
     // State

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

@@ -10,6 +10,7 @@ import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
+import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

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

@@ -9,6 +9,7 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrCheckboxV3/OrCheckbox.js';
+import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

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

@@ -8,6 +8,7 @@ import __vue_component__$3 from '../OrButtonV3/OrButton.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
+import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

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

@@ -8,6 +8,7 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrCheckboxV3/OrCheckbox.js';
+import '../../utils/isEmptyValue.js';
 import '../OrCheckboxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

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

@@ -1,5 +1,6 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
+import { isEmptyValue } from '../../utils/isEmptyValue.js';
 import { CheckboxRoot, CheckboxControl, CheckboxControlHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
 import { LabelVariant } from '../OrLabelV3/props.js';
@@ -68,7 +69,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 !isEmptyValue(props.value) && proxyModelValue.value.includes(props.value);
       }
       return !!proxyModelValue.value;
     });
@@ -106,7 +107,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-35085ade]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
 styleInject(css_248z);
 
 /* script */
@@ -167,7 +168,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-7688319c";
+const __vue_scope_id__ = "data-v-35085ade";
 /* 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/OrCheckboxV3/index.js

@@ -1,6 +1,7 @@
 export { default as OrCheckboxV3 } from './OrCheckbox.js';
 import 'vue-demi';
 import '@vueuse/core';
+import '../../utils/isEmptyValue.js';
 import './styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-30f79990.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-61faaa61.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-75089f80.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -142,7 +142,7 @@ var script = defineComponent({
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-date-picker-v3', ...DatePicker]);
+    const rootStyles = computed(() => ['or-date-picker', ...DatePicker]);
     const popoverStyles = computed(() => [...DatePickerPopover]);
     // State
     const initialModelValue = useCurrentDate();
@@ -254,31 +254,7 @@ var __vue_render__ = function () {
       "invalid": !!_vm.error,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm.modelValue ? [_c('OrIconButton', {
-          attrs: {
-            "icon": 'close',
-            "color": 'inherit',
-            "disabled": _vm.readonly || _vm.disabled
-          },
-          on: {
-            "click": function ($event) {
-              $event.stopPropagation();
-              return _vm.$emit('update:modelValue', undefined);
-            }
-          }
-        })] : [_c('OrIcon', {
-          attrs: {
-            "icon": 'calendar_month',
-            "variant": 'outlined'
-          }
-        })]];
-      },
-      proxy: true
-    }])
+    }
   }, [_c('OrDateTimePickerDateControl', {
     directives: [{
       name: "dropdown-open",
@@ -361,7 +337,26 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
+  }), _vm._v(" "), _c('div', {
+    class: ['layout-inline-row']
+  }, [_vm.modelValue ? [_c('OrIconButton', {
+    attrs: {
+      "icon": 'close',
+      "color": 'inherit',
+      "disabled": _vm.readonly || _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('update:modelValue', undefined);
+      }
+    }
+  })] : [_c('OrIcon', {
+    attrs: {
+      "icon": 'calendar_month',
+      "variant": 'outlined'
+    }
+  })]], 2)], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }

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

@@ -2,7 +2,7 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-30f79990.js';
+import '../../OrDateTimePickerMonthSelect-75089f80.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
@@ -38,7 +38,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-61faaa61.js';
+import '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-30f79990.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-61faaa61.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-2a5772a9.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-75089f80.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d0ef650.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -159,7 +159,7 @@ var script = defineComponent({
       return (_a = timePopover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-v3', ...DateTimePicker]);
+    const rootStyles = computed(() => ['or-date-time-picker', ...DateTimePicker]);
     const datePopoverStyles = computed(() => [...DateTimePickerDatePopover]);
     const timePopoverStyles = computed(() => [...DateTimePickerTimePopover]);
     // State
@@ -305,31 +305,7 @@ var __vue_render__ = function () {
       "invalid": !!_vm.error,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm.modelValue ? [_c('OrIconButton', {
-          attrs: {
-            "icon": 'close',
-            "color": 'inherit',
-            "disabled": _vm.readonly || _vm.disabled
-          },
-          on: {
-            "click": function ($event) {
-              $event.stopPropagation();
-              return _vm.$emit('update:modelValue', undefined);
-            }
-          }
-        })] : [_c('OrIcon', {
-          attrs: {
-            "icon": 'calendar_month',
-            "variant": 'outlined'
-          }
-        })]];
-      },
-      proxy: true
-    }])
+    }
   }, [_c('OrDateTimePickerDateControl', {
     directives: [{
       name: "dropdown-open",
@@ -488,7 +464,26 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
+  }), _vm._v(" "), _c('div', {
+    class: ['layout-inline-row']
+  }, [_vm.modelValue ? [_c('OrIconButton', {
+    attrs: {
+      "icon": 'close',
+      "color": 'inherit',
+      "disabled": _vm.readonly || _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('update:modelValue', undefined);
+      }
+    }
+  })] : [_c('OrIcon', {
+    attrs: {
+      "icon": 'calendar_month',
+      "variant": 'outlined'
+    }
+  })]], 2)], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }

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

@@ -2,7 +2,7 @@ export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-30f79990.js';
+import '../../OrDateTimePickerMonthSelect-75089f80.js';
 import './hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
@@ -38,11 +38,11 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-61faaa61.js';
+import '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-2a5772a9.js';
+import '../../OrDateTimePickerTimeSelect-3d0ef650.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrInputBoxV3/OrInputBox.js

@@ -1,69 +1,10 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { InputBoxVariant, InputBoxSize } from './props.js';
 import { InputBoxRoot, InputBoxRootVariants, InputBoxRootSizes } from './styles.js';
-
-const InputBoxAddon = [
-// Layout
-'layout-inline-row',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
-
-var script$1 = defineComponent({
-  name: 'OrInputBoxAddon',
-  expose: ['root'],
-  setup() {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-input-box-addon-v3', ...InputBoxAddon]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-/* script */
-const __vue_script__$1 = script$1;
-
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: "root",
-    class: _vm.rootStyles
-  }, [_vm._t("default")], 2);
-};
-var __vue_staticRenderFns__$1 = [];
-
-/* style */
-const __vue_inject_styles__$1 = undefined;
-/* scoped */
-const __vue_scope_id__$1 = undefined;
-/* module identifier */
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-const __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-var OrInputBoxAddon = __vue_component__$1;
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
   name: 'OrInputBox',
-  components: {
-    OrInputBoxAddon
-  },
   props: {
     variant: {
       type: String,
@@ -115,7 +56,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
-  }, [_vm._t("default"), _vm._v(" "), _vm.$slots.addon ? [_c('OrInputBoxAddon', [_vm._t("addon")], 2)] : _vm._e()], 2);
+  }, [_vm._t("default")], 2);
 };
 var __vue_staticRenderFns__ = [];
 

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

@@ -1,5 +1,5 @@
 export { default as OrInputBoxV3 } from './OrInputBox.js';
 export { InputBoxSize, InputBoxVariant } from './props.js';
 import 'vue-demi';
-import '../../normalize-component-6e8e3d80.js';
 import './styles.js';
+import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -168,7 +168,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-75bfda1e]{min-width:0;background:0 0;outline:0}input[type=number][data-v-75bfda1e]::-webkit-inner-spin-button{display:none}input[type=search][data-v-75bfda1e]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-10156a60]{min-width:0;background:0 0;outline:0}input[type=number][data-v-10156a60]::-webkit-inner-spin-button{display:none}input[type=search][data-v-10156a60]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -202,52 +202,7 @@ var __vue_render__ = function () {
       "invalid": !!_vm.error,
       "readonly": _vm.readonly || _vm.loading,
       "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm.loading ? [_c('OrLoader', {
-          attrs: {
-            "variant": 'circular',
-            "color": 'primary',
-            "size": _vm.isMobile ? 'm' : 's'
-          }
-        })] : [_vm.type === 'password' ? [_c('OrIconButton', {
-          attrs: {
-            "icon": {
-              icon: _vm.disclosed ? 'visibility_off' : 'visibility',
-              variant: 'filled'
-            },
-            "color": 'inherit',
-            "disabled": _vm.disabled
-          },
-          on: {
-            "click": function ($event) {
-              $event.stopPropagation();
-              _vm.disclosed = !_vm.disclosed;
-            }
-          }
-        })] : _vm._e(), _vm._v(" "), _vm.type === 'search' ? [_vm.modelValue ? [_c('OrIconButton', {
-          attrs: {
-            "icon": 'close',
-            "color": 'inherit',
-            "disabled": _vm.readonly || _vm.disabled
-          },
-          on: {
-            "click": function ($event) {
-              $event.stopPropagation();
-              return _vm.$emit('update:modelValue', '');
-            }
-          }
-        })] : [_c('OrIcon', {
-          attrs: {
-            "icon": 'search',
-            "variant": 'outlined'
-          }
-        })]] : _vm._e()]];
-      },
-      proxy: true
-    }])
+    }
   }, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input', _vm._b({
     directives: [{
       name: "model",
@@ -375,7 +330,47 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = $event.target.value;
       }
     }
-  }, 'input', _vm.controlAttributes, false))]), _vm._v(" "), _c('div', {
+  }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('div', {
+    class: ['layout-inline-row']
+  }, [_vm.loading ? [_c('OrLoader', {
+    attrs: {
+      "variant": 'circular',
+      "color": 'primary',
+      "size": _vm.isMobile ? 'm' : 's'
+    }
+  })] : [_vm.type === 'password' ? [_c('OrIconButton', {
+    attrs: {
+      "icon": {
+        icon: _vm.disclosed ? 'visibility_off' : 'visibility',
+        variant: 'filled'
+      },
+      "color": 'inherit',
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        _vm.disclosed = !_vm.disclosed;
+      }
+    }
+  })] : _vm._e(), _vm._v(" "), _vm.type === 'search' ? [_vm.modelValue ? [_c('OrIconButton', {
+    attrs: {
+      "icon": 'close',
+      "color": 'inherit',
+      "disabled": _vm.readonly || _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('update:modelValue', '');
+      }
+    }
+  })] : [_c('OrIcon', {
+    attrs: {
+      "icon": 'search',
+      "variant": 'outlined'
+    }
+  })]] : _vm._e()]], 2)]), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -420,7 +415,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-75bfda1e";
+const __vue_scope_id__ = "data-v-10156a60";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -1,4 +1,5 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
+import { isEmptyValue } from '../../utils/isEmptyValue.js';
 import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectNoSearchResults } from './styles.js';
 import __vue_component__$1 from '../OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$2 from '../OrErrorV3/OrError.js';
@@ -193,6 +194,9 @@ var script = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const isEmptyModelValue = computed(() => {
+      return Array.isArray(proxyModelValue.value) ? proxyModelValue.value.length === 0 : isEmptyValue(proxyModelValue.value);
+    });
     onMounted(() => {
       if (!proxyModelValue.value && props.multiple) {
         proxyModelValue.value = [];
@@ -282,6 +286,7 @@ var script = defineComponent({
       controlId,
       proxyModelValue,
       readonly,
+      isEmptyModelValue,
       selection,
       searchText,
       internalSearchOptions,
@@ -377,7 +382,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/OrSelectV3/index.js

@@ -1,6 +1,7 @@
 export { default as OrSelectV3 } from './OrSelect.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
+import '../../utils/isEmptyValue.js';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
 import '@vueuse/core';