@mekari/pixel3-autocomplete 0.0.11-dev.1 → 0.0.12-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.
@@ -469,6 +469,18 @@ function useAutocomplete(props, emit) {
469
469
  }
470
470
  };
471
471
  });
472
+ const iconChevronsDownAttrs = (0, import_vue.computed)(() => {
473
+ return {
474
+ "aria-label": "dropdown button",
475
+ name: "chevrons-down",
476
+ size: "sm",
477
+ color: "gray.400",
478
+ style: {
479
+ cursor: "pointer"
480
+ },
481
+ onClick: handleForceFocusToInput
482
+ };
483
+ });
472
484
  const buttonActionAttrs = (0, import_vue.computed)(() => {
473
485
  return {
474
486
  class: (0, import_css.css)({
@@ -552,6 +564,7 @@ function useAutocomplete(props, emit) {
552
564
  popoverAtrrs,
553
565
  popoverContentAtrrs,
554
566
  inputAtrrs,
567
+ iconChevronsDownAttrs,
555
568
  buttonActionAttrs,
556
569
  emptyTextAttrs,
557
570
  contentLoadingAttrs,
@@ -583,6 +596,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
583
596
  popoverAtrrs,
584
597
  popoverContentAtrrs,
585
598
  inputAtrrs,
599
+ iconChevronsDownAttrs,
586
600
  buttonActionAttrs,
587
601
  emptyTextAttrs,
588
602
  contentLoadingAttrs,
@@ -639,10 +653,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
639
653
  default: () => [slots.leftAddon && (0, import_vue2.createVNode)(import_pixel3_input.MpInputLeftAddon, null, {
640
654
  default: () => [(0, import_vue2.createTextVNode)(" "), slots.leftAddon(), (0, import_vue2.createTextVNode)(" ")]
641
655
  }), (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, {
642
- default: () => [props.isLoading ? (0, import_vue2.createVNode)(import_pixel3_spinner.MpSpinner, null, null) : (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
643
- "name": "chevrons-down",
644
- "size": "sm"
645
- }, null)]
656
+ default: () => [props.isLoading ? (0, import_vue2.createVNode)(import_pixel3_spinner.MpSpinner, null, null) : (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, iconChevronsDownAttrs.value, null)]
646
657
  })]
647
658
  })]
648
659
  }), (0, import_vue2.createVNode)(import_pixel3_popover.MpPopoverContent, popoverContentAtrrs.value, {
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  MpAutocomplete
3
- } from "./chunk-RG5ONV6A.mjs";
4
- import "./chunk-LSNIK4FE.mjs";
3
+ } from "./chunk-YL3NPIQ3.mjs";
4
+ import "./chunk-F4X5O2JZ.mjs";
5
5
  import "./chunk-Q7SGQCOH.mjs";
6
6
  import "./chunk-QZ7VFGWC.mjs";
7
7
  export {
@@ -318,6 +318,18 @@ function useAutocomplete(props, emit) {
318
318
  }
319
319
  };
320
320
  });
321
+ const iconChevronsDownAttrs = computed(() => {
322
+ return {
323
+ "aria-label": "dropdown button",
324
+ name: "chevrons-down",
325
+ size: "sm",
326
+ color: "gray.400",
327
+ style: {
328
+ cursor: "pointer"
329
+ },
330
+ onClick: handleForceFocusToInput
331
+ };
332
+ });
321
333
  const buttonActionAttrs = computed(() => {
322
334
  return {
323
335
  class: css({
@@ -401,6 +413,7 @@ function useAutocomplete(props, emit) {
401
413
  popoverAtrrs,
402
414
  popoverContentAtrrs,
403
415
  inputAtrrs,
416
+ iconChevronsDownAttrs,
404
417
  buttonActionAttrs,
405
418
  emptyTextAttrs,
406
419
  contentLoadingAttrs,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useAutocomplete
3
- } from "./chunk-LSNIK4FE.mjs";
3
+ } from "./chunk-F4X5O2JZ.mjs";
4
4
  import {
5
5
  autocompleteProps
6
6
  } from "./chunk-Q7SGQCOH.mjs";
@@ -34,6 +34,7 @@ var MpAutocomplete = defineComponent({
34
34
  popoverAtrrs,
35
35
  popoverContentAtrrs,
36
36
  inputAtrrs,
37
+ iconChevronsDownAttrs,
37
38
  buttonActionAttrs,
38
39
  emptyTextAttrs,
39
40
  contentLoadingAttrs,
@@ -90,10 +91,7 @@ var MpAutocomplete = defineComponent({
90
91
  default: () => [slots.leftAddon && _createVNode(MpInputLeftAddon, null, {
91
92
  default: () => [_createTextVNode(" "), slots.leftAddon(), _createTextVNode(" ")]
92
93
  }), _createVNode(MpInput, _mergeProps(inputAtrrs.value, attrs), null), _createVNode(MpInputRightAddon, null, {
93
- default: () => [props.isLoading ? _createVNode(MpSpinner, null, null) : _createVNode(MpIcon, {
94
- "name": "chevrons-down",
95
- "size": "sm"
96
- }, null)]
94
+ default: () => [props.isLoading ? _createVNode(MpSpinner, null, null) : _createVNode(MpIcon, iconChevronsDownAttrs.value, null)]
97
95
  })]
98
96
  })]
99
97
  }), _createVNode(MpPopoverContent, popoverContentAtrrs.value, {
package/dist/index.js CHANGED
@@ -471,6 +471,18 @@ function useAutocomplete(props, emit) {
471
471
  }
472
472
  };
473
473
  });
474
+ const iconChevronsDownAttrs = (0, import_vue.computed)(() => {
475
+ return {
476
+ "aria-label": "dropdown button",
477
+ name: "chevrons-down",
478
+ size: "sm",
479
+ color: "gray.400",
480
+ style: {
481
+ cursor: "pointer"
482
+ },
483
+ onClick: handleForceFocusToInput
484
+ };
485
+ });
474
486
  const buttonActionAttrs = (0, import_vue.computed)(() => {
475
487
  return {
476
488
  class: (0, import_css.css)({
@@ -554,6 +566,7 @@ function useAutocomplete(props, emit) {
554
566
  popoverAtrrs,
555
567
  popoverContentAtrrs,
556
568
  inputAtrrs,
569
+ iconChevronsDownAttrs,
557
570
  buttonActionAttrs,
558
571
  emptyTextAttrs,
559
572
  contentLoadingAttrs,
@@ -585,6 +598,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
585
598
  popoverAtrrs,
586
599
  popoverContentAtrrs,
587
600
  inputAtrrs,
601
+ iconChevronsDownAttrs,
588
602
  buttonActionAttrs,
589
603
  emptyTextAttrs,
590
604
  contentLoadingAttrs,
@@ -641,10 +655,7 @@ var MpAutocomplete = (0, import_vue3.defineComponent)({
641
655
  default: () => [slots.leftAddon && (0, import_vue2.createVNode)(import_pixel3_input.MpInputLeftAddon, null, {
642
656
  default: () => [(0, import_vue2.createTextVNode)(" "), slots.leftAddon(), (0, import_vue2.createTextVNode)(" ")]
643
657
  }), (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, {
644
- default: () => [props.isLoading ? (0, import_vue2.createVNode)(import_pixel3_spinner.MpSpinner, null, null) : (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, {
645
- "name": "chevrons-down",
646
- "size": "sm"
647
- }, null)]
658
+ default: () => [props.isLoading ? (0, import_vue2.createVNode)(import_pixel3_spinner.MpSpinner, null, null) : (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, iconChevronsDownAttrs.value, null)]
648
659
  })]
649
660
  })]
650
661
  }), (0, import_vue2.createVNode)(import_pixel3_popover.MpPopoverContent, popoverContentAtrrs.value, {
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  MpAutocomplete
3
- } from "./chunk-RG5ONV6A.mjs";
4
- import "./chunk-LSNIK4FE.mjs";
3
+ } from "./chunk-YL3NPIQ3.mjs";
4
+ import "./chunk-F4X5O2JZ.mjs";
5
5
  import "./chunk-Q7SGQCOH.mjs";
6
6
  import "./chunk-QZ7VFGWC.mjs";
7
7
  export {
@@ -1 +1 @@
1
- {"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":12798,"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":4839,"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":12902}},"bytes":21104},"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":12902}},"bytes":21094},"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":13082}},"bytes":14118},"dist/modules/autocomplete.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2231}},"bytes":3199}}}
1
+ {"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":13122,"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":4808,"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":5166},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13220}},"bytes":21391},"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":5006},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13220}},"bytes":21381},"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":13400}},"bytes":14436},"dist/modules/autocomplete.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2231}},"bytes":3199}}}
@@ -1 +1 @@
1
- {"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":12798,"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":4839,"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-RG5ONV6A.mjs","kind":"import-statement"},{"path":"dist/chunk-LSNIK4FE.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-RG5ONV6A.mjs","kind":"import-statement"},{"path":"dist/chunk-LSNIK4FE.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-RG5ONV6A.mjs":{"imports":[{"path":"dist/chunk-LSNIK4FE.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-LSNIK4FE.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-LSNIK4FE.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":12241}},"bytes":12359},"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}}}
1
+ {"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":13122,"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":4808,"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-YL3NPIQ3.mjs","kind":"import-statement"},{"path":"dist/chunk-F4X5O2JZ.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-YL3NPIQ3.mjs","kind":"import-statement"},{"path":"dist/chunk-F4X5O2JZ.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-YL3NPIQ3.mjs":{"imports":[{"path":"dist/chunk-F4X5O2JZ.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":4306}},"bytes":4479},"dist/modules/autocomplete.hooks.mjs":{"imports":[{"path":"dist/chunk-F4X5O2JZ.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-F4X5O2JZ.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":12543}},"bytes":12661},"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}}}
@@ -45,6 +45,16 @@ declare function useAutocomplete(props: AutocompleteProps, emit: AutocompleteEmi
45
45
  onBlur: () => void;
46
46
  onClear: (e: Event) => void;
47
47
  }>;
48
+ iconChevronsDownAttrs: vue.ComputedRef<{
49
+ 'aria-label': string;
50
+ name: "chevrons-down";
51
+ size: "sm";
52
+ color: string;
53
+ style: {
54
+ cursor: string;
55
+ };
56
+ onClick: () => void;
57
+ }>;
48
58
  buttonActionAttrs: vue.ComputedRef<{
49
59
  class: string;
50
60
  onClick: (e: Event) => void;
@@ -45,6 +45,16 @@ declare function useAutocomplete(props: AutocompleteProps, emit: AutocompleteEmi
45
45
  onBlur: () => void;
46
46
  onClear: (e: Event) => void;
47
47
  }>;
48
+ iconChevronsDownAttrs: vue.ComputedRef<{
49
+ 'aria-label': string;
50
+ name: "chevrons-down";
51
+ size: "sm";
52
+ color: string;
53
+ style: {
54
+ cursor: string;
55
+ };
56
+ onClick: () => void;
57
+ }>;
48
58
  buttonActionAttrs: vue.ComputedRef<{
49
59
  class: string;
50
60
  onClick: (e: Event) => void;
@@ -339,6 +339,18 @@ function useAutocomplete(props, emit) {
339
339
  }
340
340
  };
341
341
  });
342
+ const iconChevronsDownAttrs = (0, import_vue.computed)(() => {
343
+ return {
344
+ "aria-label": "dropdown button",
345
+ name: "chevrons-down",
346
+ size: "sm",
347
+ color: "gray.400",
348
+ style: {
349
+ cursor: "pointer"
350
+ },
351
+ onClick: handleForceFocusToInput
352
+ };
353
+ });
342
354
  const buttonActionAttrs = (0, import_vue.computed)(() => {
343
355
  return {
344
356
  class: (0, import_css.css)({
@@ -422,6 +434,7 @@ function useAutocomplete(props, emit) {
422
434
  popoverAtrrs,
423
435
  popoverContentAtrrs,
424
436
  inputAtrrs,
437
+ iconChevronsDownAttrs,
425
438
  buttonActionAttrs,
426
439
  emptyTextAttrs,
427
440
  contentLoadingAttrs,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useAutocomplete
3
- } from "../chunk-LSNIK4FE.mjs";
3
+ } from "../chunk-F4X5O2JZ.mjs";
4
4
  import "../chunk-QZ7VFGWC.mjs";
5
5
  export {
6
6
  useAutocomplete
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.11-dev.1",
4
+ "version": "0.0.12-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.0.9-dev.0",
11
+ "@mekari/pixel3-styled-system": "0.0.9",
12
12
  "@mekari/pixel3-utils": "0.0.6",
13
- "@mekari/pixel3-input": "0.0.11-dev.0",
14
- "@mekari/pixel3-spinner": "0.0.11-dev.0",
15
- "@mekari/pixel3-icon": "0.0.11-dev.0",
16
- "@mekari/pixel3-popover": "0.0.11-dev.1",
17
- "@mekari/pixel3-text": "0.0.11-dev.0"
13
+ "@mekari/pixel3-input": "0.0.12-dev.0",
14
+ "@mekari/pixel3-spinner": "0.0.12-dev.0",
15
+ "@mekari/pixel3-icon": "0.0.12-dev.0",
16
+ "@mekari/pixel3-popover": "0.0.12-dev.0",
17
+ "@mekari/pixel3-text": "0.0.11"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "vue": "^3.4.9"