@onereach/ui-components 8.12.0 → 8.13.0-beta.3770.0

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrTagInputV3-69f191d0.js';
+export { _ as default } from '../OrTagInputV3-697eb4bf.js';
 import '../OrAvatar-f32ddb1f.js';

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts

@@ -90,6 +90,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    saveDraftValueOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<string[]>;
@@ -135,6 +139,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    saveDraftValueOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string[];
     label: string;
@@ -147,6 +155,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disableDefaultStyles: boolean;
     overflow: "default" | "wrap" | "hidden" | "scroll";
     enableClear: boolean;
+    saveDraftValueOnClickOutside: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -206,6 +215,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disableDefaultStyles: boolean;
     overflow: "default" | "wrap" | "hidden" | "scroll";
     enableClear: boolean;
+    saveDraftValueOnClickOutside: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -220,5 +230,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disableDefaultStyles: boolean;
     overflow: "default" | "wrap" | "hidden" | "scroll";
     enableClear: boolean;
+    saveDraftValueOnClickOutside: boolean;
 }, true>);
 export default _default;

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

@@ -1,2 +1,2 @@
-export { _ as OrTagInputV3 } from '../OrTagInputV3-69f191d0.js';
+export { _ as OrTagInputV3 } from '../OrTagInputV3-697eb4bf.js';
 export { I as TagInputSize } from '../OrInputBoxV3-14649b7c.js';

package/dist/bundled/v2/components/OrTagInputV3/styles.js

@@ -1 +1 @@
-export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-69f191d0.js';
+export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-697eb4bf.js';

package/dist/bundled/v2/components/{OrTagInputV3-69f191d0.js → OrTagInputV3-697eb4bf.js}

@@ -82,6 +82,10 @@ var script = defineComponent({
     enableClear: {
       type: Boolean,
       default: true
+    },
+    saveDraftValueOnClickOutside: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur', 'reset'],
@@ -98,7 +102,8 @@ var script = defineComponent({
       overflow,
       placeholder,
       disabled,
-      readonly
+      readonly,
+      saveDraftValueOnClickOutside
     } = toRefs(props);
     // Styles
     const rootStyles = computed(() => ['or-tag-input-v3', ...TagInput]);
@@ -169,6 +174,7 @@ var script = defineComponent({
     onClickOutside(inputBox, () => {
       var _a, _b;
       if (activated.value === false || ((_b = (_a = tags.value) === null || _a === void 0 ? void 0 : _a.overflowPopover) === null || _b === void 0 ? void 0 : _b.state) === 'open') return;
+      if (saveDraftValueOnClickOutside.value) add();
       deactivate();
     });
     watch(proxyModelValue, (items, prevItems) => {
@@ -204,7 +210,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-5083e0d4]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-6e446c91]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -376,7 +382,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-5083e0d4";
+const __vue_scope_id__ = "data-v-6e446c91";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -101,7 +101,7 @@ export { _ as OrTabV3 } from './OrTabV3-c7dd4c84.js';
 export { default as OrTabs } from './OrTabs/OrTabs.js';
 export { _ as OrTabsV3, T as TabsVariant } from './OrTabsV3-d7fe1568.js';
 export { default as OrTag } from './OrTag/OrTag.js';
-export { _ as OrTagInputV3 } from './OrTagInputV3-69f191d0.js';
+export { _ as OrTagInputV3 } from './OrTagInputV3-697eb4bf.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTagV3-071da959.js';
 export { _ as OrTagsV3, T as TagsOverflow } from './OrTagsV3-f89f00ff.js';
 export { _ as OrTeleport } from './OrTeleport-a1a9f326.js';

package/dist/bundled/v2/index.js

@@ -60,7 +60,7 @@ export { default as OrTab } from './components/OrTab/OrTab.js';
 export { default as OrTabs } from './components/OrTabs/OrTabs.js';
 export { _ as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-d7fe1568.js';
 export { default as OrTag } from './components/OrTag/OrTag.js';
-export { _ as OrTagInputV3 } from './components/OrTagInputV3-69f191d0.js';
+export { _ as OrTagInputV3 } from './components/OrTagInputV3-697eb4bf.js';
 export { _ as OrTextV3 } from './components/OrTextV3-64d8cab6.js';
 export { default as OrTextarea } from './components/OrTextarea/OrTextarea.js';
 export { _ as OrTextareaV3 } from './components/OrTextareaV3-fdeb5ba1.js';

package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.js

@@ -1 +1 @@
-export { s as default } from '../OrTagInputV3-820b890f.js';
+export { s as default } from '../OrTagInputV3-e511c0bf.js';

package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.vue.d.ts

@@ -45,6 +45,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    saveDraftValueOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     control: import("vue-demi").Ref<HTMLInputElement | undefined>;
@@ -127,6 +131,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    saveDraftValueOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
@@ -146,5 +154,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     disableDefaultStyles: boolean;
     overflow: "default" | "wrap" | "hidden" | "scroll";
     enableClear: boolean;
+    saveDraftValueOnClickOutside: boolean;
 }>;
 export default _default;

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

@@ -1,2 +1,2 @@
-export { s as OrTagInputV3 } from '../OrTagInputV3-820b890f.js';
+export { s as OrTagInputV3 } from '../OrTagInputV3-e511c0bf.js';
 export { I as TagInputSize } from '../OrInputBoxV3-158edd7f.js';

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

@@ -1 +1 @@
-export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-820b890f.js';
+export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-e511c0bf.js';

package/dist/bundled/v3/components/{OrTagInputV3-820b890f.js → OrTagInputV3-e511c0bf.js}

@@ -83,6 +83,10 @@ var script = defineComponent({
     enableClear: {
       type: Boolean,
       default: true
+    },
+    saveDraftValueOnClickOutside: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur', 'reset'],
@@ -99,7 +103,8 @@ var script = defineComponent({
       overflow,
       placeholder,
       disabled,
-      readonly
+      readonly,
+      saveDraftValueOnClickOutside
     } = toRefs(props);
     // Styles
     const rootStyles = computed(() => ['or-tag-input-v3', ...TagInput]);
@@ -170,6 +175,7 @@ var script = defineComponent({
     onClickOutside(inputBox, () => {
       var _a, _b;
       if (activated.value === false || ((_b = (_a = tags.value) === null || _a === void 0 ? void 0 : _a.overflowPopover) === null || _b === void 0 ? void 0 : _b.state) === 'open') return;
+      if (saveDraftValueOnClickOutside.value) add();
       deactivate();
     });
     watch(proxyModelValue, (items, prevItems) => {

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

@@ -101,7 +101,7 @@ export { s as OrTabV3 } from './OrTabV3-b041538e.js';
 export { default as OrTabs } from './OrTabs/OrTabs.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabsV3-87c77545.js';
 export { default as OrTag } from './OrTag/OrTag.js';
-export { s as OrTagInputV3 } from './OrTagInputV3-820b890f.js';
+export { s as OrTagInputV3 } from './OrTagInputV3-e511c0bf.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTagV3-acb6e27c.js';
 export { s as OrTagsV3, T as TagsOverflow } from './OrTagsV3-2597d2e1.js';
 export { s as OrTeleport } from './OrTeleport-5a34b07f.js';

package/dist/bundled/v3/index.js

@@ -59,7 +59,7 @@ export { default as OrTab } from './components/OrTab/OrTab.js';
 export { default as OrTabs } from './components/OrTabs/OrTabs.js';
 export { s as OrTabsV3, T as TabsVariant } from './components/OrTabsV3-87c77545.js';
 export { default as OrTag } from './components/OrTag/OrTag.js';
-export { s as OrTagInputV3 } from './components/OrTagInputV3-820b890f.js';
+export { s as OrTagInputV3 } from './components/OrTagInputV3-e511c0bf.js';
 export { s as OrTextV3 } from './components/OrTextV3-ff806d55.js';
 export { default as OrTextarea } from './components/OrTextarea/OrTextarea.js';
 export { s as OrTextareaV3 } from './components/OrTextareaV3-14e92f75.js';

package/dist/esm/v2/{OrTagInput-a2905657.js → OrTagInput-e7b69c98.js}

@@ -90,6 +90,10 @@ var script = defineComponent({
     enableClear: {
       type: Boolean,
       default: true
+    },
+    saveDraftValueOnClickOutside: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur', 'reset'],
@@ -106,7 +110,8 @@ var script = defineComponent({
       overflow,
       placeholder,
       disabled,
-      readonly
+      readonly,
+      saveDraftValueOnClickOutside
     } = toRefs(props);
     // Styles
     const rootStyles = computed(() => ['or-tag-input-v3', ...TagInput]);
@@ -177,6 +182,7 @@ var script = defineComponent({
     onClickOutside(inputBox, () => {
       var _a, _b;
       if (activated.value === false || ((_b = (_a = tags.value) === null || _a === void 0 ? void 0 : _a.overflowPopover) === null || _b === void 0 ? void 0 : _b.state) === 'open') return;
+      if (saveDraftValueOnClickOutside.value) add();
       deactivate();
     });
     watch(proxyModelValue, (items, prevItems) => {
@@ -212,7 +218,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-5083e0d4]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-6e446c91]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -384,7 +390,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-5083e0d4";
+const __vue_scope_id__ = "data-v-6e446c91";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -123,7 +123,7 @@ export { _ as OrTabV3 } from '../OrTab-c88df1ef.js';
 export { _ as OrTabs } from '../OrTabs-62e7e478.js';
 export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-6026881b.js';
 export { _ as OrTag } from '../OrTag-b5803a20.js';
-export { _ as OrTagInputV3 } from '../OrTagInput-a2905657.js';
+export { _ as OrTagInputV3 } from '../OrTagInput-e7b69c98.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-5429f2ff.js';
 export { _ as OrTagsV3, T as TagsOverflow } from '../OrTags-2d9187e5.js';
 export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';

package/dist/esm/v2/components/or-tag-input-v3/OrTagInput.vue.d.ts

@@ -90,6 +90,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    saveDraftValueOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<string[]>;
@@ -135,6 +139,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    saveDraftValueOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string[];
     label: string;
@@ -147,6 +155,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disableDefaultStyles: boolean;
     overflow: "default" | "wrap" | "hidden" | "scroll";
     enableClear: boolean;
+    saveDraftValueOnClickOutside: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -206,6 +215,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disableDefaultStyles: boolean;
     overflow: "default" | "wrap" | "hidden" | "scroll";
     enableClear: boolean;
+    saveDraftValueOnClickOutside: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -220,5 +230,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disableDefaultStyles: boolean;
     overflow: "default" | "wrap" | "hidden" | "scroll";
     enableClear: boolean;
+    saveDraftValueOnClickOutside: boolean;
 }, true>);
 export default _default;

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

@@ -1,4 +1,4 @@
-export { _ as OrTagInputV3 } from '../../OrTagInput-a2905657.js';
+export { _ as OrTagInputV3 } from '../../OrTagInput-e7b69c98.js';
 export { I as TagInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
 import 'vue-demi';
 import '@vueuse/core';

package/dist/esm/v2/index.js

@@ -123,7 +123,7 @@ export { _ as OrTabV3 } from './OrTab-c88df1ef.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
 export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-6026881b.js';
 export { _ as OrTag } from './OrTag-b5803a20.js';
-export { _ as OrTagInputV3 } from './OrTagInput-a2905657.js';
+export { _ as OrTagInputV3 } from './OrTagInput-e7b69c98.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-5429f2ff.js';
 export { _ as OrTagsV3, T as TagsOverflow } from './OrTags-2d9187e5.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';

package/dist/esm/v3/{OrTagInput-4a9158c9.js → OrTagInput-1290510b.js}

@@ -89,6 +89,10 @@ var script = defineComponent({
     enableClear: {
       type: Boolean,
       default: true
+    },
+    saveDraftValueOnClickOutside: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur', 'reset'],
@@ -105,7 +109,8 @@ var script = defineComponent({
       overflow,
       placeholder,
       disabled,
-      readonly
+      readonly,
+      saveDraftValueOnClickOutside
     } = toRefs(props);
     // Styles
     const rootStyles = computed(() => ['or-tag-input-v3', ...TagInput]);
@@ -176,6 +181,7 @@ var script = defineComponent({
     onClickOutside(inputBox, () => {
       var _a, _b;
       if (activated.value === false || ((_b = (_a = tags.value) === null || _a === void 0 ? void 0 : _a.overflowPopover) === null || _b === void 0 ? void 0 : _b.state) === 'open') return;
+      if (saveDraftValueOnClickOutside.value) add();
       deactivate();
     });
     watch(proxyModelValue, (items, prevItems) => {

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

@@ -119,7 +119,7 @@ export { s as OrTabV3 } from '../OrTab-45853fd2.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-b076c7e7.js';
 export { s as OrTag } from '../OrTag-1b3b1296.js';
-export { s as OrTagInputV3 } from '../OrTagInput-4a9158c9.js';
+export { s as OrTagInputV3 } from '../OrTagInput-1290510b.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-ff483e6b.js';
 export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-942e528e.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';

package/dist/esm/v3/components/or-tag-input-v3/OrTagInput.vue.d.ts

@@ -45,6 +45,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    saveDraftValueOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     control: import("vue-demi").Ref<HTMLInputElement | undefined>;
@@ -127,6 +131,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    saveDraftValueOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
@@ -146,5 +154,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     disableDefaultStyles: boolean;
     overflow: "default" | "wrap" | "hidden" | "scroll";
     enableClear: boolean;
+    saveDraftValueOnClickOutside: boolean;
 }>;
 export default _default;

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

@@ -1,4 +1,4 @@
-export { s as OrTagInputV3 } from '../../OrTagInput-4a9158c9.js';
+export { s as OrTagInputV3 } from '../../OrTagInput-1290510b.js';
 export { I as TagInputSize } from '../../OrInputBox-ffea8c8e.js';
 import 'vue-demi';
 import '@vueuse/core';

package/dist/esm/v3/index.js

@@ -119,7 +119,7 @@ export { s as OrTabV3 } from './OrTab-45853fd2.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabs-b076c7e7.js';
 export { s as OrTag } from './OrTag-1b3b1296.js';
-export { s as OrTagInputV3 } from './OrTagInput-4a9158c9.js';
+export { s as OrTagInputV3 } from './OrTagInput-1290510b.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ff483e6b.js';
 export { s as OrTagsV3, T as TagsOverflow } from './OrTags-942e528e.js';
 export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.12.0",
+  "version": "8.13.0-beta.3770.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -176,6 +176,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "6fa9a02db827c5e2a229cdf40f42164fe15898c5"
+  }
 }

package/src/components/or-tag-input-v3/OrTagInput.vue

@@ -202,6 +202,11 @@ export default defineComponent({
       type: Boolean,
       default: true,
     },
+
+    saveDraftValueOnClickOutside: {
+      type: Boolean,
+      default: false,
+    },
   },
 
   emits: [
@@ -229,7 +234,7 @@ export default defineComponent({
     const tags = ref<InstanceType<typeof OrTags>>();
 
     // Props
-    const { modelValue, overflow, placeholder, disabled, readonly } = toRefs(props);
+    const { modelValue, overflow, placeholder, disabled, readonly, saveDraftValueOnClickOutside } = toRefs(props);
 
     // Styles
     const rootStyles = computed(() => [
@@ -322,6 +327,7 @@ export default defineComponent({
     // Effects
     onClickOutside((inputBox as MaybeElementRef), () => {
       if (activated.value === false || (tags.value?.overflowPopover as any)?.state === 'open') return;
+      if (saveDraftValueOnClickOutside.value) add();
       deactivate();
     });