@mekari/pixel3-autocomplete 0.0.7-dev.4 → 0.0.7
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.js +5 -3
- package/dist/autocomplete.mjs +2 -2
- package/dist/{chunk-ESXC6LD2.mjs → chunk-APSQJUFN.mjs} +6 -4
- package/dist/{chunk-35YHPTDD.mjs → chunk-XV4UTBV2.mjs} +1 -1
- package/dist/index.js +5 -3
- 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.d.mts +1 -1
- package/dist/modules/autocomplete.hooks.d.ts +1 -1
- package/dist/modules/autocomplete.hooks.js +1 -1
- package/dist/modules/autocomplete.hooks.mjs +1 -1
- package/package.json +8 -8
package/dist/autocomplete.js
CHANGED
|
@@ -455,7 +455,7 @@ function useAutocomplete(props, emit) {
|
|
|
455
455
|
onBlur();
|
|
456
456
|
}
|
|
457
457
|
},
|
|
458
|
-
|
|
458
|
+
onClear: (e) => {
|
|
459
459
|
emit("clear", e);
|
|
460
460
|
}
|
|
461
461
|
};
|
|
@@ -557,11 +557,13 @@ var import_patterns = require("@mekari/pixel3-styled-system/patterns");
|
|
|
557
557
|
var import_css2 = require("@mekari/pixel3-styled-system/css");
|
|
558
558
|
var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
559
559
|
name: "MpAutocomplete",
|
|
560
|
+
inheritAttrs: false,
|
|
560
561
|
props: autocompleteProps,
|
|
561
562
|
emits: ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"],
|
|
562
563
|
setup(props, {
|
|
563
564
|
emit,
|
|
564
|
-
slots
|
|
565
|
+
slots,
|
|
566
|
+
attrs
|
|
565
567
|
}) {
|
|
566
568
|
const {
|
|
567
569
|
getSuggestionDatas,
|
|
@@ -627,7 +629,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
627
629
|
default: () => [(0, import_vue2.createVNode)(import_pixel3_input.MpInputGroup, null, {
|
|
628
630
|
default: () => [slots.leftAddon && (0, import_vue2.createVNode)(import_pixel3_input.MpInputLeftAddon, null, {
|
|
629
631
|
default: () => [(0, import_vue2.createTextVNode)(" "), slots.leftAddon(), (0, import_vue2.createTextVNode)(" ")]
|
|
630
|
-
}), (0, import_vue2.createVNode)(import_pixel3_input.MpInput, inputAtrrs.value, null), (0, import_vue2.createVNode)(import_pixel3_input.MpInputRightAddon, null, {
|
|
632
|
+
}), (0, import_vue2.createVNode)(import_pixel3_input.MpInput, (0, import_vue2.mergeProps)(inputAtrrs.value, attrs), null), (0, import_vue2.createVNode)(import_pixel3_input.MpInputRightAddon, null, {
|
|
631
633
|
default: () => [props.isLoading ? (0, import_vue2.createVNode)(import_pixel3_spinner.MpSpinner, null, null) : (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
632
634
|
"name": "chevrons-down",
|
|
633
635
|
"size": "sm"
|
package/dist/autocomplete.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useAutocomplete
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-XV4UTBV2.mjs";
|
|
4
4
|
import {
|
|
5
5
|
autocompleteProps
|
|
6
6
|
} from "./chunk-Q7SGQCOH.mjs";
|
|
7
7
|
|
|
8
8
|
// src/autocomplete.tsx
|
|
9
|
-
import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
|
|
9
|
+
import { mergeProps as _mergeProps, createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
|
|
10
10
|
import { defineComponent } from "vue";
|
|
11
11
|
import { MpPopover, MpPopoverTrigger, MpPopoverContent, MpPopoverList, MpPopoverListItem } from "@mekari/pixel3-popover";
|
|
12
12
|
import { MpInput, MpInputGroup, MpInputRightAddon, MpInputLeftAddon } from "@mekari/pixel3-input";
|
|
@@ -17,11 +17,13 @@ import { flex } from "@mekari/pixel3-styled-system/patterns";
|
|
|
17
17
|
import { css } from "@mekari/pixel3-styled-system/css";
|
|
18
18
|
var MpAutocomplete = defineComponent({
|
|
19
19
|
name: "MpAutocomplete",
|
|
20
|
+
inheritAttrs: false,
|
|
20
21
|
props: autocompleteProps,
|
|
21
22
|
emits: ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"],
|
|
22
23
|
setup(props, {
|
|
23
24
|
emit,
|
|
24
|
-
slots
|
|
25
|
+
slots,
|
|
26
|
+
attrs
|
|
25
27
|
}) {
|
|
26
28
|
const {
|
|
27
29
|
getSuggestionDatas,
|
|
@@ -87,7 +89,7 @@ var MpAutocomplete = defineComponent({
|
|
|
87
89
|
default: () => [_createVNode(MpInputGroup, null, {
|
|
88
90
|
default: () => [slots.leftAddon && _createVNode(MpInputLeftAddon, null, {
|
|
89
91
|
default: () => [_createTextVNode(" "), slots.leftAddon(), _createTextVNode(" ")]
|
|
90
|
-
}), _createVNode(MpInput, inputAtrrs.value, null), _createVNode(MpInputRightAddon, null, {
|
|
92
|
+
}), _createVNode(MpInput, _mergeProps(inputAtrrs.value, attrs), null), _createVNode(MpInputRightAddon, null, {
|
|
91
93
|
default: () => [props.isLoading ? _createVNode(MpSpinner, null, null) : _createVNode(MpIcon, {
|
|
92
94
|
"name": "chevrons-down",
|
|
93
95
|
"size": "sm"
|
package/dist/index.js
CHANGED
|
@@ -457,7 +457,7 @@ function useAutocomplete(props, emit) {
|
|
|
457
457
|
onBlur();
|
|
458
458
|
}
|
|
459
459
|
},
|
|
460
|
-
|
|
460
|
+
onClear: (e) => {
|
|
461
461
|
emit("clear", e);
|
|
462
462
|
}
|
|
463
463
|
};
|
|
@@ -559,11 +559,13 @@ var import_patterns = require("@mekari/pixel3-styled-system/patterns");
|
|
|
559
559
|
var import_css2 = require("@mekari/pixel3-styled-system/css");
|
|
560
560
|
var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
561
561
|
name: "MpAutocomplete",
|
|
562
|
+
inheritAttrs: false,
|
|
562
563
|
props: autocompleteProps,
|
|
563
564
|
emits: ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"],
|
|
564
565
|
setup(props, {
|
|
565
566
|
emit,
|
|
566
|
-
slots
|
|
567
|
+
slots,
|
|
568
|
+
attrs
|
|
567
569
|
}) {
|
|
568
570
|
const {
|
|
569
571
|
getSuggestionDatas,
|
|
@@ -629,7 +631,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
|
|
|
629
631
|
default: () => [(0, import_vue2.createVNode)(import_pixel3_input.MpInputGroup, null, {
|
|
630
632
|
default: () => [slots.leftAddon && (0, import_vue2.createVNode)(import_pixel3_input.MpInputLeftAddon, null, {
|
|
631
633
|
default: () => [(0, import_vue2.createTextVNode)(" "), slots.leftAddon(), (0, import_vue2.createTextVNode)(" ")]
|
|
632
|
-
}), (0, import_vue2.createVNode)(import_pixel3_input.MpInput, inputAtrrs.value, null), (0, import_vue2.createVNode)(import_pixel3_input.MpInputRightAddon, null, {
|
|
634
|
+
}), (0, import_vue2.createVNode)(import_pixel3_input.MpInput, (0, import_vue2.mergeProps)(inputAtrrs.value, attrs), null), (0, import_vue2.createVNode)(import_pixel3_input.MpInputRightAddon, null, {
|
|
633
635
|
default: () => [props.isLoading ? (0, import_vue2.createVNode)(import_pixel3_spinner.MpSpinner, null, null) : (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
|
|
634
636
|
"name": "chevrons-down",
|
|
635
637
|
"size": "sm"
|
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":12444,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":4774,"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/css","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/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/autocomplete.tsx","inputs":{"src/autocomplete.tsx":{"bytesInOutput":5197},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12564}},"bytes":20766},"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/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":133},"src/autocomplete.tsx":{"bytesInOutput":5037},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12564}},"bytes":20756},"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/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":12744}},"bytes":13780},"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":12444,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":4774,"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/css","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-APSQJUFN.mjs","kind":"import-statement"},{"path":"dist/chunk-XV4UTBV2.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-APSQJUFN.mjs","kind":"import-statement"},{"path":"dist/chunk-XV4UTBV2.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-APSQJUFN.mjs":{"imports":[{"path":"dist/chunk-XV4UTBV2.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/css","kind":"import-statement","external":true}],"exports":["MpAutocomplete"],"inputs":{"src/autocomplete.tsx":{"bytesInOutput":4337}},"bytes":4510},"dist/modules/autocomplete.hooks.mjs":{"imports":[{"path":"dist/chunk-XV4UTBV2.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-XV4UTBV2.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/css","kind":"import-statement","external":true}],"exports":["useAutocomplete"],"inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":11903}},"bytes":12021},"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}}}
|
|
@@ -42,7 +42,7 @@ declare function useAutocomplete(props: AutocompleteProps, emit: AutocompleteEmi
|
|
|
42
42
|
onKeydown: (e: KeyboardEvent) => void;
|
|
43
43
|
onFocus: (e: Event) => void;
|
|
44
44
|
onBlur: () => void;
|
|
45
|
-
|
|
45
|
+
onClear: (e: Event) => void;
|
|
46
46
|
}>;
|
|
47
47
|
buttonActionAttrs: vue.ComputedRef<{
|
|
48
48
|
class: string;
|
|
@@ -42,7 +42,7 @@ declare function useAutocomplete(props: AutocompleteProps, emit: AutocompleteEmi
|
|
|
42
42
|
onKeydown: (e: KeyboardEvent) => void;
|
|
43
43
|
onFocus: (e: Event) => void;
|
|
44
44
|
onBlur: () => void;
|
|
45
|
-
|
|
45
|
+
onClear: (e: Event) => void;
|
|
46
46
|
}>;
|
|
47
47
|
buttonActionAttrs: vue.ComputedRef<{
|
|
48
48
|
class: string;
|
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.7
|
|
4
|
+
"version": "0.0.7",
|
|
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.0.5
|
|
12
|
-
"@mekari/pixel3-utils": "0.0.5
|
|
13
|
-
"@mekari/pixel3-input": "0.0.7
|
|
14
|
-
"@mekari/pixel3-spinner": "0.0.7
|
|
15
|
-
"@mekari/pixel3-icon": "0.0.7
|
|
16
|
-
"@mekari/pixel3-popover": "0.0.7
|
|
17
|
-
"@mekari/pixel3-text": "0.0.7
|
|
11
|
+
"@mekari/pixel3-styled-system": "0.0.5",
|
|
12
|
+
"@mekari/pixel3-utils": "0.0.5",
|
|
13
|
+
"@mekari/pixel3-input": "0.0.7",
|
|
14
|
+
"@mekari/pixel3-spinner": "0.0.7",
|
|
15
|
+
"@mekari/pixel3-icon": "0.0.7",
|
|
16
|
+
"@mekari/pixel3-popover": "0.0.7",
|
|
17
|
+
"@mekari/pixel3-text": "0.0.7"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"vue": "^3.4.9"
|