@mekari/pixel3-autocomplete 0.0.17 → 0.0.18-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/autocomplete.d.mts +4 -4
- package/dist/autocomplete.d.ts +4 -4
- package/dist/autocomplete.js +6 -0
- package/dist/autocomplete.mjs +2 -2
- package/dist/{chunk-2AEXGKWY.mjs → chunk-5V7PO5OY.mjs} +6 -0
- package/dist/{chunk-Y5MTC2O3.mjs → chunk-XKIKHDOG.mjs} +1 -1
- package/dist/index.js +6 -0
- package/dist/index.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/autocomplete.hooks.js +6 -0
- package/dist/modules/autocomplete.hooks.mjs +1 -1
- package/package.json +7 -7
package/dist/autocomplete.d.mts
CHANGED
|
@@ -254,14 +254,14 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
254
254
|
default: boolean;
|
|
255
255
|
};
|
|
256
256
|
}>> & {
|
|
257
|
-
|
|
258
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
257
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
259
258
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
259
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
260
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
261
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
260
262
|
onEnter?: ((...args: any[]) => any) | undefined;
|
|
261
263
|
onScrollEnd?: ((...args: any[]) => any) | undefined;
|
|
262
264
|
onButtonAction?: ((...args: any[]) => any) | undefined;
|
|
263
|
-
onFocus?: ((...args: any[]) => any) | undefined;
|
|
264
|
-
onClear?: ((...args: any[]) => any) | undefined;
|
|
265
265
|
}, {
|
|
266
266
|
id: string;
|
|
267
267
|
data: unknown[];
|
package/dist/autocomplete.d.ts
CHANGED
|
@@ -254,14 +254,14 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
254
254
|
default: boolean;
|
|
255
255
|
};
|
|
256
256
|
}>> & {
|
|
257
|
-
|
|
258
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
257
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
259
258
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
259
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
260
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
261
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
260
262
|
onEnter?: ((...args: any[]) => any) | undefined;
|
|
261
263
|
onScrollEnd?: ((...args: any[]) => any) | undefined;
|
|
262
264
|
onButtonAction?: ((...args: any[]) => any) | undefined;
|
|
263
|
-
onFocus?: ((...args: any[]) => any) | undefined;
|
|
264
|
-
onClear?: ((...args: any[]) => any) | undefined;
|
|
265
265
|
}, {
|
|
266
266
|
id: string;
|
|
267
267
|
data: unknown[];
|
package/dist/autocomplete.js
CHANGED
|
@@ -270,6 +270,7 @@ function useAutocomplete(props, emit) {
|
|
|
270
270
|
isPopoverOpen.value = false;
|
|
271
271
|
const inputEl = document.getElementById(`${getId}`);
|
|
272
272
|
inputEl == null ? void 0 : inputEl.blur();
|
|
273
|
+
setInputValueToCurrentSelection();
|
|
273
274
|
if (isInfinityScroll.value) {
|
|
274
275
|
disableIntersectionObserver();
|
|
275
276
|
}
|
|
@@ -324,6 +325,11 @@ function useAutocomplete(props, emit) {
|
|
|
324
325
|
}
|
|
325
326
|
}
|
|
326
327
|
__name(onModelValueChange, "onModelValueChange");
|
|
328
|
+
function setInputValueToCurrentSelection() {
|
|
329
|
+
const inputEl = document.getElementById(`${getId}`);
|
|
330
|
+
inputEl.value = currentLabel.value || currentValue.value;
|
|
331
|
+
}
|
|
332
|
+
__name(setInputValueToCurrentSelection, "setInputValueToCurrentSelection");
|
|
327
333
|
function handleForceFocusToInput() {
|
|
328
334
|
const inputEl = document.getElementById(`${getId}`);
|
|
329
335
|
inputEl == null ? void 0 : inputEl.focus();
|
package/dist/autocomplete.mjs
CHANGED
|
@@ -119,6 +119,7 @@ function useAutocomplete(props, emit) {
|
|
|
119
119
|
isPopoverOpen.value = false;
|
|
120
120
|
const inputEl = document.getElementById(`${getId}`);
|
|
121
121
|
inputEl == null ? void 0 : inputEl.blur();
|
|
122
|
+
setInputValueToCurrentSelection();
|
|
122
123
|
if (isInfinityScroll.value) {
|
|
123
124
|
disableIntersectionObserver();
|
|
124
125
|
}
|
|
@@ -173,6 +174,11 @@ function useAutocomplete(props, emit) {
|
|
|
173
174
|
}
|
|
174
175
|
}
|
|
175
176
|
__name(onModelValueChange, "onModelValueChange");
|
|
177
|
+
function setInputValueToCurrentSelection() {
|
|
178
|
+
const inputEl = document.getElementById(`${getId}`);
|
|
179
|
+
inputEl.value = currentLabel.value || currentValue.value;
|
|
180
|
+
}
|
|
181
|
+
__name(setInputValueToCurrentSelection, "setInputValueToCurrentSelection");
|
|
176
182
|
function handleForceFocusToInput() {
|
|
177
183
|
const inputEl = document.getElementById(`${getId}`);
|
|
178
184
|
inputEl == null ? void 0 : inputEl.focus();
|
package/dist/index.js
CHANGED
|
@@ -272,6 +272,7 @@ function useAutocomplete(props, emit) {
|
|
|
272
272
|
isPopoverOpen.value = false;
|
|
273
273
|
const inputEl = document.getElementById(`${getId}`);
|
|
274
274
|
inputEl == null ? void 0 : inputEl.blur();
|
|
275
|
+
setInputValueToCurrentSelection();
|
|
275
276
|
if (isInfinityScroll.value) {
|
|
276
277
|
disableIntersectionObserver();
|
|
277
278
|
}
|
|
@@ -326,6 +327,11 @@ function useAutocomplete(props, emit) {
|
|
|
326
327
|
}
|
|
327
328
|
}
|
|
328
329
|
__name(onModelValueChange, "onModelValueChange");
|
|
330
|
+
function setInputValueToCurrentSelection() {
|
|
331
|
+
const inputEl = document.getElementById(`${getId}`);
|
|
332
|
+
inputEl.value = currentLabel.value || currentValue.value;
|
|
333
|
+
}
|
|
334
|
+
__name(setInputValueToCurrentSelection, "setInputValueToCurrentSelection");
|
|
329
335
|
function handleForceFocusToInput() {
|
|
330
336
|
const inputEl = document.getElementById(`${getId}`);
|
|
331
337
|
inputEl == null ? void 0 : inputEl.focus();
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":13089,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":5091,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/autocomplete.props.ts","kind":"import-statement","original":"./modules/autocomplete.props"},{"path":"src/modules/autocomplete.hooks.ts","kind":"import-statement","original":"./modules/autocomplete.hooks"},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":133,"imports":[{"path":"src/autocomplete.tsx","kind":"import-statement","original":"./autocomplete"}],"format":"esm"}},"outputs":{"dist/autocomplete.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/autocomplete.tsx","inputs":{"src/autocomplete.tsx":{"bytesInOutput":5438},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13128}},"bytes":21571},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":133},"src/autocomplete.tsx":{"bytesInOutput":5278},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13128}},"bytes":21561},"dist/modules/autocomplete.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13308}},"bytes":14344},"dist/modules/autocomplete.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2231}},"bytes":3199}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":13089,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":5091,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/autocomplete.props.ts","kind":"import-statement","original":"./modules/autocomplete.props"},{"path":"src/modules/autocomplete.hooks.ts","kind":"import-statement","original":"./modules/autocomplete.hooks"},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":133,"imports":[{"path":"src/autocomplete.tsx","kind":"import-statement","original":"./autocomplete"}],"format":"esm"}},"outputs":{"dist/autocomplete.mjs":{"imports":[{"path":"dist/chunk-XKIKHDOG.mjs","kind":"import-statement"},{"path":"dist/chunk-5V7PO5OY.mjs","kind":"import-statement"},{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAutocomplete"],"entryPoint":"src/autocomplete.tsx","inputs":{},"bytes":179},"dist/index.mjs":{"imports":[{"path":"dist/chunk-XKIKHDOG.mjs","kind":"import-statement"},{"path":"dist/chunk-5V7PO5OY.mjs","kind":"import-statement"},{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAutocomplete"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":179},"dist/chunk-XKIKHDOG.mjs":{"imports":[{"path":"dist/chunk-5V7PO5OY.mjs","kind":"import-statement"},{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpAutocomplete"],"inputs":{"src/autocomplete.tsx":{"bytesInOutput":4589}},"bytes":4762},"dist/modules/autocomplete.hooks.mjs":{"imports":[{"path":"dist/chunk-5V7PO5OY.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAutocomplete"],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{},"bytes":121},"dist/chunk-5V7PO5OY.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useAutocomplete"],"inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12500}},"bytes":12618},"dist/modules/autocomplete.props.mjs":{"imports":[{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["autocompleteEmit","autocompleteProps"],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{},"bytes":165},"dist/chunk-Q7SGQCOH.mjs":{"imports":[],"exports":["autocompleteEmit","autocompleteProps"],"inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2003}},"bytes":2093},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -140,6 +140,7 @@ function useAutocomplete(props, emit) {
|
|
|
140
140
|
isPopoverOpen.value = false;
|
|
141
141
|
const inputEl = document.getElementById(`${getId}`);
|
|
142
142
|
inputEl == null ? void 0 : inputEl.blur();
|
|
143
|
+
setInputValueToCurrentSelection();
|
|
143
144
|
if (isInfinityScroll.value) {
|
|
144
145
|
disableIntersectionObserver();
|
|
145
146
|
}
|
|
@@ -194,6 +195,11 @@ function useAutocomplete(props, emit) {
|
|
|
194
195
|
}
|
|
195
196
|
}
|
|
196
197
|
__name(onModelValueChange, "onModelValueChange");
|
|
198
|
+
function setInputValueToCurrentSelection() {
|
|
199
|
+
const inputEl = document.getElementById(`${getId}`);
|
|
200
|
+
inputEl.value = currentLabel.value || currentValue.value;
|
|
201
|
+
}
|
|
202
|
+
__name(setInputValueToCurrentSelection, "setInputValueToCurrentSelection");
|
|
197
203
|
function handleForceFocusToInput() {
|
|
198
204
|
const inputEl = document.getElementById(`${getId}`);
|
|
199
205
|
inputEl == null ? void 0 : inputEl.focus();
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-autocomplete",
|
|
3
3
|
"description": "Autocomplete component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.18-dev.0",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@mekari/pixel3-styled-system": "0.1.
|
|
11
|
+
"@mekari/pixel3-styled-system": "0.1.3-dev.0",
|
|
12
12
|
"@mekari/pixel3-utils": "0.0.7",
|
|
13
|
-
"@mekari/pixel3-
|
|
14
|
-
"@mekari/pixel3-
|
|
15
|
-
"@mekari/pixel3-
|
|
16
|
-
"@mekari/pixel3-
|
|
17
|
-
"@mekari/pixel3-text": "0.0.
|
|
13
|
+
"@mekari/pixel3-input": "0.0.18-dev.0",
|
|
14
|
+
"@mekari/pixel3-spinner": "0.0.18-dev.0",
|
|
15
|
+
"@mekari/pixel3-icon": "0.0.18-dev.0",
|
|
16
|
+
"@mekari/pixel3-popover": "0.0.18-dev.0",
|
|
17
|
+
"@mekari/pixel3-text": "0.0.17-dev.0"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"vue": "^3.4.9"
|