selectic 3.0.11 → 3.0.13

package/README.md

@@ -2,6 +2,7 @@
 
 > VueJS 3.X + Typescript + JSX + Select
 
+[![npm](https://img.shields.io/npm/v/selectic.svg)](https://www.npmjs.com/package/selectic)
 
 ## Introduction
 

package/dist/selectic.common.js

@@ -2119,7 +2119,7 @@ let Selectic = class Selectic extends vtyx.Vue {
             }];
     }
     get hasGivenValue() {
-        const value = this.value;
+        const value = vue.unref(this.value);
         return value !== null && value !== undefined;
     }
     get defaultValue() {
@@ -2439,12 +2439,12 @@ let Selectic = class Selectic extends vtyx.Vue {
         var _a, _b, _c;
         this._elementsListeners = [];
         this.store = new SelecticStore({
-            options: this.options,
-            value: this.value,
+            options: deepClone(this.options),
+            value: deepClone(this.value),
             selectionIsExcluded: this.selectionIsExcluded,
             disabled: this.disabled,
             texts: this.texts,
-            groups: this.groups,
+            groups: deepClone(this.groups),
             keepOpenWithOtherSelectic: !!this.params.keepOpenWithOtherSelectic,
             params: {
                 multiple: ((_a = this.multiple) !== null && _a !== void 0 ? _a : false) !== false,
@@ -2611,13 +2611,7 @@ __decorate([
     vtyx.Watch('store.state.internalValue', { deep: true })
 ], Selectic.prototype, "onInternalValueChange", null);
 __decorate([
-    vtyx.Emit('input'),
-    vtyx.Emit('change'),
-    vtyx.Emit('open'),
-    vtyx.Emit('focus'),
-    vtyx.Emit('close'),
-    vtyx.Emit('blur'),
-    vtyx.Emit('item:click')
+    vtyx.Emits(['input', 'change', 'open', 'focus', 'close', 'blur', 'item:click'])
 ], Selectic.prototype, "render", null);
 Selectic = __decorate([
     vtyx.Component

package/dist/selectic.esm.js

@@ -1,4 +1,4 @@
-import { Prop, Watch, Component, Vue, h, Emit } from 'vtyx';
+import { Prop, Watch, Component, Vue, h, Emits } from 'vtyx';
 import { unref, reactive, computed, watch } from 'vue';
 
 function styleInject(css, ref) {
@@ -2115,7 +2115,7 @@ let Selectic = class Selectic extends Vue {
             }];
     }
     get hasGivenValue() {
-        const value = this.value;
+        const value = unref(this.value);
         return value !== null && value !== undefined;
     }
     get defaultValue() {
@@ -2435,12 +2435,12 @@ let Selectic = class Selectic extends Vue {
         var _a, _b, _c;
         this._elementsListeners = [];
         this.store = new SelecticStore({
-            options: this.options,
-            value: this.value,
+            options: deepClone(this.options),
+            value: deepClone(this.value),
             selectionIsExcluded: this.selectionIsExcluded,
             disabled: this.disabled,
             texts: this.texts,
-            groups: this.groups,
+            groups: deepClone(this.groups),
             keepOpenWithOtherSelectic: !!this.params.keepOpenWithOtherSelectic,
             params: {
                 multiple: ((_a = this.multiple) !== null && _a !== void 0 ? _a : false) !== false,
@@ -2607,13 +2607,7 @@ __decorate([
     Watch('store.state.internalValue', { deep: true })
 ], Selectic.prototype, "onInternalValueChange", null);
 __decorate([
-    Emit('input'),
-    Emit('change'),
-    Emit('open'),
-    Emit('focus'),
-    Emit('close'),
-    Emit('blur'),
-    Emit('item:click')
+    Emits(['input', 'change', 'open', 'focus', 'close', 'blur', 'item:click'])
 ], Selectic.prototype, "render", null);
 Selectic = __decorate([
     Component

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "selectic",
-    "version": "3.0.11",
+    "version": "3.0.13",
     "description": "Smart Select for VueJS 3.x",
     "main": "dist/selectic.common.js",
     "module": "dist/selectic.esm.js",
@@ -19,7 +19,9 @@
         "select",
         "multiselect",
         "multi-select",
+        "multi-select",
         "dynamic select",
+        "smart select",
         "vue",
         "vue.js",
         "vueJS",
@@ -36,7 +38,7 @@
         "test": "npm run build && tape test/**/*.spec.js"
     },
     "dependencies": {
-        "vtyx": "4.0.3"
+        "vtyx": "4.0.4"
     },
     "devDependencies": {
         "@babel/types": "^7.16.7",

package/src/index.tsx

@@ -18,7 +18,8 @@
  *   close [component]: triggered when the list closes.
  */
 
-import {Vue, Component, Emit, Prop, Watch, h} from 'vtyx';
+import {Vue, Component, Emits, Prop, Watch, h} from 'vtyx';
+import { unref } from 'vue';
 import './css/selectic.css';
 
 import { deepClone } from './tools';
@@ -373,7 +374,7 @@ export default class Selectic extends Vue<Props> {
     }
 
     get hasGivenValue() {
-        const value = this.value;
+        const value = unref(this.value);
 
         return value !== null && value !== undefined;
     }
@@ -781,12 +782,12 @@ export default class Selectic extends Vue<Props> {
         this._elementsListeners = [];
 
         this.store = new Store({
-            options: this.options,
-            value: this.value,
+            options: deepClone(this.options),
+            value: deepClone(this.value),
             selectionIsExcluded: this.selectionIsExcluded,
             disabled: this.disabled,
             texts: this.texts,
-            groups: this.groups,
+            groups: deepClone(this.groups),
             keepOpenWithOtherSelectic: !!this.params.keepOpenWithOtherSelectic,
             params: {
                 multiple: (this.multiple ?? false) !== false,
@@ -859,13 +860,7 @@ export default class Selectic extends Vue<Props> {
 
     /* }}} */
 
-    @Emit('input')
-    @Emit('change')
-    @Emit('open')
-    @Emit('focus')
-    @Emit('close')
-    @Emit('blur')
-    @Emit('item:click')
+    @Emits(['input', 'change', 'open', 'focus', 'close', 'blur', 'item:click'])
     public render() {
         const id = this.id || undefined;
         const store = this.store;