@onereach/ui-components-vue2 25.1.2-beta.5766.0 → 25.1.2-beta.5768.0

package/dist/esm/components/index.js

@@ -97,13 +97,13 @@ export { OrTimeRangePickerV3 } from './or-time-range-picker-v3/index.js';
 export { OrToastContainerV3, OrToastV3, PropsV3, TypesV3, useQueueV3, useToastV3 } from './or-toast-v3/index.js';
 export { OrTooltipV3 } from './or-tooltip-v3/index.js';
 export { OrTreeV3, TreeNodeDropPosition } from './or-tree-v3/index.js';
-import '../directives-0869d2a4.js';
-import '../useValidationAttributes-BLzi0C4L-6839e2c2.js';
+import '@vueuse/core';
 import 'vue-demi';
+import '../useValidationAttributes-BLzi0C4L-6839e2c2.js';
 import '../dom-qGGG2YCX-4d4cca6e.js';
-import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
+import '../directives-0869d2a4.js';
 import '../utils-72d9c2bb.js';
 import '../normalize-component-cf2db48b.js';
 import '../constants-2e3ea701.js';

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

@@ -1,8 +1,8 @@
-import { a, c } from '../../directives-0869d2a4.js';
-import { J, Q, c as ie, a as re, n as ne } from '../../useValidationAttributes-BLzi0C4L-6839e2c2.js';
-import { a8 as Ht, ae as u, an as Ft, P as Pt } from '../../utils-72d9c2bb.js';
 import { computedAsync, watchTriggerable } from '@vueuse/core';
 import { defineComponent, reactive, ref, computed, toRef, nextTick } from 'vue-demi';
+import { J, Q, c as ie, a as re, n as ne } from '../../useValidationAttributes-BLzi0C4L-6839e2c2.js';
+import { a, c } from '../../directives-0869d2a4.js';
+import { a8 as Ht, ae as u, an as Ft, P as Pt } from '../../utils-72d9c2bb.js';
 import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
 import { OrHintV3 as OrHint } from '../or-hint-v3/index.js';
 import { OrIconButtonV3 as OrIconButton } from '../or-icon-button-v3/index.js';
@@ -297,6 +297,9 @@ var script = defineComponent({
     }
     function onBlur(event) {
       activated.value = false;
+      if (props.multiple) {
+        clear();
+      }
       context.emit('blur', event);
     }
     function openMobilePopover() {

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

@@ -935,6 +935,18 @@ var script = defineComponent({
       if (popoverInstance) {
         popoverInstance.open();
       }
+      nextTick(() => {
+        if (proxyModelValue.value) {
+          const value = Array.isArray(proxyModelValue.value) ? proxyModelValue.value[0] : proxyModelValue.value;
+          const selectedOptionElement = document.querySelector(`[data-value="${value}"]`);
+          if (selectedOptionElement) {
+            selectedOptionElement.scrollIntoView({
+              behavior: 'auto',
+              block: 'start'
+            });
+          }
+        }
+      });
     }
     function close() {
       const popoverInstance = popover.value;
@@ -1280,7 +1292,8 @@ var __vue_render__ = function () {
       attrs: {
         "tooltip-text": option.label,
         "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
-        "disabled": option.disabled
+        "disabled": option.disabled,
+        "data-value": option.value
       },
       on: {
         "click": function ($event) {
@@ -1314,6 +1327,7 @@ var __vue_render__ = function () {
       attrs: {
         "selected": _vm.proxyModelValue === option.value,
         "tooltip-text": option.label,
+        "data-value": option.value,
         "disabled": option.disabled
       },
       on: {

package/dist/esm/components/or-tag-input-v3/index.js

@@ -1,7 +1,7 @@
-import { a as re, J, Q, c as ie, n as ne } from '../../useValidationAttributes-BLzi0C4L-6839e2c2.js';
-import { an as Ft, a8 as Ht, P as Pt } from '../../utils-72d9c2bb.js';
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
+import { a as re, J, Q, c as ie, n as ne } from '../../useValidationAttributes-BLzi0C4L-6839e2c2.js';
+import { an as Ft, a8 as Ht, P as Pt } from '../../utils-72d9c2bb.js';
 import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
 import { OrHintV3 as OrHint } from '../or-hint-v3/index.js';
 import { OrIconButtonV3 as OrIconButton } from '../or-icon-button-v3/index.js';
@@ -9,8 +9,8 @@ import { OrInputBoxV3 as OrInputBox } from '../or-input-box-v3/index.js';
 import { OrLabelV3 as OrLabel } from '../or-label-v3/index.js';
 import { OrLoaderV3 as OrLoader } from '../or-loader-v3/index.js';
 import { OrTagsV3 as OrTags, TagsOverflow } from '../or-tags-v3/index.js';
-import { TagColor, TagVariant } from '../or-tag-v3/index.js';
 import { a as InputBoxVariant } from '../../types-98e9a758.js';
+import { TagColor } from '../or-tag-v3/index.js';
 import { s as styleInject } from '../../style-inject.es-87955792.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
@@ -177,7 +177,7 @@ var script = defineComponent({
       return draftModelValue.value || currentLength.value === 0 || activated.value;
     });
     const tagsProps = computed(() => ({
-      variant: readonly.value || disabled.value || !activated.value ? TagVariant.Tag : TagVariant.Reset,
+      variant: readonly.value || disabled.value || !activated.value ? 'tag' : 'reset',
       disabled: disabled.value
     }));
     // Methods
@@ -188,7 +188,6 @@ var script = defineComponent({
     function blur() {
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
-      draftModelValue.value = '';
     }
     function deactivate() {
       activated.value = false;
@@ -271,7 +270,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-a283e530]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-1dce37a5]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -481,7 +480,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-a283e530";
+const __vue_scope_id__ = "data-v-1dce37a5";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "25.1.2-beta.5766.0",
+  "version": "25.1.2-beta.5768.0",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -40,8 +40,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^25.1.2-beta.5766.0",
-    "@onereach/ui-components-common": "^25.1.2-beta.5766.0",
+    "@onereach/styles": "^25.1.2-beta.5768.0",
+    "@onereach/ui-components-common": "^25.1.2-beta.5768.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",