@onereach/ui-components 4.7.2 → 4.7.3

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

@@ -365,8 +365,8 @@ var __vue_render__ = function () {
         return _vm.$emit('blur', $event);
       }
     }
-  }, [_vm.multiple ? [_vm._t("valueTemplate", function () {
-    return [_vm.proxyModelValue && _vm.proxyModelValue.length > 0 ? _vm._l(_vm.selection, function (option) {
+  }, [_vm.multiple ? [_vm.proxyModelValue && _vm.proxyModelValue.length > 0 ? [_vm._t("valueTemplate", function () {
+    return _vm._l(_vm.selection, function (option) {
       return _c('OrTag', {
         key: option.value,
         attrs: {
@@ -379,12 +379,12 @@ var __vue_render__ = function () {
           }
         }
       }, [_vm._v("\n              " + _vm._s(option.label) + "\n            ")]);
-    }) : [_c('span', {
-      class: _vm.placeholderStyles
-    }, [_vm._v(_vm._s(_vm.placeholder))])]];
+    });
   }, {
     "model": _vm.proxyModelValue
-  })] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
+  })] : [_c('span', {
+    class: _vm.placeholderStyles
+  }, [_vm._v(_vm._s(_vm.placeholder))])]] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
     return [_c('span', {
       staticClass: "truncate"
     }, [_vm._v("\n              " + _vm._s(_vm.selection.label) + "\n            ")])];

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

@@ -137,12 +137,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.disabled,
       onFocus: _cache[0] || (_cache[0] = $event => _ctx.$emit('focus', $event)),
       onBlur: _cache[1] || (_cache[1] = $event => _ctx.$emit('blur', $event))
-    }, [_ctx.multiple ? renderSlot(_ctx.$slots, "valueTemplate", {
+    }, [_ctx.multiple ? (openBlock(), createElementBlock(Fragment, {
+      key: 0
+    }, [_ctx.proxyModelValue && _ctx.proxyModelValue.length > 0 ? renderSlot(_ctx.$slots, "valueTemplate", {
       key: 0,
       model: _ctx.proxyModelValue
-    }, () => [_ctx.proxyModelValue && _ctx.proxyModelValue.length > 0 ? (openBlock(true), createElementBlock(Fragment, {
-      key: 0
-    }, renderList(_ctx.selection, option => {
+    }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selection, option => {
       return openBlock(), createBlock(_component_OrTag, {
         key: option.value,
         variant: 'reset',
@@ -153,10 +153,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
         _: 2 /* DYNAMIC */
       }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onReset"]);
-    }), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
+    }), 128 /* KEYED_FRAGMENT */))]) : (openBlock(), createElementBlock("span", {
       key: 1,
       class: normalizeClass(_ctx.placeholderStyles)
-    }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))]) : (openBlock(), createElementBlock(Fragment, {
+    }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
       key: 1
     }, [!_ctx.isEmptyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
       key: 0,

package/dist/esm/v2/{OrSelect-05dbead3.js → OrSelect-1132c7dc.js}

@@ -372,8 +372,8 @@ var __vue_render__ = function () {
         return _vm.$emit('blur', $event);
       }
     }
-  }, [_vm.multiple ? [_vm._t("valueTemplate", function () {
-    return [_vm.proxyModelValue && _vm.proxyModelValue.length > 0 ? _vm._l(_vm.selection, function (option) {
+  }, [_vm.multiple ? [_vm.proxyModelValue && _vm.proxyModelValue.length > 0 ? [_vm._t("valueTemplate", function () {
+    return _vm._l(_vm.selection, function (option) {
       return _c('OrTag', {
         key: option.value,
         attrs: {
@@ -386,12 +386,12 @@ var __vue_render__ = function () {
           }
         }
       }, [_vm._v("\n              " + _vm._s(option.label) + "\n            ")]);
-    }) : [_c('span', {
-      class: _vm.placeholderStyles
-    }, [_vm._v(_vm._s(_vm.placeholder))])]];
+    });
   }, {
     "model": _vm.proxyModelValue
-  })] : [!_vm.isEmptyModelValue ? [_vm._t("valueTemplate", function () {
+  })] : [_c('span', {
+    class: _vm.placeholderStyles
+  }, [_vm._v(_vm._s(_vm.placeholder))])]] : [!_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

@@ -78,7 +78,7 @@ export { _ as OrSearch } from '../OrSearch-e2941d35.js';
 export { _ as OrSearchV3 } from '../OrSearch-cbd7fd0b.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from '../OrSelect-49239b74.js';
-export { _ as OrSelectV3 } from '../OrSelect-05dbead3.js';
+export { _ as OrSelectV3 } from '../OrSelect-1132c7dc.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-c56a9221.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-865f307e.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-b3a41f02.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-05dbead3.js';
+export { _ as OrSelectV3 } from '../../OrSelect-1132c7dc.js';
 export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

package/dist/esm/v2/components/or-tags-v3/OrTags.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-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<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     overflowButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -41,7 +41,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         } | {}> & Omit<{} & {}, never>>>;
         default: undefined;
     };
-}>> & 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<{
     items: string[];
     tagProps: Readonly<Partial<{
         [x: number]: string;

package/dist/esm/v2/components/or-textarea-v3/OrTextarea.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TextareaSize } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     control: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -97,7 +97,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     size: TextareaSize;
     label: string;

package/dist/esm/v2/components/or-textbox/OrTextbox.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TextboxTypes } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     inputRef: import("@vue/composition-api").Ref<HTMLInputElement | HTMLTextAreaElement | null>;
     reqAF: import("@vue/composition-api").Ref<null>;
     rootClasses: import("@vue/composition-api").ComputedRef<(string | {
@@ -228,7 +228,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
         required: false;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     id: string;
     placeholder: string;

package/dist/esm/v2/components/or-tooltip-v3/OrTooltip.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TooltipPlacement } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -34,7 +34,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<TooltipPlacement>;
         default: TooltipPlacement;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     isOpen: boolean;
     text: string;
     placement: TooltipPlacement;

package/dist/esm/v2/index.js

@@ -78,7 +78,7 @@ export { _ as OrSearch } from './OrSearch-e2941d35.js';
 export { _ as OrSearchV3 } from './OrSearch-cbd7fd0b.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-49239b74.js';
-export { _ as OrSelectV3 } from './OrSelect-05dbead3.js';
+export { _ as OrSelectV3 } from './OrSelect-1132c7dc.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
 export { _ as OrSidebarV3 } from './OrSidebar-865f307e.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-b3a41f02.js';

package/dist/esm/v3/{OrSelect-f330ade9.js → OrSelect-9432ac4d.js}

@@ -367,12 +367,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.disabled,
       onFocus: _cache[0] || (_cache[0] = $event => _ctx.$emit('focus', $event)),
       onBlur: _cache[1] || (_cache[1] = $event => _ctx.$emit('blur', $event))
-    }, [_ctx.multiple ? renderSlot(_ctx.$slots, "valueTemplate", {
+    }, [_ctx.multiple ? (openBlock(), createElementBlock(Fragment, {
+      key: 0
+    }, [_ctx.proxyModelValue && _ctx.proxyModelValue.length > 0 ? renderSlot(_ctx.$slots, "valueTemplate", {
       key: 0,
       model: _ctx.proxyModelValue
-    }, () => [_ctx.proxyModelValue && _ctx.proxyModelValue.length > 0 ? (openBlock(true), createElementBlock(Fragment, {
-      key: 0
-    }, renderList(_ctx.selection, option => {
+    }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selection, option => {
       return openBlock(), createBlock(_component_OrTag, {
         key: option.value,
         variant: 'reset',
@@ -383,10 +383,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
         _: 2 /* DYNAMIC */
       }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onReset"]);
-    }), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
+    }), 128 /* KEYED_FRAGMENT */))]) : (openBlock(), createElementBlock("span", {
       key: 1,
       class: normalizeClass(_ctx.placeholderStyles)
-    }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))]) : (openBlock(), createElementBlock(Fragment, {
+    }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
       key: 1
     }, [!_ctx.isEmptyModelValue ? renderSlot(_ctx.$slots, "valueTemplate", {
       key: 0,

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

@@ -76,7 +76,7 @@ export { s as OrSearch } from '../OrSearch-d0c8aca7.js';
 export { s as OrSearchV3 } from '../OrSearch-c5ecb005.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-359fbf3a.js';
 export { s as OrSelect } from '../OrSelect-60205145.js';
-export { s as OrSelectV3 } from '../OrSelect-f330ade9.js';
+export { s as OrSelectV3 } from '../OrSelect-9432ac4d.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
 export { s as OrSidebarV3 } from '../OrSidebar-7f5795da.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-5fb7a6a1.js';

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-f330ade9.js';
+export { s as OrSelectV3 } from '../../OrSelect-9432ac4d.js';
 export { I as SelectSize } from '../../OrInputBox-32814878.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

package/dist/esm/v3/index.js

@@ -76,7 +76,7 @@ export { s as OrSearch } from './OrSearch-d0c8aca7.js';
 export { s as OrSearchV3 } from './OrSearch-c5ecb005.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-359fbf3a.js';
 export { s as OrSelect } from './OrSelect-60205145.js';
-export { s as OrSelectV3 } from './OrSelect-f330ade9.js';
+export { s as OrSelectV3 } from './OrSelect-9432ac4d.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-aaf73310.js';
 export { s as OrSidebarV3 } from './OrSidebar-7f5795da.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-5fb7a6a1.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.7.2",
+  "version": "4.7.3",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -155,5 +155,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "7fbef2539193e370bd0d42394fd5813c2eb4fbb7"
+  "gitHead": "394e520a80b6414d39b42004d998e3165ab70f0f"
 }

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

@@ -39,11 +39,11 @@
         @blur="$emit('blur', $event)"
       >
         <template v-if="multiple">
-          <slot
-            name="valueTemplate"
-            :model="proxyModelValue"
-          >
-            <template v-if="proxyModelValue && proxyModelValue.length > 0">
+          <template v-if="proxyModelValue && proxyModelValue.length > 0">
+            <slot
+              name="valueTemplate"
+              :model="proxyModelValue"
+            >
               <OrTag
                 v-for="option in selection"
                 :key="option.value"
@@ -53,12 +53,12 @@
               >
                 {{ option.label }}
               </OrTag>
-            </template>
+            </slot>
+          </template>
 
-            <template v-else>
-              <span :class="placeholderStyles">{{ placeholder }}</span>
-            </template>
-          </slot>
+          <template v-else>
+            <span :class="placeholderStyles">{{ placeholder }}</span>
+          </template>
         </template>
 
         <template v-else>