arvue-ui 0.2.0 → 0.3.1
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/autocomplete/autocomplete.js +52 -0
- package/dist/autocomplete/autocomplete.js.map +1 -0
- package/dist/autocomplete/autocompleteAnchor.js +24 -0
- package/dist/autocomplete/autocompleteAnchor.js.map +1 -0
- package/dist/autocomplete/autocompleteArrow.js +26 -0
- package/dist/autocomplete/autocompleteArrow.js.map +1 -0
- package/dist/autocomplete/autocompleteCancel.js +23 -0
- package/dist/autocomplete/autocompleteCancel.js.map +1 -0
- package/dist/autocomplete/autocompleteContent.js +73 -0
- package/dist/autocomplete/autocompleteContent.js.map +1 -0
- package/dist/autocomplete/autocompleteEmpty.js +33 -0
- package/dist/autocomplete/autocompleteEmpty.js.map +1 -0
- package/dist/autocomplete/autocompleteGroup.js +23 -0
- package/dist/autocomplete/autocompleteGroup.js.map +1 -0
- package/dist/autocomplete/autocompleteInput.js +66 -0
- package/dist/autocomplete/autocompleteInput.js.map +1 -0
- package/dist/autocomplete/autocompleteItem.js +36 -0
- package/dist/autocomplete/autocompleteItem.js.map +1 -0
- package/dist/autocomplete/autocompleteLabel.js +34 -0
- package/dist/autocomplete/autocompleteLabel.js.map +1 -0
- package/dist/autocomplete/autocompletePortal.js +25 -0
- package/dist/autocomplete/autocompletePortal.js.map +1 -0
- package/dist/autocomplete/autocompleteSeparator.js +33 -0
- package/dist/autocomplete/autocompleteSeparator.js.map +1 -0
- package/dist/autocomplete/autocompleteTrigger.js +24 -0
- package/dist/autocomplete/autocompleteTrigger.js.map +1 -0
- package/dist/autocomplete/autocompleteViewport.js +24 -0
- package/dist/autocomplete/autocompleteViewport.js.map +1 -0
- package/dist/dialog/dialogContent.js +2 -2
- package/dist/dialog/dialogDescription.js +1 -1
- package/dist/dialog/dialogFooter.js +1 -1
- package/dist/dialog/dialogHeader.js +1 -1
- package/dist/dialog/dialogOverlay.js +1 -1
- package/dist/dialog/dialogTitle.js +1 -1
- package/dist/drawer/drawerContent.js +1 -1
- package/dist/drawer/drawerDescription.js +1 -1
- package/dist/drawer/drawerFooter.js +1 -1
- package/dist/drawer/drawerHeader.js +1 -1
- package/dist/drawer/drawerOverlay.js +1 -1
- package/dist/drawer/drawerTitle.js +1 -1
- package/dist/index.d.ts +443 -57
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +718 -40
- package/dist/index.js.map +1 -1
- package/dist/sheet/sheet.js +54 -0
- package/dist/sheet/sheet.js.map +1 -0
- package/dist/sheet/sheetClose.js +23 -0
- package/dist/sheet/sheetClose.js.map +1 -0
- package/dist/sheet/sheetContent.js +61 -0
- package/dist/sheet/sheetContent.js.map +1 -0
- package/dist/sheet/sheetDescription.js +33 -0
- package/dist/sheet/sheetDescription.js.map +1 -0
- package/dist/sheet/sheetFooter.js +33 -0
- package/dist/sheet/sheetFooter.js.map +1 -0
- package/dist/sheet/sheetHeader.js +33 -0
- package/dist/sheet/sheetHeader.js.map +1 -0
- package/dist/sheet/sheetOverlay.js +34 -0
- package/dist/sheet/sheetOverlay.js.map +1 -0
- package/dist/sheet/sheetTitle.js +33 -0
- package/dist/sheet/sheetTitle.js.map +1 -0
- package/dist/sheet/sheetTrigger.js +23 -0
- package/dist/sheet/sheetTrigger.js.map +1 -0
- package/dist/style.css +24 -0
- package/package.json +3 -2
- package/src/autocomplete/Autocomplete.vue +36 -0
- package/src/autocomplete/AutocompleteAnchor.vue +17 -0
- package/src/autocomplete/AutocompleteArrow.vue +17 -0
- package/src/autocomplete/AutocompleteCancel.vue +17 -0
- package/src/autocomplete/AutocompleteContent.vue +43 -0
- package/src/autocomplete/AutocompleteEmpty.vue +31 -0
- package/src/autocomplete/AutocompleteGroup.vue +17 -0
- package/src/autocomplete/AutocompleteInput.vue +65 -0
- package/src/autocomplete/AutocompleteItem.vue +32 -0
- package/src/autocomplete/AutocompleteLabel.vue +31 -0
- package/src/autocomplete/AutocompletePortal.vue +17 -0
- package/src/autocomplete/AutocompleteSeparator.vue +31 -0
- package/src/autocomplete/AutocompleteTrigger.vue +17 -0
- package/src/autocomplete/AutocompleteViewport.vue +17 -0
- package/src/autocomplete/autocomplete-content.css +7 -0
- package/src/autocomplete/autocomplete-empty.css +7 -0
- package/src/autocomplete/autocomplete-input.css +5 -0
- package/src/autocomplete/autocomplete-item.css +14 -0
- package/src/autocomplete/autocomplete-label.css +6 -0
- package/src/autocomplete/autocomplete-separator.css +5 -0
- package/src/autocomplete/autocomplete.css +4 -0
- package/src/autocomplete/index.ts +60 -0
- package/src/dialog/dialog-description.css +1 -0
- package/src/drawer/drawer-description.css +1 -0
- package/src/index.ts +2 -0
- package/src/sheet/Sheet.vue +29 -0
- package/src/sheet/SheetClose.vue +19 -0
- package/src/sheet/SheetContent.vue +53 -0
- package/src/sheet/SheetDescription.vue +33 -0
- package/src/sheet/SheetFooter.vue +31 -0
- package/src/sheet/SheetHeader.vue +31 -0
- package/src/sheet/SheetOverlay.vue +31 -0
- package/src/sheet/SheetTitle.vue +33 -0
- package/src/sheet/SheetTrigger.vue +17 -0
- package/src/sheet/index.ts +38 -0
- package/src/sheet/sheet-content.css +67 -0
- package/src/sheet/sheet-description.css +5 -0
- package/src/sheet/sheet-footer.css +11 -0
- package/src/sheet/sheet-header.css +6 -0
- package/src/sheet/sheet-overlay.css +12 -0
- package/src/sheet/sheet-title.css +3 -0
package/dist/all.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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}.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}.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}
|
|
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-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}
|
|
@@ -0,0 +1,52 @@
|
|
|
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 { AutocompleteRoot, useForwardPropsEmits } from "reka-ui";
|
|
5
|
+
//#region src/autocomplete/Autocomplete.vue
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "Autocomplete",
|
|
8
|
+
props: {
|
|
9
|
+
class: { type: [
|
|
10
|
+
Boolean,
|
|
11
|
+
null,
|
|
12
|
+
String,
|
|
13
|
+
Object,
|
|
14
|
+
Array
|
|
15
|
+
] },
|
|
16
|
+
modelValue: {},
|
|
17
|
+
defaultValue: {},
|
|
18
|
+
open: { type: Boolean },
|
|
19
|
+
defaultOpen: { type: Boolean },
|
|
20
|
+
disabled: { type: Boolean },
|
|
21
|
+
dir: {},
|
|
22
|
+
name: {},
|
|
23
|
+
required: { type: Boolean },
|
|
24
|
+
resetSearchTermOnBlur: { type: Boolean },
|
|
25
|
+
openOnFocus: { type: Boolean },
|
|
26
|
+
openOnClick: { type: Boolean },
|
|
27
|
+
ignoreFilter: { type: Boolean },
|
|
28
|
+
highlightOnHover: { type: Boolean },
|
|
29
|
+
asChild: { type: Boolean },
|
|
30
|
+
as: {}
|
|
31
|
+
},
|
|
32
|
+
emits: [
|
|
33
|
+
"update:modelValue",
|
|
34
|
+
"highlight",
|
|
35
|
+
"update:open"
|
|
36
|
+
],
|
|
37
|
+
setup(__props, { emit: __emit }) {
|
|
38
|
+
const props = __props;
|
|
39
|
+
const emits = __emit;
|
|
40
|
+
const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
|
|
41
|
+
return (_ctx, _cache) => {
|
|
42
|
+
return openBlock(), createBlock(unref(AutocompleteRoot), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-autocomplete", props.class) }), {
|
|
43
|
+
default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
|
|
44
|
+
_: 3
|
|
45
|
+
}, 16, ["class"]);
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
//#endregion
|
|
50
|
+
export { _sfc_main };
|
|
51
|
+
|
|
52
|
+
//# sourceMappingURL=autocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocomplete.js","names":[],"sources":["../../src/autocomplete/Autocomplete.vue"],"sourcesContent":["<style>\n@import './autocomplete.css';\n</style>\n\n<template>\n <AutocompleteRoot\n v-slot=\"slotProps\"\n v-bind=\"forwarded\"\n :class=\"clsx('arvue-autocomplete', props.class)\"\n >\n <slot v-bind=\"slotProps\"/>\n </AutocompleteRoot>\n</template>\n\n<script lang=\"ts\">\nimport type { AutocompleteRootEmits, AutocompleteRootProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AutocompleteProps extends AutocompleteRootProps {\n class?: HTMLAttributes['class']\n}\nexport interface AutocompleteEmits extends AutocompleteRootEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AutocompleteRoot, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<AutocompleteProps>()\nconst emits = defineEmits<AutocompleteEmits>()\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,YAMmB,MAAA,gBAAA,GANnB,WAEY,MAIO,SAAA,GAJE,EAChB,OAAO,MAAA,IAAA,EAAI,sBAAuB,MAAM,KAAK,EAAA,CAAA,GAAA;sBAFtC,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 { AutocompleteAnchor } from "reka-ui";
|
|
3
|
+
//#region src/autocomplete/AutocompleteAnchor.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "AutocompleteAnchor",
|
|
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(AutocompleteAnchor), 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=autocompleteAnchor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteAnchor.js","names":[],"sources":["../../src/autocomplete/AutocompleteAnchor.vue"],"sourcesContent":["<template>\n <AutocompleteAnchor v-bind=\"props\">\n <slot/>\n </AutocompleteAnchor>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxAnchorProps } from 'reka-ui'\n\nexport interface AutocompleteAnchorProps extends ComboboxAnchorProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { AutocompleteAnchor } from 'reka-ui'\n\nconst props = defineProps<AutocompleteAnchorProps>()\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEqB,MAAA,kBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACtB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { AutocompleteArrow } from "reka-ui";
|
|
3
|
+
//#region src/autocomplete/AutocompleteArrow.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "AutocompleteArrow",
|
|
6
|
+
props: {
|
|
7
|
+
width: {},
|
|
8
|
+
height: {},
|
|
9
|
+
rounded: { type: Boolean },
|
|
10
|
+
asChild: { type: Boolean },
|
|
11
|
+
as: {}
|
|
12
|
+
},
|
|
13
|
+
setup(__props) {
|
|
14
|
+
const props = __props;
|
|
15
|
+
return (_ctx, _cache) => {
|
|
16
|
+
return openBlock(), createBlock(unref(AutocompleteArrow), normalizeProps(guardReactiveProps(props)), {
|
|
17
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
18
|
+
_: 3
|
|
19
|
+
}, 16);
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
//#endregion
|
|
24
|
+
export { _sfc_main };
|
|
25
|
+
|
|
26
|
+
//# sourceMappingURL=autocompleteArrow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteArrow.js","names":[],"sources":["../../src/autocomplete/AutocompleteArrow.vue"],"sourcesContent":["<template>\n <AutocompleteArrow v-bind=\"props\">\n <slot/>\n </AutocompleteArrow>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxArrowProps } from 'reka-ui'\n\nexport interface AutocompleteArrowProps extends ComboboxArrowProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { AutocompleteArrow } from 'reka-ui'\n\nconst props = defineProps<AutocompleteArrowProps>()\n</script>\n"],"mappings":";;;;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEoB,MAAA,iBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACrB,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 { AutocompleteCancel } from "reka-ui";
|
|
3
|
+
//#region src/autocomplete/AutocompleteCancel.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "AutocompleteCancel",
|
|
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(AutocompleteCancel), 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=autocompleteCancel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteCancel.js","names":[],"sources":["../../src/autocomplete/AutocompleteCancel.vue"],"sourcesContent":["<template>\n <AutocompleteCancel v-bind=\"props\">\n <slot/>\n </AutocompleteCancel>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxCancelProps } from 'reka-ui'\n\nexport interface AutocompleteCancelProps extends ComboboxCancelProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { AutocompleteCancel } from 'reka-ui'\n\nconst props = defineProps<AutocompleteCancelProps>()\n</script>\n"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEqB,MAAA,kBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACtB,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 "./autocompleteViewport.js";
|
|
3
|
+
import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
5
|
+
import { AutocompleteContent, useForwardPropsEmits } from "reka-ui";
|
|
6
|
+
//#region src/autocomplete/AutocompleteContent.vue
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
inheritAttrs: false,
|
|
9
|
+
__name: "AutocompleteContent",
|
|
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(AutocompleteContent), mergeProps({
|
|
55
|
+
..._ctx.$attrs,
|
|
56
|
+
...unref(forwarded)
|
|
57
|
+
}, {
|
|
58
|
+
class: unref(clsx)("arvue-autocomplete-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=autocompleteContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteContent.js","names":["$attrs"],"sources":["../../src/autocomplete/AutocompleteContent.vue"],"sourcesContent":["<style>\n@import './autocomplete-content.css';\n</style>\n\n<template>\n <AutocompleteContent\n v-bind=\"{ ...$attrs, ...forwarded }\"\n :class=\"clsx('arvue-autocomplete-content', props.class)\"\n position=\"popper\"\n >\n <AutocompleteViewport>\n <slot/>\n </AutocompleteViewport>\n </AutocompleteContent>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxContentEmits, ComboboxContentProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AutocompleteContentProps extends Omit<ComboboxContentProps, 'position'> {\n class?: HTMLAttributes['class']\n}\nexport interface AutocompleteContentEmits extends ComboboxContentEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AutocompleteContent, useForwardPropsEmits } from 'reka-ui'\nimport { AutocompleteViewport } from '.'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = defineProps<AutocompleteContentProps>()\nconst emits = defineEmits<AutocompleteContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBApCxD,YAQsB,MAAA,mBAAA,GARtB,WAQsB;IAAA,GAPLA,KAAAA;IAAM,GAAK,MAAA,SAAA;GAAS,GAAA;IAChC,OAAO,MAAA,IAAA,EAAI,8BAA+B,MAAM,KAAK;IACtD,UAAS;;2BAIc,CAFvB,YAEuB,MAAA,WAAA,GAAA,MAAA;4BADZ,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 { AutocompleteEmpty } from "reka-ui";
|
|
5
|
+
//#region src/autocomplete/AutocompleteEmpty.vue
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "AutocompleteEmpty",
|
|
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(AutocompleteEmpty), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-autocomplete-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=autocompleteEmpty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteEmpty.js","names":[],"sources":["../../src/autocomplete/AutocompleteEmpty.vue"],"sourcesContent":["<style>\n@import './autocomplete-empty.css';\n</style>\n\n<template>\n <AutocompleteEmpty\n v-bind=\"delegatedProps\"\n :class=\"clsx('arvue-autocomplete-empty', props.class)\"\n >\n <slot/>\n </AutocompleteEmpty>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxEmptyProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AutocompleteEmptyProps extends ComboboxEmptyProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AutocompleteEmpty } from 'reka-ui'\n\nconst props = defineProps<AutocompleteEmptyProps>()\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,23 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { AutocompleteGroup } from "reka-ui";
|
|
3
|
+
//#region src/autocomplete/AutocompleteGroup.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "AutocompleteGroup",
|
|
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(AutocompleteGroup), 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=autocompleteGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteGroup.js","names":[],"sources":["../../src/autocomplete/AutocompleteGroup.vue"],"sourcesContent":["<template>\n <AutocompleteGroup v-bind=\"props\">\n <slot/>\n </AutocompleteGroup>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxGroupProps } from 'reka-ui'\n\nexport interface AutocompleteGroupProps extends ComboboxGroupProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { AutocompleteGroup } from 'reka-ui'\n\nconst props = defineProps<AutocompleteGroupProps>()\n</script>\n"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEoB,MAAA,iBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACrB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { _sfc_main as _sfc_main$1 } from "./autocompleteAnchor.js";
|
|
2
|
+
import { _sfc_main as _sfc_main$2 } from "./autocompleteCancel.js";
|
|
3
|
+
import { _sfc_main as _sfc_main$3 } from "./autocompleteTrigger.js";
|
|
4
|
+
import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, unref, useTemplateRef, withCtx } from "vue";
|
|
5
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
6
|
+
import { AutocompleteInput, useForwardPropsEmits } from "reka-ui";
|
|
7
|
+
//#region src/autocomplete/AutocompleteInput.vue
|
|
8
|
+
const _hoisted_1 = { class: "arvue-autocomplete-input-wrapper" };
|
|
9
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
|
+
inheritAttrs: false,
|
|
11
|
+
__name: "AutocompleteInput",
|
|
12
|
+
props: {
|
|
13
|
+
showTriggerButton: {
|
|
14
|
+
type: Boolean,
|
|
15
|
+
default: true
|
|
16
|
+
},
|
|
17
|
+
showCancelButton: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
default: false
|
|
20
|
+
},
|
|
21
|
+
modelValue: {},
|
|
22
|
+
autoFocus: { type: Boolean },
|
|
23
|
+
disabled: { type: Boolean },
|
|
24
|
+
asChild: { type: Boolean },
|
|
25
|
+
as: {}
|
|
26
|
+
},
|
|
27
|
+
emits: ["cancel", "update:modelValue"],
|
|
28
|
+
setup(__props, { emit: __emit }) {
|
|
29
|
+
const props = __props;
|
|
30
|
+
const emits = __emit;
|
|
31
|
+
const forwarded = useForwardPropsEmits(reactiveOmit(props, "showCancelButton", "showTriggerButton"), emits);
|
|
32
|
+
const inputRef = useTemplateRef("inputRef");
|
|
33
|
+
return (_ctx, _cache) => {
|
|
34
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(_sfc_main$1), {
|
|
35
|
+
class: "state-with-inner-icon right",
|
|
36
|
+
reference: inputRef.value?.$el
|
|
37
|
+
}, {
|
|
38
|
+
default: withCtx(() => [createVNode(unref(AutocompleteInput), mergeProps({
|
|
39
|
+
..._ctx.$attrs,
|
|
40
|
+
...unref(forwarded)
|
|
41
|
+
}, {
|
|
42
|
+
ref_key: "inputRef",
|
|
43
|
+
ref: inputRef
|
|
44
|
+
}), null, 16), __props.showTriggerButton ? (openBlock(), createBlock(unref(_sfc_main$3), {
|
|
45
|
+
key: 0,
|
|
46
|
+
class: "icon"
|
|
47
|
+
}, {
|
|
48
|
+
default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("i", { class: "fas fa-chevron-down" }, null, -1)])]),
|
|
49
|
+
_: 1
|
|
50
|
+
})) : createCommentVNode("v-if", true)]),
|
|
51
|
+
_: 1
|
|
52
|
+
}, 8, ["reference"]), __props.showCancelButton ? (openBlock(), createBlock(unref(_sfc_main$2), {
|
|
53
|
+
key: 0,
|
|
54
|
+
class: "icon",
|
|
55
|
+
onClick: _cache[0] || (_cache[0] = ($event) => emits("cancel"))
|
|
56
|
+
}, {
|
|
57
|
+
default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("i", { class: "fas fa-times" }, null, -1)])]),
|
|
58
|
+
_: 1
|
|
59
|
+
})) : createCommentVNode("v-if", true)]);
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
//#endregion
|
|
64
|
+
export { _sfc_main };
|
|
65
|
+
|
|
66
|
+
//# sourceMappingURL=autocompleteInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteInput.js","names":["$attrs"],"sources":["../../src/autocomplete/AutocompleteInput.vue"],"sourcesContent":["<template>\n <div class=\"arvue-autocomplete-input-wrapper\">\n <AutocompleteAnchor\n class=\"state-with-inner-icon right\"\n :reference=\"inputRef?.$el\"\n >\n <AutocompleteInput\n v-bind=\"{ ...$attrs, ...forwarded }\"\n ref=\"inputRef\"\n />\n <AutocompleteTrigger\n v-if=\"showTriggerButton\"\n class=\"icon\"\n >\n <i class=\"fas fa-chevron-down\"/>\n </AutocompleteTrigger>\n </AutocompleteAnchor>\n <AutocompleteCancel\n v-if=\"showCancelButton\"\n class=\"icon\"\n @click=\"emits('cancel')\"\n >\n <i class=\"fas fa-times\"/>\n </AutocompleteCancel>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type {\n AutocompleteInputEmits as RekaAutocompleteInputEmits,\n AutocompleteInputProps as RekaAutocompleteInputProps,\n} from 'reka-ui'\n\nexport interface AutocompleteInputProps extends RekaAutocompleteInputProps {\n showTriggerButton?: boolean\n showCancelButton?: boolean\n}\n\nexport interface AutocompleteInputEmits extends RekaAutocompleteInputEmits {\n 'cancel': [void]\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { AutocompleteInput, useForwardPropsEmits } from 'reka-ui'\nimport { useTemplateRef } from 'vue'\nimport { AutocompleteAnchor, AutocompleteCancel, AutocompleteTrigger } from '.'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<AutocompleteInputProps>(), {\n showTriggerButton: true,\n showCancelButton: false,\n})\nconst emits = defineEmits<AutocompleteInputEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'showCancelButton', 'showTriggerButton')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n\nconst inputRef = useTemplateRef('inputRef')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDA,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,YAcqB,MAAA,WAAA,GAAA;IAbjB,OAAM;IACL,WAAW,SAAA,OAAU;;2BAKpB,CAHF,YAGE,MAAA,iBAAA,GAHF,WAGE;KAAA,GAFeA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;cAC7B;KAAJ,KAAI;mBAGE,QAAA,qBAAA,UAAA,GADV,YAKsB,MAAA,WAAA,GAAA;;KAHlB,OAAM;;4BAE0B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAhC,mBAAgC,KAAA,EAA7B,OAAM,sBAAqB,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;;;yBAI5B,QAAA,oBAAA,UAAA,GADV,YAMqB,MAAA,WAAA,GAAA;;IAJjB,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 { AutocompleteItem, useForwardPropsEmits } from "reka-ui";
|
|
4
|
+
//#region src/autocomplete/AutocompleteItem.vue
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "AutocompleteItem",
|
|
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(AutocompleteItem), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-autocomplete-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=autocompleteItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteItem.js","names":[],"sources":["../../src/autocomplete/AutocompleteItem.vue"],"sourcesContent":["<style>\n@import './autocomplete-item.css';\n</style>\n\n<template>\n <AutocompleteItem\n v-bind=\"forwarded\"\n :class=\"clsx('arvue-autocomplete-item', props.class)\"\n >\n <slot/>\n </AutocompleteItem>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxItemEmits, ComboboxItemProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AutocompleteItemProps extends ComboboxItemProps {\n class?: HTMLAttributes['class']\n}\nexport interface AutocompleteItemEmits extends ComboboxItemEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { AutocompleteItem, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<AutocompleteItemProps>()\nconst emits = defineEmits<AutocompleteItemEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAGd,MAAM,YAAY,qBAAqB,OAAO,MAAK;;uBAzB/C,YAKmB,MAAA,gBAAA,GALnB,WACY,MAIO,SAAA,GAJE,EAChB,OAAO,MAAA,IAAA,EAAI,2BAA4B,MAAM,KAAK,EAAA,CAAA,GAAA;2BAE5C,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 { AutocompleteLabel } from "reka-ui";
|
|
5
|
+
//#region src/autocomplete/AutocompleteLabel.vue
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "AutocompleteLabel",
|
|
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(AutocompleteLabel), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-autocomplete-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=autocompleteLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteLabel.js","names":[],"sources":["../../src/autocomplete/AutocompleteLabel.vue"],"sourcesContent":["<style>\n@import './autocomplete-label.css';\n</style>\n\n<template>\n <AutocompleteLabel\n v-bind=\"delegatedProps\"\n :class=\"clsx('arvue-autocomplete-label', props.class)\"\n >\n <slot/>\n </AutocompleteLabel>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxLabelProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AutocompleteLabelProps extends ComboboxLabelProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AutocompleteLabel } from 'reka-ui'\n\nconst props = defineProps<AutocompleteLabelProps>()\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,25 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { AutocompletePortal } from "reka-ui";
|
|
3
|
+
//#region src/autocomplete/AutocompletePortal.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "AutocompletePortal",
|
|
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(AutocompletePortal), 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=autocompletePortal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompletePortal.js","names":[],"sources":["../../src/autocomplete/AutocompletePortal.vue"],"sourcesContent":["<template>\n <AutocompletePortal v-bind=\"props\">\n <slot/>\n </AutocompletePortal>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxPortalProps } from 'reka-ui'\n\nexport interface AutocompletePortalProps extends ComboboxPortalProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { AutocompletePortal } from 'reka-ui'\n\nconst props = defineProps<AutocompletePortalProps>()\n</script>\n"],"mappings":";;;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEqB,MAAA,kBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACtB,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 { AutocompleteSeparator } from "reka-ui";
|
|
5
|
+
//#region src/autocomplete/AutocompleteSeparator.vue
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "AutocompleteSeparator",
|
|
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(AutocompleteSeparator), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-autocomplete-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=autocompleteSeparator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteSeparator.js","names":[],"sources":["../../src/autocomplete/AutocompleteSeparator.vue"],"sourcesContent":["<style>\n@import './autocomplete-separator.css';\n</style>\n\n<template>\n <AutocompleteSeparator\n v-bind=\"delegatedProps\"\n :class=\"clsx('arvue-autocomplete-separator', props.class)\"\n >\n <slot/>\n </AutocompleteSeparator>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxSeparatorProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AutocompleteSeparatorProps extends ComboboxSeparatorProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AutocompleteSeparator } from 'reka-ui'\n\nconst props = defineProps<AutocompleteSeparatorProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKwB,MAAA,qBAAA,GALxB,WACY,MAIY,cAAA,GAJE,EACrB,OAAO,MAAA,IAAA,EAAI,gCAAiC,MAAM,KAAK,EAAA,CAAA,GAAA;2BAEjD,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 { AutocompleteTrigger } from "reka-ui";
|
|
3
|
+
//#region src/autocomplete/AutocompleteTrigger.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "AutocompleteTrigger",
|
|
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(AutocompleteTrigger), 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=autocompleteTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteTrigger.js","names":[],"sources":["../../src/autocomplete/AutocompleteTrigger.vue"],"sourcesContent":["<template>\n <AutocompleteTrigger v-bind=\"props\">\n <slot/>\n </AutocompleteTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxTriggerProps } from 'reka-ui'\n\nexport interface AutocompleteTriggerProps extends ComboboxTriggerProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { AutocompleteTrigger } from 'reka-ui'\n\nconst props = defineProps<AutocompleteTriggerProps>()\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEsB,MAAA,mBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACvB,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 { AutocompleteViewport } from "reka-ui";
|
|
3
|
+
//#region src/autocomplete/AutocompleteViewport.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "AutocompleteViewport",
|
|
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(AutocompleteViewport), 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=autocompleteViewport.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteViewport.js","names":[],"sources":["../../src/autocomplete/AutocompleteViewport.vue"],"sourcesContent":["<template>\n <AutocompleteViewport v-bind=\"props\">\n <slot/>\n </AutocompleteViewport>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxViewportProps } from 'reka-ui'\n\nexport interface AutocompleteViewportProps extends ComboboxViewportProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { AutocompleteViewport } from 'reka-ui'\n\nconst props = defineProps<AutocompleteViewportProps>()\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEuB,MAAA,oBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACxB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _sfc_main as _sfc_main$1 } from "./dialogClose.js";
|
|
2
1
|
import { clsx } from "../clsx.js";
|
|
2
|
+
import { _sfc_main as _sfc_main$1 } from "./dialogClose.js";
|
|
3
3
|
import { _sfc_main as _sfc_main$2 } from "./dialogOverlay.js";
|
|
4
4
|
import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
5
|
-
import { DialogContent, DialogPortal, useForwardPropsEmits } from "reka-ui";
|
|
6
5
|
import { reactiveOmit } from "@vueuse/core";
|
|
6
|
+
import { DialogContent, DialogPortal, useForwardPropsEmits } from "reka-ui";
|
|
7
7
|
import { AnimatePresence, Motion } from "motion-v";
|
|
8
8
|
//#region src/dialog/DialogContent.vue
|
|
9
9
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { clsx } from "../clsx.js";
|
|
2
2
|
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
-
import { DialogDescription } from "reka-ui";
|
|
4
3
|
import { reactiveOmit } from "@vueuse/core";
|
|
4
|
+
import { DialogDescription } from "reka-ui";
|
|
5
5
|
//#region src/dialog/DialogDescription.vue
|
|
6
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
7
|
__name: "DialogDescription",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { clsx } from "../clsx.js";
|
|
2
2
|
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
-
import { Primitive } from "reka-ui";
|
|
4
3
|
import { reactiveOmit } from "@vueuse/core";
|
|
4
|
+
import { Primitive } from "reka-ui";
|
|
5
5
|
//#region src/dialog/DialogFooter.vue
|
|
6
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
7
|
__name: "DialogFooter",
|