@enso-ui/typeahead 3.0.6 → 3.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enso-ui/typeahead",
-  "version": "3.0.6",
+  "version": "3.0.10",
   "description": "Vue Typeahead",
   "main": "index.js",
   "scripts": {

package/src/bulma/Typeahead.vue

@@ -5,9 +5,11 @@
                 addTag, canAddTag, clearBindings, controlEvents, disabled,
                 invalidQuery, highlight, i18n, inputBindings, inputEvents,
                 itemEvents, items, label, loading, minQueryLength,
-                modeSelector, modeBindings, modeEvents, query, searchControl,
+                modeSelector, modeBindings, modeEvents,
+                readonly, query, searchControl,
             }">
             <dropdown class="typeahead"
+                :class="$attrs.class"
                 :disabled="!query"
                 :disable-controls="items.length === 0"
                 manual>
@@ -22,6 +24,7 @@
                                 ]"
                                 v-bind="inputBindings"
                                 type="text"
+                                :readonly="readonly"
                                 :disabled="disabled"
                                 :placeholder="i18n(placeholder)"
                                 @keydown="$emit('keydown', $event)"
@@ -141,6 +144,8 @@ export default {
         },
     },
 
+    emits: ['keydown'],
+
     methods: {
         clear() {
             this.$refs.typeahead.clear();

package/src/renderless/CoreTypeahead.vue

@@ -49,6 +49,10 @@ export default {
             type: Object,
             default: null,
         },
+        readonly: {
+            type: Boolean,
+            default: false,
+        },
         regExp: {
             type: RegExp,
             default() {
@@ -217,7 +221,7 @@ export default {
             invalidQuery: this.invalidQuery,
             highlight: this.highlight,
             i18n: this.i18n,
-            inputBindings: { modelValue: this.query },
+            inputBindings: { value: this.query },
             inputEvents: selection => ({
                 input: e => {
                     this.query = e.target.value;
@@ -257,6 +261,7 @@ export default {
                 change: this.fetch,
             },
             modeSelector: this.modeSelector,
+            readonly: this.readonly,
             query: this.query,
             searchControl: this.searchControl,
         });