arvue-ui 0.3.2 → 0.4.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/all.css +1 -1
- package/dist/combobox/combobox.js +56 -0
- package/dist/combobox/combobox.js.map +1 -0
- package/dist/combobox/comboboxAnchor.js +24 -0
- package/dist/combobox/comboboxAnchor.js.map +1 -0
- package/dist/combobox/comboboxCancel.js +23 -0
- package/dist/combobox/comboboxCancel.js.map +1 -0
- package/dist/combobox/comboboxContent.js +73 -0
- package/dist/combobox/comboboxContent.js.map +1 -0
- package/dist/combobox/comboboxEmpty.js +33 -0
- package/dist/combobox/comboboxEmpty.js.map +1 -0
- package/dist/combobox/comboboxGroup.js +23 -0
- package/dist/combobox/comboboxGroup.js.map +1 -0
- package/dist/combobox/comboboxInput.js +67 -0
- package/dist/combobox/comboboxInput.js.map +1 -0
- package/dist/combobox/comboboxItem.js +36 -0
- package/dist/combobox/comboboxItem.js.map +1 -0
- package/dist/combobox/comboboxLabel.js +34 -0
- package/dist/combobox/comboboxLabel.js.map +1 -0
- package/dist/combobox/comboboxPortal.js +25 -0
- package/dist/combobox/comboboxPortal.js.map +1 -0
- package/dist/combobox/comboboxSeparator.js +33 -0
- package/dist/combobox/comboboxSeparator.js.map +1 -0
- package/dist/combobox/comboboxTrigger.js +24 -0
- package/dist/combobox/comboboxTrigger.js.map +1 -0
- package/dist/combobox/comboboxViewport.js +24 -0
- package/dist/combobox/comboboxViewport.js.map +1 -0
- package/dist/index.d.ts +295 -85
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +55 -1277
- package/dist/index.js.map +1 -1
- package/dist/style.css +14 -0
- package/package.json +1 -1
- package/src/autocomplete/autocomplete-content.css +4 -0
- package/src/autocomplete/autocomplete-input.css +5 -0
- package/src/autocomplete/autocomplete.css +1 -0
- package/src/combobox/Combobox.vue +36 -0
- package/src/combobox/ComboboxAnchor.vue +17 -0
- package/src/combobox/ComboboxCancel.vue +17 -0
- package/src/combobox/ComboboxContent.vue +46 -0
- package/src/combobox/ComboboxEmpty.vue +31 -0
- package/src/combobox/ComboboxGroup.vue +17 -0
- package/src/combobox/ComboboxInput.vue +69 -0
- package/src/combobox/ComboboxItem.vue +35 -0
- package/src/combobox/ComboboxLabel.vue +31 -0
- package/src/combobox/ComboboxPortal.vue +17 -0
- package/src/combobox/ComboboxSeparator.vue +31 -0
- package/src/combobox/ComboboxTrigger.vue +17 -0
- package/src/combobox/ComboboxViewport.vue +17 -0
- package/src/combobox/combobox-content.css +11 -0
- package/src/combobox/combobox-empty.css +7 -0
- package/src/combobox/combobox-input.css +10 -0
- package/src/combobox/combobox-item.css +14 -0
- package/src/combobox/combobox-label.css +6 -0
- package/src/combobox/combobox-separator.css +5 -0
- package/src/combobox/combobox.css +5 -0
- package/src/combobox/index.ts +56 -0
- package/src/index.ts +1 -0
package/dist/all.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arvue-autocomplete{width:fit-content;position:relative}.arvue-autocomplete-content{width:var(--reka-popper-anchor-width);background:var(--background-color-blank);border-radius:.5em;margin-top:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-autocomplete-empty{text-align:center;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.arvue-autocomplete-input-wrapper{align-items:center;gap:.25rem;display:flex}.arvue-autocomplete-item{user-select:none;border-radius:.5em;align-items:center;padding:.5em 1em;line-height:1;display:flex;position:relative}.arvue-autocomplete-item[data-highlighted]{background:var(--background-color-zebra-row-odd-hover);outline:none}.arvue-autocomplete-label{padding:.25em .75em;font-size:.75em;font-weight:600;line-height:1.2em}.arvue-autocomplete-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-dialog-content{z-index:1060;width:100%;max-width:calc(100% - 2rem);box-shadow:0 0 70px var(--dialog-shadow-color);background:var(--background-color-blank);box-sizing:border-box;border-radius:.75rem;gap:2rem;padding:1.5rem;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width>=760px){.arvue-dialog-content{max-width:600px}}.arvue-dialog-content .arvue-dialog-close-button{opacity:.7;transition:opacity var(--timing-fast) ease-in-out;width:1rem;height:1rem;color:inherit;border-radius:.125rem;position:absolute;top:1rem;right:1rem}.arvue-dialog-content .arvue-dialog-close-button:hover{opacity:1}.arvue-dialog-content .arvue-dialog-close-button:disabled{pointer-events:none}.arvue-dialog-description{margin:0;font-size:.875rem;font-weight:600}.arvue-dialog-footer{flex-direction:column-reverse;gap:.5rem;display:flex}.arvue-dialog-footer button{margin-right:0}@media (width>=760px){.arvue-dialog-footer{flex-direction:row;justify-content:flex-end}}.arvue-dialog-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}@media (width>=760px){.arvue-dialog-header{text-align:left}}.arvue-dialog-overlay{z-index:1055;box-sizing:border-box;background-color:var(--dialog-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-dialog-title{margin:0}.arvue-drawer-content{z-index:1045;box-shadow:0 0 70px var(--drawer-shadow-color);background:var(--background-color-blank);box-sizing:border-box;flex-direction:column;gap:1rem;display:flex;position:fixed}.arvue-drawer-content.right{width:75%;top:0;bottom:0;right:0}.arvue-drawer-content.left{width:75%;top:0;bottom:0;right:auto}.arvue-drawer-content.top{width:auto;height:auto;inset:0 0 auto}.arvue-drawer-content.bottom{width:auto;height:auto;inset:auto 0 0}@media (width>=760px){.arvue-drawer-content.right,.arvue-drawer-content.left{width:600px}}.arvue-drawer-content .arvue-drawer-close-button{opacity:.7;transition:opacity var(--timing-fast) ease-in-out;width:1rem;height:1rem;color:inherit;border-radius:.125rem;position:absolute;top:1rem;right:1rem}.arvue-drawer-content .arvue-drawer-close-button:hover{opacity:1}.arvue-drawer-content .arvue-drawer-close-button:disabled{pointer-events:none}.arvue-drawer-description{margin:0;font-size:.875rem;font-weight:600}.arvue-drawer-footer{flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem;display:flex}.arvue-drawer-footer button{margin-right:0}.arvue-drawer-header{flex-direction:column;gap:.375rem;padding:1rem;display:flex}.arvue-drawer-overlay{z-index:1040;box-sizing:border-box;background:var(--drawer-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-drawer-title{margin:0}.arvue-sheet-content{box-sizing:border-box;z-index:1035;height:auto;box-shadow:0 0 70px var(--drawer-shadow-color);background:var(--background-color-blank);flex-direction:column;gap:1rem;display:flex;position:fixed}.arvue-sheet-content[data-vaul-drawer-direction=top]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;max-height:80vh;margin-bottom:6rem;top:0;left:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=bottom]{border-top-left-radius:1rem;border-top-right-radius:1rem;max-height:80vh;margin-top:6rem;bottom:0;left:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=right]{width:75%;top:0;bottom:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=left]{width:75%;top:0;bottom:0;left:0}@media (width>=760px){.arvue-sheet-content[data-vaul-drawer-direction=right],.arvue-sheet-content[data-vaul-drawer-direction=left]{max-width:600px}}.arvue-sheet-content .arvue-sheet-handle{background-color:var(--light-gray);border-radius:9999px;flex-shrink:0;width:100px;height:.5rem;margin-top:1rem;margin-left:auto;margin-right:auto;display:none}.arvue-sheet-content[data-vaul-drawer-direction=bottom] .arvue-sheet-handle{display:block}.arvue-sheet-description{margin:0;font-size:.875rem;font-weight:600}.arvue-sheet-footer{flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem;display:flex}.arvue-sheet-footer button{margin-right:0}.arvue-sheet-header{flex-direction:column;gap:.375rem;padding:1rem;display:flex}.arvue-sheet-overlay{z-index:1030;box-sizing:border-box;background:var(--drawer-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-sheet-title{margin:0}
|
|
1
|
+
.arvue-autocomplete{width:fit-content;max-width:100%;position:relative}.arvue-autocomplete-content{width:var(--reka-popper-anchor-width);background:var(--background-color-blank);border-radius:.5em;margin-top:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-autocomplete div[data-reka-popper-content-wrapper]{z-index:110!important}.arvue-autocomplete-empty{text-align:center;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.arvue-autocomplete-input-wrapper{align-items:center;gap:.25rem;display:flex}.arvue-autocomplete-input-wrapper .state-with-inner-icon{max-width:100%}.arvue-autocomplete-item{user-select:none;border-radius:.5em;align-items:center;padding:.5em 1em;line-height:1;display:flex;position:relative}.arvue-autocomplete-item[data-highlighted]{background:var(--background-color-zebra-row-odd-hover);outline:none}.arvue-autocomplete-label{padding:.25em .75em;font-size:.75em;font-weight:600;line-height:1.2em}.arvue-autocomplete-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-combobox{width:fit-content;max-width:100%;position:relative}.arvue-combobox-content{width:var(--reka-popper-anchor-width);background:var(--background-color-blank);border-radius:.5em;margin-top:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-combobox div[data-reka-popper-content-wrapper]{z-index:110!important}.arvue-combobox-empty{text-align:center;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.arvue-combobox-input-wrapper{align-items:center;gap:.25rem;display:flex}.arvue-combobox-input-wrapper .state-with-inner-icon{max-width:100%}.arvue-combobox-item{user-select:none;border-radius:.5em;align-items:center;padding:.5em 1em;line-height:1;display:flex;position:relative}.arvue-combobox-item[data-highlighted]{background:var(--background-color-zebra-row-odd-hover);outline:none}.arvue-combobox-label{padding:.25em .75em;font-size:.75em;font-weight:600;line-height:1.2em}.arvue-combobox-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-dialog-content{z-index:1060;width:100%;max-width:calc(100% - 2rem);box-shadow:0 0 70px var(--dialog-shadow-color);background:var(--background-color-blank);box-sizing:border-box;border-radius:.75rem;gap:2rem;padding:1.5rem;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width>=760px){.arvue-dialog-content{max-width:600px}}.arvue-dialog-content .arvue-dialog-close-button{opacity:.7;transition:opacity var(--timing-fast) ease-in-out;width:1rem;height:1rem;color:inherit;border-radius:.125rem;position:absolute;top:1rem;right:1rem}.arvue-dialog-content .arvue-dialog-close-button:hover{opacity:1}.arvue-dialog-content .arvue-dialog-close-button:disabled{pointer-events:none}.arvue-dialog-description{margin:0;font-size:.875rem;font-weight:600}.arvue-dialog-footer{flex-direction:column-reverse;gap:.5rem;display:flex}.arvue-dialog-footer button{margin-right:0}@media (width>=760px){.arvue-dialog-footer{flex-direction:row;justify-content:flex-end}}.arvue-dialog-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}@media (width>=760px){.arvue-dialog-header{text-align:left}}.arvue-dialog-overlay{z-index:1055;box-sizing:border-box;background-color:var(--dialog-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-dialog-title{margin:0}.arvue-drawer-content{z-index:1045;box-shadow:0 0 70px var(--drawer-shadow-color);background:var(--background-color-blank);box-sizing:border-box;flex-direction:column;gap:1rem;display:flex;position:fixed}.arvue-drawer-content.right{width:75%;top:0;bottom:0;right:0}.arvue-drawer-content.left{width:75%;top:0;bottom:0;right:auto}.arvue-drawer-content.top{width:auto;height:auto;inset:0 0 auto}.arvue-drawer-content.bottom{width:auto;height:auto;inset:auto 0 0}@media (width>=760px){.arvue-drawer-content.right,.arvue-drawer-content.left{width:600px}}.arvue-drawer-content .arvue-drawer-close-button{opacity:.7;transition:opacity var(--timing-fast) ease-in-out;width:1rem;height:1rem;color:inherit;border-radius:.125rem;position:absolute;top:1rem;right:1rem}.arvue-drawer-content .arvue-drawer-close-button:hover{opacity:1}.arvue-drawer-content .arvue-drawer-close-button:disabled{pointer-events:none}.arvue-drawer-description{margin:0;font-size:.875rem;font-weight:600}.arvue-drawer-footer{flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem;display:flex}.arvue-drawer-footer button{margin-right:0}.arvue-drawer-header{flex-direction:column;gap:.375rem;padding:1rem;display:flex}.arvue-drawer-overlay{z-index:1040;box-sizing:border-box;background:var(--drawer-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-drawer-title{margin:0}.arvue-sheet-content{box-sizing:border-box;z-index:1035;height:auto;box-shadow:0 0 70px var(--drawer-shadow-color);background:var(--background-color-blank);flex-direction:column;gap:1rem;display:flex;position:fixed}.arvue-sheet-content[data-vaul-drawer-direction=top]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;max-height:80vh;margin-bottom:6rem;top:0;left:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=bottom]{border-top-left-radius:1rem;border-top-right-radius:1rem;max-height:80vh;margin-top:6rem;bottom:0;left:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=right]{width:75%;top:0;bottom:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=left]{width:75%;top:0;bottom:0;left:0}@media (width>=760px){.arvue-sheet-content[data-vaul-drawer-direction=right],.arvue-sheet-content[data-vaul-drawer-direction=left]{max-width:600px}}.arvue-sheet-content .arvue-sheet-handle{background-color:var(--light-gray);border-radius:9999px;flex-shrink:0;width:100px;height:.5rem;margin-top:1rem;margin-left:auto;margin-right:auto;display:none}.arvue-sheet-content[data-vaul-drawer-direction=bottom] .arvue-sheet-handle{display:block}.arvue-sheet-description{margin:0;font-size:.875rem;font-weight:600}.arvue-sheet-footer{flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem;display:flex}.arvue-sheet-footer button{margin-right:0}.arvue-sheet-header{flex-direction:column;gap:.375rem;padding:1rem;display:flex}.arvue-sheet-overlay{z-index:1030;box-sizing:border-box;background:var(--drawer-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-sheet-title{margin:0}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { clsx } from "../clsx.js";
|
|
2
|
+
import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
4
|
+
import { ComboboxRoot, useForwardPropsEmits } from "reka-ui";
|
|
5
|
+
//#region src/combobox/Combobox.vue
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "Combobox",
|
|
8
|
+
props: {
|
|
9
|
+
class: { type: [
|
|
10
|
+
Boolean,
|
|
11
|
+
null,
|
|
12
|
+
String,
|
|
13
|
+
Object,
|
|
14
|
+
Array
|
|
15
|
+
] },
|
|
16
|
+
open: { type: Boolean },
|
|
17
|
+
defaultOpen: { type: Boolean },
|
|
18
|
+
resetSearchTermOnBlur: { type: Boolean },
|
|
19
|
+
resetSearchTermOnSelect: { type: Boolean },
|
|
20
|
+
openOnFocus: { type: Boolean },
|
|
21
|
+
openOnClick: { type: Boolean },
|
|
22
|
+
ignoreFilter: { type: Boolean },
|
|
23
|
+
resetModelValueOnClear: { type: Boolean },
|
|
24
|
+
modelValue: {},
|
|
25
|
+
defaultValue: {},
|
|
26
|
+
multiple: { type: Boolean },
|
|
27
|
+
dir: {},
|
|
28
|
+
disabled: { type: Boolean },
|
|
29
|
+
highlightOnHover: { type: Boolean },
|
|
30
|
+
by: { type: [String, Function] },
|
|
31
|
+
asChild: { type: Boolean },
|
|
32
|
+
as: {},
|
|
33
|
+
name: {},
|
|
34
|
+
required: { type: Boolean }
|
|
35
|
+
},
|
|
36
|
+
emits: [
|
|
37
|
+
"update:modelValue",
|
|
38
|
+
"highlight",
|
|
39
|
+
"update:open"
|
|
40
|
+
],
|
|
41
|
+
setup(__props, { emit: __emit }) {
|
|
42
|
+
const props = __props;
|
|
43
|
+
const emits = __emit;
|
|
44
|
+
const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
|
|
45
|
+
return (_ctx, _cache) => {
|
|
46
|
+
return openBlock(), createBlock(unref(ComboboxRoot), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-combobox", props.class) }), {
|
|
47
|
+
default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
|
|
48
|
+
_: 3
|
|
49
|
+
}, 16, ["class"]);
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
//#endregion
|
|
54
|
+
export { _sfc_main };
|
|
55
|
+
|
|
56
|
+
//# sourceMappingURL=combobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.js","names":[],"sources":["../../src/combobox/Combobox.vue"],"sourcesContent":["<style>\n@import 'combobox.css';\n</style>\n\n<template>\n <ComboboxRoot\n v-slot=\"slotProps\"\n v-bind=\"forwarded\"\n :class=\"clsx('arvue-combobox', props.class)\"\n >\n <slot v-bind=\"slotProps\"/>\n </ComboboxRoot>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxRootEmits, ComboboxRootProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxProps extends ComboboxRootProps {\n class?: HTMLAttributes['class']\n}\nexport interface ComboboxEmits extends ComboboxRootEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { ComboboxRoot, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<ComboboxProps>()\nconst emits = defineEmits<ComboboxEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBA7BxD,YAMe,MAAA,YAAA,GANf,WAEY,MAIG,SAAA,GAJM,EAChB,OAAO,MAAA,IAAA,EAAI,kBAAmB,MAAM,KAAK,EAAA,CAAA,GAAA;sBAFlC,cAAS,CAIjB,WAA0B,KAAA,QAAA,WAAA,eAAA,mBAAZ,SAAS,CAAA,CAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { ComboboxAnchor } from "reka-ui";
|
|
3
|
+
//#region src/combobox/ComboboxAnchor.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "ComboboxAnchor",
|
|
6
|
+
props: {
|
|
7
|
+
reference: {},
|
|
8
|
+
asChild: { type: Boolean },
|
|
9
|
+
as: {}
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
return openBlock(), createBlock(unref(ComboboxAnchor), normalizeProps(guardReactiveProps(props)), {
|
|
15
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
16
|
+
_: 3
|
|
17
|
+
}, 16);
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
//#endregion
|
|
22
|
+
export { _sfc_main };
|
|
23
|
+
|
|
24
|
+
//# sourceMappingURL=comboboxAnchor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxAnchor.js","names":[],"sources":["../../src/combobox/ComboboxAnchor.vue"],"sourcesContent":["<template>\n <ComboboxAnchor v-bind=\"props\">\n <slot/>\n </ComboboxAnchor>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxAnchorProps as RekaComboboxAnchorProps } from 'reka-ui'\n\nexport interface ComboboxAnchorProps extends RekaComboboxAnchorProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxAnchor } from 'reka-ui'\n\nconst props = defineProps<ComboboxAnchorProps>()\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEiB,MAAA,cAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BAClB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { ComboboxCancel } from "reka-ui";
|
|
3
|
+
//#region src/combobox/ComboboxCancel.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "ComboboxCancel",
|
|
6
|
+
props: {
|
|
7
|
+
asChild: { type: Boolean },
|
|
8
|
+
as: {}
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
const props = __props;
|
|
12
|
+
return (_ctx, _cache) => {
|
|
13
|
+
return openBlock(), createBlock(unref(ComboboxCancel), normalizeProps(guardReactiveProps(props)), {
|
|
14
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
15
|
+
_: 3
|
|
16
|
+
}, 16);
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
//#endregion
|
|
21
|
+
export { _sfc_main };
|
|
22
|
+
|
|
23
|
+
//# sourceMappingURL=comboboxCancel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxCancel.js","names":[],"sources":["../../src/combobox/ComboboxCancel.vue"],"sourcesContent":["<template>\n <ComboboxCancel v-bind=\"props\">\n <slot/>\n </ComboboxCancel>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxCancelProps as RekaComboboxCancelProps } from 'reka-ui'\n\nexport interface ComboboxCancelProps extends RekaComboboxCancelProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxCancel } from 'reka-ui'\n\nconst props = defineProps<ComboboxCancelProps>()\n</script>\n"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEiB,MAAA,cAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BAClB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { clsx } from "../clsx.js";
|
|
2
|
+
import { _sfc_main as _sfc_main$1 } from "./comboboxViewport.js";
|
|
3
|
+
import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
5
|
+
import { ComboboxContent, useForwardPropsEmits } from "reka-ui";
|
|
6
|
+
//#region src/combobox/ComboboxContent.vue
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
inheritAttrs: false,
|
|
9
|
+
__name: "ComboboxContent",
|
|
10
|
+
props: {
|
|
11
|
+
class: { type: [
|
|
12
|
+
Boolean,
|
|
13
|
+
null,
|
|
14
|
+
String,
|
|
15
|
+
Object,
|
|
16
|
+
Array
|
|
17
|
+
] },
|
|
18
|
+
forceMount: { type: Boolean },
|
|
19
|
+
bodyLock: { type: Boolean },
|
|
20
|
+
hideWhenEmpty: { type: Boolean },
|
|
21
|
+
side: {},
|
|
22
|
+
sideOffset: {},
|
|
23
|
+
sideFlip: { type: Boolean },
|
|
24
|
+
align: {},
|
|
25
|
+
alignOffset: {},
|
|
26
|
+
alignFlip: { type: Boolean },
|
|
27
|
+
avoidCollisions: { type: Boolean },
|
|
28
|
+
collisionBoundary: {},
|
|
29
|
+
collisionPadding: {},
|
|
30
|
+
arrowPadding: {},
|
|
31
|
+
hideShiftedArrow: { type: Boolean },
|
|
32
|
+
sticky: {},
|
|
33
|
+
hideWhenDetached: { type: Boolean },
|
|
34
|
+
positionStrategy: {},
|
|
35
|
+
updatePositionStrategy: {},
|
|
36
|
+
disableUpdateOnLayoutShift: { type: Boolean },
|
|
37
|
+
prioritizePosition: { type: Boolean },
|
|
38
|
+
reference: {},
|
|
39
|
+
asChild: { type: Boolean },
|
|
40
|
+
as: {},
|
|
41
|
+
disableOutsidePointerEvents: { type: Boolean }
|
|
42
|
+
},
|
|
43
|
+
emits: [
|
|
44
|
+
"escapeKeyDown",
|
|
45
|
+
"pointerDownOutside",
|
|
46
|
+
"focusOutside",
|
|
47
|
+
"interactOutside"
|
|
48
|
+
],
|
|
49
|
+
setup(__props, { emit: __emit }) {
|
|
50
|
+
const props = __props;
|
|
51
|
+
const emits = __emit;
|
|
52
|
+
const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
|
|
53
|
+
return (_ctx, _cache) => {
|
|
54
|
+
return openBlock(), createBlock(unref(ComboboxContent), mergeProps({
|
|
55
|
+
..._ctx.$attrs,
|
|
56
|
+
...unref(forwarded)
|
|
57
|
+
}, {
|
|
58
|
+
class: unref(clsx)("arvue-combobox-content", props.class),
|
|
59
|
+
position: "popper"
|
|
60
|
+
}), {
|
|
61
|
+
default: withCtx(() => [createVNode(unref(_sfc_main$1), null, {
|
|
62
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
63
|
+
_: 3
|
|
64
|
+
})]),
|
|
65
|
+
_: 3
|
|
66
|
+
}, 16, ["class"]);
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
//#endregion
|
|
71
|
+
export { _sfc_main };
|
|
72
|
+
|
|
73
|
+
//# sourceMappingURL=comboboxContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxContent.js","names":["$attrs"],"sources":["../../src/combobox/ComboboxContent.vue"],"sourcesContent":["<style>\n@import 'combobox-content.css';\n</style>\n\n<template>\n <ComboboxContent\n v-bind=\"{ ...$attrs, ...forwarded }\"\n :class=\"clsx('arvue-combobox-content', props.class)\"\n position=\"popper\"\n >\n <ComboboxViewport>\n <slot/>\n </ComboboxViewport>\n </ComboboxContent>\n</template>\n\n<script lang=\"ts\">\nimport type {\n ComboboxContentEmits as RekaComboboxContentEmits,\n ComboboxContentProps as RekaComboboxContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxContentProps extends Omit<RekaComboboxContentProps, 'position'> {\n class?: HTMLAttributes['class']\n}\nexport interface ComboboxContentEmits extends RekaComboboxContentEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { ComboboxContent, useForwardPropsEmits } from 'reka-ui'\nimport { ComboboxViewport } from '.'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = defineProps<ComboboxContentProps>()\nconst emits = defineEmits<ComboboxContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAvCxD,YAQkB,MAAA,eAAA,GARlB,WAQkB;IAAA,GAPDA,KAAAA;IAAM,GAAK,MAAA,SAAA;GAAS,GAAA;IAChC,OAAO,MAAA,IAAA,EAAI,0BAA2B,MAAM,KAAK;IAClD,UAAS;;2BAIU,CAFnB,YAEmB,MAAA,WAAA,GAAA,MAAA;4BADR,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { clsx } from "../clsx.js";
|
|
2
|
+
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
4
|
+
import { ComboboxEmpty } from "reka-ui";
|
|
5
|
+
//#region src/combobox/ComboboxEmpty.vue
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "ComboboxEmpty",
|
|
8
|
+
props: {
|
|
9
|
+
class: { type: [
|
|
10
|
+
Boolean,
|
|
11
|
+
null,
|
|
12
|
+
String,
|
|
13
|
+
Object,
|
|
14
|
+
Array
|
|
15
|
+
] },
|
|
16
|
+
asChild: { type: Boolean },
|
|
17
|
+
as: {}
|
|
18
|
+
},
|
|
19
|
+
setup(__props) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
22
|
+
return (_ctx, _cache) => {
|
|
23
|
+
return openBlock(), createBlock(unref(ComboboxEmpty), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-combobox-empty", props.class) }), {
|
|
24
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
25
|
+
_: 3
|
|
26
|
+
}, 16, ["class"]);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
//#endregion
|
|
31
|
+
export { _sfc_main };
|
|
32
|
+
|
|
33
|
+
//# sourceMappingURL=comboboxEmpty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxEmpty.js","names":[],"sources":["../../src/combobox/ComboboxEmpty.vue"],"sourcesContent":["<style>\n@import 'combobox-empty.css';\n</style>\n\n<template>\n <ComboboxEmpty\n v-bind=\"delegatedProps\"\n :class=\"clsx('arvue-combobox-empty', props.class)\"\n >\n <slot/>\n </ComboboxEmpty>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxEmptyProps as RekaComboboxEmptyProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxEmptyProps extends RekaComboboxEmptyProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { ComboboxEmpty } from 'reka-ui'\n\nconst props = defineProps<ComboboxEmptyProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKgB,MAAA,aAAA,GALhB,WACY,MAII,cAAA,GAJU,EACrB,OAAO,MAAA,IAAA,EAAI,wBAAyB,MAAM,KAAK,EAAA,CAAA,GAAA;2BAEzC,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { ComboboxGroup } from "reka-ui";
|
|
3
|
+
//#region src/combobox/ComboboxGroup.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "ComboboxGroup",
|
|
6
|
+
props: {
|
|
7
|
+
asChild: { type: Boolean },
|
|
8
|
+
as: {}
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
const props = __props;
|
|
12
|
+
return (_ctx, _cache) => {
|
|
13
|
+
return openBlock(), createBlock(unref(ComboboxGroup), normalizeProps(guardReactiveProps(props)), {
|
|
14
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
15
|
+
_: 3
|
|
16
|
+
}, 16);
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
//#endregion
|
|
21
|
+
export { _sfc_main };
|
|
22
|
+
|
|
23
|
+
//# sourceMappingURL=comboboxGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxGroup.js","names":[],"sources":["../../src/combobox/ComboboxGroup.vue"],"sourcesContent":["<template>\n <ComboboxGroup v-bind=\"props\">\n <slot/>\n </ComboboxGroup>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxGroupProps as RekaComboboxGroupProps } from 'reka-ui'\n\nexport interface ComboboxGroupProps extends RekaComboboxGroupProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxGroup } from 'reka-ui'\n\nconst props = defineProps<ComboboxGroupProps>()\n</script>\n"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEgB,MAAA,aAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACjB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { _sfc_main as _sfc_main$1 } from "./comboboxAnchor.js";
|
|
2
|
+
import { _sfc_main as _sfc_main$2 } from "./comboboxCancel.js";
|
|
3
|
+
import { _sfc_main as _sfc_main$3 } from "./comboboxTrigger.js";
|
|
4
|
+
import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, unref, useTemplateRef, withCtx } from "vue";
|
|
5
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
6
|
+
import { ComboboxInput, useForwardPropsEmits } from "reka-ui";
|
|
7
|
+
//#region src/combobox/ComboboxInput.vue
|
|
8
|
+
const _hoisted_1 = { class: "arvue-combobox-input-wrapper" };
|
|
9
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
|
+
inheritAttrs: false,
|
|
11
|
+
__name: "ComboboxInput",
|
|
12
|
+
props: {
|
|
13
|
+
showTriggerButton: {
|
|
14
|
+
type: Boolean,
|
|
15
|
+
default: true
|
|
16
|
+
},
|
|
17
|
+
showCancelButton: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
default: false
|
|
20
|
+
},
|
|
21
|
+
displayValue: {},
|
|
22
|
+
modelValue: {},
|
|
23
|
+
autoFocus: { type: Boolean },
|
|
24
|
+
disabled: { type: Boolean },
|
|
25
|
+
asChild: { type: Boolean },
|
|
26
|
+
as: {}
|
|
27
|
+
},
|
|
28
|
+
emits: ["cancel", "update:modelValue"],
|
|
29
|
+
setup(__props, { emit: __emit }) {
|
|
30
|
+
const props = __props;
|
|
31
|
+
const emits = __emit;
|
|
32
|
+
const forwarded = useForwardPropsEmits(reactiveOmit(props, "showCancelButton", "showTriggerButton"), emits);
|
|
33
|
+
const inputRef = useTemplateRef("inputRef");
|
|
34
|
+
return (_ctx, _cache) => {
|
|
35
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(_sfc_main$1), {
|
|
36
|
+
class: "state-with-inner-icon right",
|
|
37
|
+
reference: inputRef.value?.$el
|
|
38
|
+
}, {
|
|
39
|
+
default: withCtx(() => [createVNode(unref(ComboboxInput), mergeProps({
|
|
40
|
+
..._ctx.$attrs,
|
|
41
|
+
...unref(forwarded)
|
|
42
|
+
}, {
|
|
43
|
+
ref_key: "inputRef",
|
|
44
|
+
ref: inputRef
|
|
45
|
+
}), null, 16), __props.showTriggerButton ? (openBlock(), createBlock(unref(_sfc_main$3), {
|
|
46
|
+
key: 0,
|
|
47
|
+
class: "icon"
|
|
48
|
+
}, {
|
|
49
|
+
default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("i", { class: "fas fa-sort" }, null, -1)])]),
|
|
50
|
+
_: 1
|
|
51
|
+
})) : createCommentVNode("v-if", true)]),
|
|
52
|
+
_: 1
|
|
53
|
+
}, 8, ["reference"]), __props.showCancelButton ? (openBlock(), createBlock(unref(_sfc_main$2), {
|
|
54
|
+
key: 0,
|
|
55
|
+
class: "icon",
|
|
56
|
+
onClick: _cache[0] || (_cache[0] = ($event) => emits("cancel"))
|
|
57
|
+
}, {
|
|
58
|
+
default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("i", { class: "fas fa-times" }, null, -1)])]),
|
|
59
|
+
_: 1
|
|
60
|
+
})) : createCommentVNode("v-if", true)]);
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
//#endregion
|
|
65
|
+
export { _sfc_main };
|
|
66
|
+
|
|
67
|
+
//# sourceMappingURL=comboboxInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxInput.js","names":["$attrs"],"sources":["../../src/combobox/ComboboxInput.vue"],"sourcesContent":["<style>\n@import 'combobox-input.css';\n</style>\n\n<template>\n <div class=\"arvue-combobox-input-wrapper\">\n <ComboboxAnchor\n class=\"state-with-inner-icon right\"\n :reference=\"inputRef?.$el\"\n >\n <ComboboxInput\n v-bind=\"{ ...$attrs, ...forwarded }\"\n ref=\"inputRef\"\n />\n <ComboboxTrigger\n v-if=\"showTriggerButton\"\n class=\"icon\"\n >\n <i class=\"fas fa-sort\"/>\n </ComboboxTrigger>\n </ComboboxAnchor>\n <ComboboxCancel\n v-if=\"showCancelButton\"\n class=\"icon\"\n @click=\"emits('cancel')\"\n >\n <i class=\"fas fa-times\"/>\n </ComboboxCancel>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type {\n ComboboxInputEmits as RekaComboboxInputEmits,\n ComboboxInputProps as RekaComboboxInputProps,\n} from 'reka-ui'\n\nexport interface ComboboxInputProps extends RekaComboboxInputProps {\n showTriggerButton?: boolean\n showCancelButton?: boolean\n}\n\nexport interface ComboboxInputEmits extends RekaComboboxInputEmits {\n 'cancel': [void]\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { ComboboxInput, useForwardPropsEmits } from 'reka-ui'\nimport { useTemplateRef } from 'vue'\nimport { ComboboxAnchor, ComboboxCancel, ComboboxTrigger } from '.'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<ComboboxInputProps>(), {\n showTriggerButton: true,\n showCancelButton: false,\n})\nconst emits = defineEmits<ComboboxInputEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'showCancelButton', 'showTriggerButton')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n\nconst inputRef = useTemplateRef('inputRef')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDA,MAAM,QAAQ;EAId,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,oBAAoB,mBAExB,GAAgB,KAAK;EAE5D,MAAM,WAAW,eAAe,UAAU;;uBA9DtC,mBAuBM,OAvBN,YAuBM,CAtBF,YAciB,MAAA,WAAA,GAAA;IAbb,OAAM;IACL,WAAW,SAAA,OAAU;;2BAKpB,CAHF,YAGE,MAAA,aAAA,GAHF,WAGE;KAAA,GAFeA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;cAC7B;KAAJ,KAAI;mBAGE,QAAA,qBAAA,UAAA,GADV,YAKkB,MAAA,WAAA,GAAA;;KAHd,OAAM;;4BAEkB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAxB,mBAAwB,KAAA,EAArB,OAAM,cAAa,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;;;yBAIpB,QAAA,oBAAA,UAAA,GADV,YAMiB,MAAA,WAAA,GAAA;;IAJb,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,QAAA;;2BAEY,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAzB,mBAAyB,KAAA,EAAtB,OAAM,eAAc,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { clsx } from "../clsx.js";
|
|
2
|
+
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { ComboboxItem, useForwardPropsEmits } from "reka-ui";
|
|
4
|
+
//#region src/combobox/ComboboxItem.vue
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "ComboboxItem",
|
|
7
|
+
props: {
|
|
8
|
+
class: { type: [
|
|
9
|
+
Boolean,
|
|
10
|
+
null,
|
|
11
|
+
String,
|
|
12
|
+
Object,
|
|
13
|
+
Array
|
|
14
|
+
] },
|
|
15
|
+
textValue: {},
|
|
16
|
+
value: {},
|
|
17
|
+
disabled: { type: Boolean },
|
|
18
|
+
asChild: { type: Boolean },
|
|
19
|
+
as: {}
|
|
20
|
+
},
|
|
21
|
+
emits: ["select"],
|
|
22
|
+
setup(__props, { emit: __emit }) {
|
|
23
|
+
const props = __props;
|
|
24
|
+
const forwarded = useForwardPropsEmits(props, __emit);
|
|
25
|
+
return (_ctx, _cache) => {
|
|
26
|
+
return openBlock(), createBlock(unref(ComboboxItem), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-combobox-item", props.class) }), {
|
|
27
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
28
|
+
_: 3
|
|
29
|
+
}, 16, ["class"]);
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
//#endregion
|
|
34
|
+
export { _sfc_main };
|
|
35
|
+
|
|
36
|
+
//# sourceMappingURL=comboboxItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxItem.js","names":[],"sources":["../../src/combobox/ComboboxItem.vue"],"sourcesContent":["<style>\n@import 'combobox-item.css';\n</style>\n\n<template>\n <ComboboxItem\n v-bind=\"forwarded\"\n :class=\"clsx('arvue-combobox-item', props.class)\"\n >\n <slot/>\n </ComboboxItem>\n</template>\n\n<script lang=\"ts\">\nimport type {\n ComboboxItemEmits as RekaComboboxItemEmits,\n ComboboxItemProps as RekaComboboxItemProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxItemProps extends RekaComboboxItemProps {\n class?: HTMLAttributes['class']\n}\nexport interface ComboboxItemEmits extends RekaComboboxItemEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { ComboboxItem, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<ComboboxItemProps>()\nconst emits = defineEmits<ComboboxItemEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAGd,MAAM,YAAY,qBAAqB,OAAO,MAAK;;uBA5B/C,YAKe,MAAA,YAAA,GALf,WACY,MAIG,SAAA,GAJM,EAChB,OAAO,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,EAAA,CAAA,GAAA;2BAExC,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { clsx } from "../clsx.js";
|
|
2
|
+
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
4
|
+
import { ComboboxLabel } from "reka-ui";
|
|
5
|
+
//#region src/combobox/ComboboxLabel.vue
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "ComboboxLabel",
|
|
8
|
+
props: {
|
|
9
|
+
class: { type: [
|
|
10
|
+
Boolean,
|
|
11
|
+
null,
|
|
12
|
+
String,
|
|
13
|
+
Object,
|
|
14
|
+
Array
|
|
15
|
+
] },
|
|
16
|
+
for: {},
|
|
17
|
+
asChild: { type: Boolean },
|
|
18
|
+
as: {}
|
|
19
|
+
},
|
|
20
|
+
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return openBlock(), createBlock(unref(ComboboxLabel), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-combobox-label", props.class) }), {
|
|
25
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
26
|
+
_: 3
|
|
27
|
+
}, 16, ["class"]);
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
//#endregion
|
|
32
|
+
export { _sfc_main };
|
|
33
|
+
|
|
34
|
+
//# sourceMappingURL=comboboxLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxLabel.js","names":[],"sources":["../../src/combobox/ComboboxLabel.vue"],"sourcesContent":["<style>\n@import 'combobox-label.css';\n</style>\n\n<template>\n <ComboboxLabel\n v-bind=\"delegatedProps\"\n :class=\"clsx('arvue-combobox-label', props.class)\"\n >\n <slot/>\n </ComboboxLabel>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxLabelProps as RekaComboboxLabelProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxLabelProps extends RekaComboboxLabelProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { ComboboxLabel } from 'reka-ui'\n\nconst props = defineProps<ComboboxLabelProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKgB,MAAA,aAAA,GALhB,WACY,MAII,cAAA,GAJU,EACrB,OAAO,MAAA,IAAA,EAAI,wBAAyB,MAAM,KAAK,EAAA,CAAA,GAAA;2BAEzC,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { ComboboxPortal } from "reka-ui";
|
|
3
|
+
//#region src/combobox/ComboboxPortal.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "ComboboxPortal",
|
|
6
|
+
props: {
|
|
7
|
+
to: {},
|
|
8
|
+
disabled: { type: Boolean },
|
|
9
|
+
defer: { type: Boolean },
|
|
10
|
+
forceMount: { type: Boolean }
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
return (_ctx, _cache) => {
|
|
15
|
+
return openBlock(), createBlock(unref(ComboboxPortal), normalizeProps(guardReactiveProps(props)), {
|
|
16
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
17
|
+
_: 3
|
|
18
|
+
}, 16);
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
//#endregion
|
|
23
|
+
export { _sfc_main };
|
|
24
|
+
|
|
25
|
+
//# sourceMappingURL=comboboxPortal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxPortal.js","names":[],"sources":["../../src/combobox/ComboboxPortal.vue"],"sourcesContent":["<template>\n <ComboboxPortal v-bind=\"props\">\n <slot/>\n </ComboboxPortal>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxPortalProps as RekaComboboxPortalProps } from 'reka-ui'\n\nexport interface ComboboxPortalProps extends RekaComboboxPortalProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxPortal } from 'reka-ui'\n\nconst props = defineProps<ComboboxPortalProps>()\n</script>\n"],"mappings":";;;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEiB,MAAA,cAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BAClB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { clsx } from "../clsx.js";
|
|
2
|
+
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
4
|
+
import { ComboboxSeparator } from "reka-ui";
|
|
5
|
+
//#region src/combobox/ComboboxSeparator.vue
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "ComboboxSeparator",
|
|
8
|
+
props: {
|
|
9
|
+
class: { type: [
|
|
10
|
+
Boolean,
|
|
11
|
+
null,
|
|
12
|
+
String,
|
|
13
|
+
Object,
|
|
14
|
+
Array
|
|
15
|
+
] },
|
|
16
|
+
asChild: { type: Boolean },
|
|
17
|
+
as: {}
|
|
18
|
+
},
|
|
19
|
+
setup(__props) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
22
|
+
return (_ctx, _cache) => {
|
|
23
|
+
return openBlock(), createBlock(unref(ComboboxSeparator), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-combobox-separator", props.class) }), {
|
|
24
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
25
|
+
_: 3
|
|
26
|
+
}, 16, ["class"]);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
//#endregion
|
|
31
|
+
export { _sfc_main };
|
|
32
|
+
|
|
33
|
+
//# sourceMappingURL=comboboxSeparator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxSeparator.js","names":[],"sources":["../../src/combobox/ComboboxSeparator.vue"],"sourcesContent":["<style>\n@import 'combobox-separator.css';\n</style>\n\n<template>\n <ComboboxSeparator\n v-bind=\"delegatedProps\"\n :class=\"clsx('arvue-combobox-separator', props.class)\"\n >\n <slot/>\n </ComboboxSeparator>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxSeparatorProps as RekaComboboxSeparatorProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxSeparatorProps extends RekaComboboxSeparatorProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { ComboboxSeparator } from 'reka-ui'\n\nconst props = defineProps<ComboboxSeparatorProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKoB,MAAA,iBAAA,GALpB,WACY,MAIQ,cAAA,GAJM,EACrB,OAAO,MAAA,IAAA,EAAI,4BAA6B,MAAM,KAAK,EAAA,CAAA,GAAA;2BAE7C,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { ComboboxTrigger } from "reka-ui";
|
|
3
|
+
//#region src/combobox/ComboboxTrigger.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "ComboboxTrigger",
|
|
6
|
+
props: {
|
|
7
|
+
disabled: { type: Boolean },
|
|
8
|
+
asChild: { type: Boolean },
|
|
9
|
+
as: {}
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
return openBlock(), createBlock(unref(ComboboxTrigger), normalizeProps(guardReactiveProps(props)), {
|
|
15
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
16
|
+
_: 3
|
|
17
|
+
}, 16);
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
//#endregion
|
|
22
|
+
export { _sfc_main };
|
|
23
|
+
|
|
24
|
+
//# sourceMappingURL=comboboxTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxTrigger.js","names":[],"sources":["../../src/combobox/ComboboxTrigger.vue"],"sourcesContent":["<template>\n <ComboboxTrigger v-bind=\"props\">\n <slot/>\n </ComboboxTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxTriggerProps as RekaComboboxTriggerProps } from 'reka-ui'\n\nexport interface ComboboxTriggerProps extends RekaComboboxTriggerProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxTrigger } from 'reka-ui'\n\nconst props = defineProps<ComboboxTriggerProps>()\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEkB,MAAA,eAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACnB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { ComboboxViewport } from "reka-ui";
|
|
3
|
+
//#region src/combobox/ComboboxViewport.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "ComboboxViewport",
|
|
6
|
+
props: {
|
|
7
|
+
nonce: {},
|
|
8
|
+
asChild: { type: Boolean },
|
|
9
|
+
as: {}
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
return openBlock(), createBlock(unref(ComboboxViewport), normalizeProps(guardReactiveProps(props)), {
|
|
15
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
16
|
+
_: 3
|
|
17
|
+
}, 16);
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
//#endregion
|
|
22
|
+
export { _sfc_main };
|
|
23
|
+
|
|
24
|
+
//# sourceMappingURL=comboboxViewport.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"comboboxViewport.js","names":[],"sources":["../../src/combobox/ComboboxViewport.vue"],"sourcesContent":["<template>\n <ComboboxViewport v-bind=\"props\">\n <slot/>\n </ComboboxViewport>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxViewportProps as RekaComboboxViewportProps } from 'reka-ui'\n\nexport interface ComboboxViewportProps extends RekaComboboxViewportProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxViewport } from 'reka-ui'\n\nconst props = defineProps<ComboboxViewportProps>()\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEmB,MAAA,gBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACpB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|