v3.0.2

mskocik · Nov 2, 2021 · 5a72cf3 · 5a72cf3
1 parent b5a1df3
commit 5a72cf3
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -74,6 +74,7 @@ Property `readSelection` _always_ returns selected object or object array no mat
 Property          | Type             | Default    | Description
 ------------------|------------------|------------|------------
 options           | array            | `[]`       | Data array
+valueAsObject     | bool             | `false`    | Switch whether Svelecte should expects from and return to `bind:value` objects or primitive value (usually string, number)
 valueField        | string           | `null`     | Property to be used as value (if not specified, will be selected automatically)
 labelField        | string           | `null`     | Property shown in dropdown (if not specified, will be selected automatically)
 disabledField     | string           | `$disabled`| Property to check, whether given options should be disabled and unselectable
@@ -142,8 +143,10 @@ This is default value of `i18n` property:
     empty: 'No options',
     nomatch: 'No matching options',    
     max: num => `Maximum items ${num} selected`,
-    fetchBefore: 'Type to search',
-    fetchQuery: minQuery => `Type ${minQuery > 1 ? `at least ${minQuery} characters ` : '' }to search`,
+    fetchBefore: 'Type to start searching',
+    fetchQuery: (minQuery, inputLength) => `Type ${minQuery > 1 && minQuery > inputLength 
+      ? `at least ${minQuery - inputLength} characters `
+      : '' }to start searching`,
     fetchEmpty: 'No data related to your search',
     collapsedSelection: count => `${count} selected`,
     createRowLabel: value => `Create '${value}'`
@@ -165,7 +168,7 @@ config.i18n = {
     nomatch: '✋',
     max: num => '🙄',
     fetchBefore: '💻',
-    fetchQuery: minQuery => '🧮',
+    fetchQuery: (minQuery, inputLength) => '🧮',
     fetchEmpty: '🚮',
     collapsedSelection: () => '🗃',
     createRowLabel: value => `📝 ${value}`

diff --git a/dist/svelecte-element.js b/dist/svelecte-element.js
diff --git a/dist/svelecte-element.mjs b/dist/svelecte-element.mjs
diff --git a/dist/svelecte.css b/dist/svelecte.css
diff --git a/dist/svelecte.mjs b/dist/svelecte.mjs
diff --git a/docs/build/app.js b/docs/build/app.js
diff --git a/docs/index.html b/docs/index.html
@@ -630,6 +630,12 @@ <h4 id="options">Options</h4>
                 <td><code>[]</code></td>
                 <td>Data array</td>
               </tr>
+              <tr>
+                <td>valueAsObject</td>
+                <td>bool</td>
+                <td><code>false</code></td>
+                <td>Switch whether Svelecte should expects from and return to <code>bind:value</code> objects or primitive value (usually string, number)</td>
+              </tr>
               <tr>
                 <td>valueField</td>
                 <td>string</td>

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "svelecte",
   "module": "dist/svelecte.mjs",
   "svelte": "src/Svelecte.svelte",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "license": "MIT",
   "description": "Flexible autocomplete/select component written in Svelte. Massively inspired by Selectize.js. Also usable as custom element (CE)",
   "scripts": {