@mekari/pixel3-autocomplete 0.0.25-dev.1 → 0.0.25
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 +2 -1
- package/dist/autocomplete.d.ts +2 -1
- package/dist/autocomplete.js +5 -4
- package/dist/autocomplete.mjs +3 -3
- package/dist/{chunk-UFURYOQO.mjs → chunk-OFMZB44N.mjs} +3 -3
- package/dist/{chunk-YB6ZTIPV.mjs → chunk-SXNPFEJZ.mjs} +1 -1
- package/dist/{chunk-3ZR5OOJ7.mjs → chunk-SYXFW7Z4.mjs} +4 -3
- package/dist/index.js +5 -4
- package/dist/index.mjs +3 -3
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/autocomplete.hooks.d.mts +1 -1
- package/dist/modules/autocomplete.hooks.d.ts +1 -1
- package/dist/modules/autocomplete.hooks.js +4 -3
- package/dist/modules/autocomplete.hooks.mjs +1 -1
- package/dist/modules/autocomplete.props.d.mts +1 -1
- package/dist/modules/autocomplete.props.d.ts +1 -1
- package/dist/modules/autocomplete.props.js +1 -1
- package/dist/modules/autocomplete.props.mjs +1 -1
- package/package.json +8 -8
package/dist/autocomplete.d.mts
CHANGED
|
@@ -133,7 +133,7 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
133
133
|
type: vue.PropType<_mekari_pixel3_input.InputVariant>;
|
|
134
134
|
default: string;
|
|
135
135
|
};
|
|
136
|
-
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus")[], "buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
136
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus" | "blur")[], "buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus" | "blur", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
137
137
|
id: {
|
|
138
138
|
type: vue.PropType<string>;
|
|
139
139
|
default: string;
|
|
@@ -264,6 +264,7 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
264
264
|
};
|
|
265
265
|
}>> & {
|
|
266
266
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
267
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
267
268
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
268
269
|
onInput?: ((...args: any[]) => any) | undefined;
|
|
269
270
|
onClear?: ((...args: any[]) => any) | undefined;
|
package/dist/autocomplete.d.ts
CHANGED
|
@@ -133,7 +133,7 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
133
133
|
type: vue.PropType<_mekari_pixel3_input.InputVariant>;
|
|
134
134
|
default: string;
|
|
135
135
|
};
|
|
136
|
-
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus")[], "buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
136
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus" | "blur")[], "buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus" | "blur", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
137
137
|
id: {
|
|
138
138
|
type: vue.PropType<string>;
|
|
139
139
|
default: string;
|
|
@@ -264,6 +264,7 @@ declare const MpAutocomplete: vue.DefineComponent<{
|
|
|
264
264
|
};
|
|
265
265
|
}>> & {
|
|
266
266
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
267
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
267
268
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
268
269
|
onInput?: ((...args: any[]) => any) | undefined;
|
|
269
270
|
onClear?: ((...args: any[]) => any) | undefined;
|
package/dist/autocomplete.js
CHANGED
|
@@ -272,7 +272,7 @@ function useAutocomplete(props, emit) {
|
|
|
272
272
|
}
|
|
273
273
|
}
|
|
274
274
|
__name(onOpenPopover, "onOpenPopover");
|
|
275
|
-
function onBlur() {
|
|
275
|
+
function onBlur(e) {
|
|
276
276
|
var _a, _b;
|
|
277
277
|
isPopoverOpen.value = false;
|
|
278
278
|
(_b = (_a = inputNode == null ? void 0 : inputNode.value) == null ? void 0 : _a.$el.childNodes[0]) == null ? void 0 : _b.blur();
|
|
@@ -281,6 +281,7 @@ function useAutocomplete(props, emit) {
|
|
|
281
281
|
if (isInfinityScroll.value) {
|
|
282
282
|
disableIntersectionObserver();
|
|
283
283
|
}
|
|
284
|
+
emit("blur", e);
|
|
284
285
|
}
|
|
285
286
|
__name(onBlur, "onBlur");
|
|
286
287
|
function onInputChange(e) {
|
|
@@ -483,9 +484,9 @@ function useAutocomplete(props, emit) {
|
|
|
483
484
|
onInput: onInputChange,
|
|
484
485
|
onKeydown,
|
|
485
486
|
onFocus: onOpenPopover,
|
|
486
|
-
onBlur: () => {
|
|
487
|
+
onBlur: (e) => {
|
|
487
488
|
if (isOutside.value) {
|
|
488
|
-
onBlur();
|
|
489
|
+
onBlur(e);
|
|
489
490
|
}
|
|
490
491
|
},
|
|
491
492
|
onClear: (e) => {
|
|
@@ -581,7 +582,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
581
582
|
name: "MpAutocomplete",
|
|
582
583
|
inheritAttrs: false,
|
|
583
584
|
props: autocompleteProps,
|
|
584
|
-
emits: ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"],
|
|
585
|
+
emits: ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "blur", "clear"],
|
|
585
586
|
setup(props, {
|
|
586
587
|
emit,
|
|
587
588
|
slots,
|
package/dist/autocomplete.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpAutocomplete
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-OFMZB44N.mjs";
|
|
4
|
+
import "./chunk-SYXFW7Z4.mjs";
|
|
5
|
+
import "./chunk-SXNPFEJZ.mjs";
|
|
6
6
|
import "./chunk-QZ7VFGWC.mjs";
|
|
7
7
|
export {
|
|
8
8
|
MpAutocomplete
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useAutocomplete
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-SYXFW7Z4.mjs";
|
|
4
4
|
import {
|
|
5
5
|
autocompleteProps
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-SXNPFEJZ.mjs";
|
|
7
7
|
|
|
8
8
|
// src/autocomplete.tsx
|
|
9
9
|
import { mergeProps as _mergeProps, createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
|
|
@@ -20,7 +20,7 @@ var MpAutocomplete = defineComponent({
|
|
|
20
20
|
name: "MpAutocomplete",
|
|
21
21
|
inheritAttrs: false,
|
|
22
22
|
props: autocompleteProps,
|
|
23
|
-
emits: ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"],
|
|
23
|
+
emits: ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "blur", "clear"],
|
|
24
24
|
setup(props, {
|
|
25
25
|
emit,
|
|
26
26
|
slots,
|
|
@@ -122,7 +122,7 @@ var autocompleteProps = {
|
|
|
122
122
|
default: "outline"
|
|
123
123
|
}
|
|
124
124
|
};
|
|
125
|
-
var autocompleteEmit = ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"];
|
|
125
|
+
var autocompleteEmit = ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "blur", "clear"];
|
|
126
126
|
|
|
127
127
|
export {
|
|
128
128
|
autocompleteProps,
|
|
@@ -117,7 +117,7 @@ function useAutocomplete(props, emit) {
|
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
__name(onOpenPopover, "onOpenPopover");
|
|
120
|
-
function onBlur() {
|
|
120
|
+
function onBlur(e) {
|
|
121
121
|
var _a, _b;
|
|
122
122
|
isPopoverOpen.value = false;
|
|
123
123
|
(_b = (_a = inputNode == null ? void 0 : inputNode.value) == null ? void 0 : _a.$el.childNodes[0]) == null ? void 0 : _b.blur();
|
|
@@ -126,6 +126,7 @@ function useAutocomplete(props, emit) {
|
|
|
126
126
|
if (isInfinityScroll.value) {
|
|
127
127
|
disableIntersectionObserver();
|
|
128
128
|
}
|
|
129
|
+
emit("blur", e);
|
|
129
130
|
}
|
|
130
131
|
__name(onBlur, "onBlur");
|
|
131
132
|
function onInputChange(e) {
|
|
@@ -328,9 +329,9 @@ function useAutocomplete(props, emit) {
|
|
|
328
329
|
onInput: onInputChange,
|
|
329
330
|
onKeydown,
|
|
330
331
|
onFocus: onOpenPopover,
|
|
331
|
-
onBlur: () => {
|
|
332
|
+
onBlur: (e) => {
|
|
332
333
|
if (isOutside.value) {
|
|
333
|
-
onBlur();
|
|
334
|
+
onBlur(e);
|
|
334
335
|
}
|
|
335
336
|
},
|
|
336
337
|
onClear: (e) => {
|
package/dist/index.js
CHANGED
|
@@ -274,7 +274,7 @@ function useAutocomplete(props, emit) {
|
|
|
274
274
|
}
|
|
275
275
|
}
|
|
276
276
|
__name(onOpenPopover, "onOpenPopover");
|
|
277
|
-
function onBlur() {
|
|
277
|
+
function onBlur(e) {
|
|
278
278
|
var _a, _b;
|
|
279
279
|
isPopoverOpen.value = false;
|
|
280
280
|
(_b = (_a = inputNode == null ? void 0 : inputNode.value) == null ? void 0 : _a.$el.childNodes[0]) == null ? void 0 : _b.blur();
|
|
@@ -283,6 +283,7 @@ function useAutocomplete(props, emit) {
|
|
|
283
283
|
if (isInfinityScroll.value) {
|
|
284
284
|
disableIntersectionObserver();
|
|
285
285
|
}
|
|
286
|
+
emit("blur", e);
|
|
286
287
|
}
|
|
287
288
|
__name(onBlur, "onBlur");
|
|
288
289
|
function onInputChange(e) {
|
|
@@ -485,9 +486,9 @@ function useAutocomplete(props, emit) {
|
|
|
485
486
|
onInput: onInputChange,
|
|
486
487
|
onKeydown,
|
|
487
488
|
onFocus: onOpenPopover,
|
|
488
|
-
onBlur: () => {
|
|
489
|
+
onBlur: (e) => {
|
|
489
490
|
if (isOutside.value) {
|
|
490
|
-
onBlur();
|
|
491
|
+
onBlur(e);
|
|
491
492
|
}
|
|
492
493
|
},
|
|
493
494
|
onClear: (e) => {
|
|
@@ -583,7 +584,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
583
584
|
name: "MpAutocomplete",
|
|
584
585
|
inheritAttrs: false,
|
|
585
586
|
props: autocompleteProps,
|
|
586
|
-
emits: ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"],
|
|
587
|
+
emits: ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "blur", "clear"],
|
|
587
588
|
setup(props, {
|
|
588
589
|
emit,
|
|
589
590
|
slots,
|
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpAutocomplete
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-OFMZB44N.mjs";
|
|
4
|
+
import "./chunk-SYXFW7Z4.mjs";
|
|
5
|
+
import "./chunk-SXNPFEJZ.mjs";
|
|
6
6
|
import "./chunk-QZ7VFGWC.mjs";
|
|
7
7
|
export {
|
|
8
8
|
MpAutocomplete
|
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3638,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":13320,"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":5034,"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":5446},"src/modules/autocomplete.props.ts":{"bytesInOutput":1946},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13748}},"bytes":22263},"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":5286},"src/modules/autocomplete.props.ts":{"bytesInOutput":1946},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13748}},"bytes":22253},"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":13928}},"bytes":14964},"dist/modules/autocomplete.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2303}},"bytes":3271}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3638,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":13320,"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":5034,"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-OFMZB44N.mjs","kind":"import-statement"},{"path":"dist/chunk-SYXFW7Z4.mjs","kind":"import-statement"},{"path":"dist/chunk-SXNPFEJZ.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-OFMZB44N.mjs","kind":"import-statement"},{"path":"dist/chunk-SYXFW7Z4.mjs","kind":"import-statement"},{"path":"dist/chunk-SXNPFEJZ.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-OFMZB44N.mjs":{"imports":[{"path":"dist/chunk-SYXFW7Z4.mjs","kind":"import-statement"},{"path":"dist/chunk-SXNPFEJZ.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":4597}},"bytes":4770},"dist/modules/autocomplete.hooks.mjs":{"imports":[{"path":"dist/chunk-SYXFW7Z4.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-SYXFW7Z4.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":13104}},"bytes":13222},"dist/modules/autocomplete.props.mjs":{"imports":[{"path":"dist/chunk-SXNPFEJZ.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-SXNPFEJZ.mjs":{"imports":[],"exports":["autocompleteEmit","autocompleteProps"],"inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2075}},"bytes":2165},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -46,7 +46,7 @@ declare function useAutocomplete(props: AutocompleteProps, emit: AutocompleteEmi
|
|
|
46
46
|
onInput: (e: Event) => void;
|
|
47
47
|
onKeydown: (e: KeyboardEvent) => void;
|
|
48
48
|
onFocus: (e: Event) => void;
|
|
49
|
-
onBlur: () => void;
|
|
49
|
+
onBlur: (e: Event) => void;
|
|
50
50
|
onClear: (e: Event) => void;
|
|
51
51
|
}>;
|
|
52
52
|
iconChevronsDownAttrs: vue.ComputedRef<{
|
|
@@ -46,7 +46,7 @@ declare function useAutocomplete(props: AutocompleteProps, emit: AutocompleteEmi
|
|
|
46
46
|
onInput: (e: Event) => void;
|
|
47
47
|
onKeydown: (e: KeyboardEvent) => void;
|
|
48
48
|
onFocus: (e: Event) => void;
|
|
49
|
-
onBlur: () => void;
|
|
49
|
+
onBlur: (e: Event) => void;
|
|
50
50
|
onClear: (e: Event) => void;
|
|
51
51
|
}>;
|
|
52
52
|
iconChevronsDownAttrs: vue.ComputedRef<{
|
|
@@ -138,7 +138,7 @@ function useAutocomplete(props, emit) {
|
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
140
|
__name(onOpenPopover, "onOpenPopover");
|
|
141
|
-
function onBlur() {
|
|
141
|
+
function onBlur(e) {
|
|
142
142
|
var _a, _b;
|
|
143
143
|
isPopoverOpen.value = false;
|
|
144
144
|
(_b = (_a = inputNode == null ? void 0 : inputNode.value) == null ? void 0 : _a.$el.childNodes[0]) == null ? void 0 : _b.blur();
|
|
@@ -147,6 +147,7 @@ function useAutocomplete(props, emit) {
|
|
|
147
147
|
if (isInfinityScroll.value) {
|
|
148
148
|
disableIntersectionObserver();
|
|
149
149
|
}
|
|
150
|
+
emit("blur", e);
|
|
150
151
|
}
|
|
151
152
|
__name(onBlur, "onBlur");
|
|
152
153
|
function onInputChange(e) {
|
|
@@ -349,9 +350,9 @@ function useAutocomplete(props, emit) {
|
|
|
349
350
|
onInput: onInputChange,
|
|
350
351
|
onKeydown,
|
|
351
352
|
onFocus: onOpenPopover,
|
|
352
|
-
onBlur: () => {
|
|
353
|
+
onBlur: (e) => {
|
|
353
354
|
if (isOutside.value) {
|
|
354
|
-
onBlur();
|
|
355
|
+
onBlur(e);
|
|
355
356
|
}
|
|
356
357
|
},
|
|
357
358
|
onClear: (e) => {
|
|
@@ -134,7 +134,7 @@ declare const autocompleteProps: {
|
|
|
134
134
|
default: string;
|
|
135
135
|
};
|
|
136
136
|
};
|
|
137
|
-
declare const autocompleteEmit: readonly ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"];
|
|
137
|
+
declare const autocompleteEmit: readonly ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "blur", "clear"];
|
|
138
138
|
type AutocompleteProps = ExtractPropTypes<typeof autocompleteProps>;
|
|
139
139
|
type AutocompleteEmits = (e: (typeof autocompleteEmit)[number], value?: unknown, value2?: unknown) => void;
|
|
140
140
|
|
|
@@ -134,7 +134,7 @@ declare const autocompleteProps: {
|
|
|
134
134
|
default: string;
|
|
135
135
|
};
|
|
136
136
|
};
|
|
137
|
-
declare const autocompleteEmit: readonly ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"];
|
|
137
|
+
declare const autocompleteEmit: readonly ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "blur", "clear"];
|
|
138
138
|
type AutocompleteProps = ExtractPropTypes<typeof autocompleteProps>;
|
|
139
139
|
type AutocompleteEmits = (e: (typeof autocompleteEmit)[number], value?: unknown, value2?: unknown) => void;
|
|
140
140
|
|
|
@@ -147,7 +147,7 @@ var autocompleteProps = {
|
|
|
147
147
|
default: "outline"
|
|
148
148
|
}
|
|
149
149
|
};
|
|
150
|
-
var autocompleteEmit = ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"];
|
|
150
|
+
var autocompleteEmit = ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "blur", "clear"];
|
|
151
151
|
// Annotate the CommonJS export names for ESM import in node:
|
|
152
152
|
0 && (module.exports = {
|
|
153
153
|
autocompleteEmit,
|
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.25
|
|
4
|
+
"version": "0.0.25",
|
|
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.2.0
|
|
12
|
-
"@mekari/pixel3-
|
|
13
|
-
"@mekari/pixel3-
|
|
14
|
-
"@mekari/pixel3-
|
|
15
|
-
"@mekari/pixel3-icon": "0.1.1
|
|
16
|
-
"@mekari/pixel3-popover": "0.0.25
|
|
17
|
-
"@mekari/pixel3-text": "0.0.22
|
|
11
|
+
"@mekari/pixel3-styled-system": "0.2.0",
|
|
12
|
+
"@mekari/pixel3-input": "0.0.25",
|
|
13
|
+
"@mekari/pixel3-spinner": "0.0.25",
|
|
14
|
+
"@mekari/pixel3-utils": "0.1.0",
|
|
15
|
+
"@mekari/pixel3-icon": "0.1.1",
|
|
16
|
+
"@mekari/pixel3-popover": "0.0.25",
|
|
17
|
+
"@mekari/pixel3-text": "0.0.22"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"vue": "^3.4.9"
|