@youcan/celeste 0.6.15 → 0.6.16
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/celeste.css +597 -198
- package/dist/cjs/chunks/combobox-anchor.js +31 -0
- package/dist/cjs/chunks/combobox-root.js +38 -0
- package/dist/cjs/chunks/index.js +17 -0
- package/dist/cjs/combobox-anchor.js +3 -0
- package/dist/cjs/combobox-empty.js +32 -0
- package/dist/cjs/combobox-group.js +42 -0
- package/dist/cjs/combobox-input.js +67 -0
- package/dist/cjs/combobox-item.js +109 -0
- package/dist/cjs/combobox-list.js +62 -0
- package/dist/cjs/combobox-root.js +3 -0
- package/dist/cjs/combobox-separator.js +32 -0
- package/dist/cjs/combobox-trigger.js +46 -0
- package/dist/cjs/combobox.js +208 -0
- package/dist/cjs/dropdown.js +10 -3
- package/dist/cjs/index.js +30 -0
- package/dist/cjs/text-input-icon.js +2 -2
- package/dist/components/combobox/combobox-anchor.d.ts +22 -0
- package/dist/components/combobox/combobox-empty.d.ts +22 -0
- package/dist/components/combobox/combobox-group.d.ts +23 -0
- package/dist/components/combobox/combobox-input.d.ts +17 -0
- package/dist/components/combobox/combobox-item.d.ts +31 -0
- package/dist/components/combobox/combobox-list.d.ts +36 -0
- package/dist/components/combobox/combobox-root.d.ts +29 -0
- package/dist/components/combobox/combobox-separator.d.ts +22 -0
- package/dist/components/combobox/combobox-trigger.d.ts +20 -0
- package/dist/components/combobox/combobox.d.ts +53 -0
- package/dist/components/combobox/index.d.ts +20 -0
- package/dist/components/dropdown/dropdown.d.ts +5 -1
- package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +4 -4
- package/dist/components/index.d.ts +1 -0
- package/dist/components/modal/modal-content.d.ts +2 -2
- package/dist/components/popover/popover-content.d.ts +2 -2
- package/dist/es/chunks/combobox-anchor.js +32 -0
- package/dist/es/chunks/combobox-root.js +39 -0
- package/dist/es/chunks/index.js +59 -42
- package/dist/es/combobox-anchor.js +4 -0
- package/dist/es/combobox-empty.js +33 -0
- package/dist/es/combobox-group.js +43 -0
- package/dist/es/combobox-input.js +68 -0
- package/dist/es/combobox-item.js +110 -0
- package/dist/es/combobox-list.js +63 -0
- package/dist/es/combobox-root.js +4 -0
- package/dist/es/combobox-separator.js +33 -0
- package/dist/es/combobox-trigger.js +47 -0
- package/dist/es/combobox.js +209 -0
- package/dist/es/command-group.js +1 -1
- package/dist/es/command-input.js +1 -1
- package/dist/es/command-separator.js +1 -1
- package/dist/es/dropdown-menu-group.js +1 -1
- package/dist/es/dropdown-menu-item.js +1 -1
- package/dist/es/dropdown-menu-label.js +1 -1
- package/dist/es/dropdown-menu-separator.js +1 -1
- package/dist/es/dropdown-menu-trigger.js +1 -1
- package/dist/es/dropdown-menu.js +1 -1
- package/dist/es/dropdown.js +11 -4
- package/dist/es/index.js +75 -45
- package/dist/es/label.js +1 -1
- package/dist/es/modal-content.js +1 -1
- package/dist/es/modal-header.js +1 -1
- package/dist/es/popover-content.js +1 -1
- package/dist/es/popover-trigger.js +1 -1
- package/dist/es/segmented-control-item.js +1 -1
- package/dist/es/segmented-control.js +1 -1
- package/dist/es/select-content.js +1 -1
- package/dist/es/select-item.js +1 -1
- package/dist/es/select-trigger.js +1 -1
- package/dist/es/select-value.js +1 -1
- package/dist/es/tab-menu-content.js +1 -1
- package/dist/es/tab-menu-item.js +1 -1
- package/dist/es/tab-menu-list.js +1 -1
- package/dist/es/text-input-icon.js +2 -2
- package/dist/es/tooltip.js +1 -1
- package/package.json +3 -3
- package/src/components/combobox/combobox-anchor.vue +25 -0
- package/src/components/combobox/combobox-empty.vue +30 -0
- package/src/components/combobox/combobox-group.vue +42 -0
- package/src/components/combobox/combobox-input.vue +64 -0
- package/src/components/combobox/combobox-item.vue +196 -0
- package/src/components/combobox/combobox-list.vue +100 -0
- package/src/components/combobox/combobox-root.vue +14 -0
- package/src/components/combobox/combobox-separator.vue +31 -0
- package/src/components/combobox/combobox-trigger.vue +249 -0
- package/src/components/combobox/combobox.vue +257 -0
- package/src/components/combobox/index.ts +29 -0
- package/src/components/combobox/stories/combobox.stories.ts +99 -0
- package/src/components/dropdown/dropdown.vue +33 -2
- package/src/components/index.ts +1 -0
|
@@ -13,20 +13,20 @@ declare function __VLS_template(): {
|
|
|
13
13
|
};
|
|
14
14
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
15
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
-
entryFocus: (event: Event) => any;
|
|
17
|
-
openAutoFocus: (event: Event) => any;
|
|
18
16
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
19
17
|
pointerDownOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any;
|
|
20
18
|
focusOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
|
|
21
19
|
interactOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
|
|
20
|
+
entryFocus: (event: Event) => any;
|
|
21
|
+
openAutoFocus: (event: Event) => any;
|
|
22
22
|
closeAutoFocus: (event: Event) => any;
|
|
23
23
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
24
|
-
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
25
|
-
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
26
24
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
27
25
|
onPointerDownOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any) | undefined;
|
|
28
26
|
onFocusOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
|
|
29
27
|
onInteractOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
|
|
28
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
29
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
30
30
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
31
31
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
32
32
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -14,18 +14,18 @@ declare function __VLS_template(): {
|
|
|
14
14
|
};
|
|
15
15
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
16
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
-
openAutoFocus: (event: Event) => any;
|
|
18
17
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
19
18
|
pointerDownOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any;
|
|
20
19
|
focusOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
|
|
21
20
|
interactOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
|
|
21
|
+
openAutoFocus: (event: Event) => any;
|
|
22
22
|
closeAutoFocus: (event: Event) => any;
|
|
23
23
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
24
|
-
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
25
24
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
26
25
|
onPointerDownOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any) | undefined;
|
|
27
26
|
onFocusOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
|
|
28
27
|
onInteractOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
|
|
28
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
29
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
30
30
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
31
31
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -11,18 +11,18 @@ export interface PopoverContentProps {
|
|
|
11
11
|
iconSize?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
12
12
|
}
|
|
13
13
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<PopoverContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
-
openAutoFocus: (event: Event) => any;
|
|
15
14
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
16
15
|
pointerDownOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any;
|
|
17
16
|
focusOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
|
|
18
17
|
interactOutside: (event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any;
|
|
18
|
+
openAutoFocus: (event: Event) => any;
|
|
19
19
|
closeAutoFocus: (event: Event) => any;
|
|
20
20
|
}, string, import('vue').PublicProps, Readonly<PopoverContentProps> & Readonly<{
|
|
21
|
-
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
22
21
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
23
22
|
onPointerDownOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent) => any) | undefined;
|
|
24
23
|
onFocusOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
|
|
25
24
|
onInteractOutside?: ((event: import('node_modules/radix-vue/dist/DismissableLayer').PointerDownOutsideEvent | import('node_modules/radix-vue/dist/DismissableLayer').FocusOutsideEvent) => any) | undefined;
|
|
25
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
26
26
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
27
27
|
}>, {
|
|
28
28
|
side: "top" | "right" | "bottom" | "left";
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
|
|
2
|
+
import { c as clsx } from "./clsx.js";
|
|
3
|
+
import { A as At, j as jv } from "./index.js";
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "combobox-anchor",
|
|
6
|
+
props: {
|
|
7
|
+
asChild: { type: Boolean },
|
|
8
|
+
as: {},
|
|
9
|
+
class: {}
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
const delegatedProps = computed(() => {
|
|
14
|
+
const { class: _, ...delegated } = props;
|
|
15
|
+
return delegated;
|
|
16
|
+
});
|
|
17
|
+
const forwarded = At(delegatedProps);
|
|
18
|
+
return (_ctx, _cache) => {
|
|
19
|
+
return openBlock(), createBlock(unref(jv), mergeProps(unref(forwarded), {
|
|
20
|
+
class: unref(clsx)(props.class, "celeste-dropdown-anchor")
|
|
21
|
+
}), {
|
|
22
|
+
default: withCtx(() => [
|
|
23
|
+
renderSlot(_ctx.$slots, "default")
|
|
24
|
+
]),
|
|
25
|
+
_: 3
|
|
26
|
+
}, 16, ["class"]);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
export {
|
|
31
|
+
_sfc_main as _
|
|
32
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
|
|
2
|
+
import { x as xe, H as Hv } from "./index.js";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "combobox-root",
|
|
5
|
+
props: {
|
|
6
|
+
modelValue: {},
|
|
7
|
+
defaultValue: {},
|
|
8
|
+
open: { type: Boolean },
|
|
9
|
+
defaultOpen: { type: Boolean },
|
|
10
|
+
searchTerm: {},
|
|
11
|
+
selectedValue: {},
|
|
12
|
+
multiple: { type: Boolean },
|
|
13
|
+
disabled: { type: Boolean },
|
|
14
|
+
name: {},
|
|
15
|
+
dir: {},
|
|
16
|
+
filterFunction: { type: Function },
|
|
17
|
+
displayValue: { type: Function },
|
|
18
|
+
resetSearchTermOnBlur: { type: Boolean },
|
|
19
|
+
asChild: { type: Boolean },
|
|
20
|
+
as: {}
|
|
21
|
+
},
|
|
22
|
+
emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
|
|
23
|
+
setup(__props, { emit: __emit }) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
const emits = __emit;
|
|
26
|
+
const forwarded = xe(props, emits);
|
|
27
|
+
return (_ctx, _cache) => {
|
|
28
|
+
return openBlock(), createBlock(unref(Hv), normalizeProps(guardReactiveProps(unref(forwarded))), {
|
|
29
|
+
default: withCtx(() => [
|
|
30
|
+
renderSlot(_ctx.$slots, "default")
|
|
31
|
+
]),
|
|
32
|
+
_: 3
|
|
33
|
+
}, 16);
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
export {
|
|
38
|
+
_sfc_main as _
|
|
39
|
+
};
|
package/dist/es/chunks/index.js
CHANGED
|
@@ -4669,6 +4669,22 @@ const Jv = /* @__PURE__ */ defineComponent({
|
|
|
4669
4669
|
_: 3
|
|
4670
4670
|
}, 16));
|
|
4671
4671
|
}
|
|
4672
|
+
}), nm = /* @__PURE__ */ defineComponent({
|
|
4673
|
+
__name: "ComboboxPortal",
|
|
4674
|
+
props: {
|
|
4675
|
+
to: {},
|
|
4676
|
+
disabled: { type: Boolean },
|
|
4677
|
+
forceMount: { type: Boolean }
|
|
4678
|
+
},
|
|
4679
|
+
setup(a2) {
|
|
4680
|
+
const t = a2;
|
|
4681
|
+
return (e, n) => (openBlock(), createBlock(unref(ot), normalizeProps(guardReactiveProps(t)), {
|
|
4682
|
+
default: withCtx(() => [
|
|
4683
|
+
renderSlot(e.$slots, "default")
|
|
4684
|
+
]),
|
|
4685
|
+
_: 3
|
|
4686
|
+
}, 16));
|
|
4687
|
+
}
|
|
4672
4688
|
}), Za = /* @__PURE__ */ defineComponent({
|
|
4673
4689
|
__name: "MenuAnchor",
|
|
4674
4690
|
props: {
|
|
@@ -8959,60 +8975,61 @@ const av = /* @__PURE__ */ defineComponent({
|
|
|
8959
8975
|
}
|
|
8960
8976
|
});
|
|
8961
8977
|
export {
|
|
8962
|
-
|
|
8978
|
+
sh as $,
|
|
8963
8979
|
At as A,
|
|
8964
|
-
|
|
8980
|
+
qv as B,
|
|
8965
8981
|
Ch as C,
|
|
8966
|
-
|
|
8982
|
+
Wv as D,
|
|
8967
8983
|
Qv as E,
|
|
8968
8984
|
Fy as F,
|
|
8969
8985
|
Gy as G,
|
|
8970
8986
|
Hv as H,
|
|
8971
|
-
|
|
8987
|
+
nm as I,
|
|
8972
8988
|
Jv as J,
|
|
8973
8989
|
Kv as K,
|
|
8974
|
-
|
|
8990
|
+
tm as L,
|
|
8975
8991
|
My as M,
|
|
8976
8992
|
Ny as N,
|
|
8977
8993
|
Oy as O,
|
|
8978
|
-
|
|
8994
|
+
fh as P,
|
|
8979
8995
|
Qf as Q,
|
|
8980
|
-
|
|
8981
|
-
|
|
8982
|
-
|
|
8996
|
+
ch as R,
|
|
8997
|
+
hh as S,
|
|
8998
|
+
ph as T,
|
|
8983
8999
|
Uv as U,
|
|
8984
9000
|
Vy as V,
|
|
8985
9001
|
Wy as W,
|
|
8986
9002
|
Xv as X,
|
|
8987
|
-
|
|
9003
|
+
Yv as Y,
|
|
8988
9004
|
Zv as Z,
|
|
8989
|
-
|
|
9005
|
+
rh as _,
|
|
8990
9006
|
Gl as a,
|
|
8991
|
-
|
|
8992
|
-
|
|
8993
|
-
|
|
8994
|
-
|
|
8995
|
-
|
|
8996
|
-
|
|
8997
|
-
|
|
8998
|
-
|
|
8999
|
-
|
|
9000
|
-
|
|
9001
|
-
|
|
9002
|
-
|
|
9003
|
-
|
|
9004
|
-
|
|
9005
|
-
|
|
9006
|
-
|
|
9007
|
-
|
|
9008
|
-
|
|
9009
|
-
|
|
9010
|
-
|
|
9011
|
-
|
|
9012
|
-
|
|
9013
|
-
|
|
9014
|
-
|
|
9015
|
-
|
|
9007
|
+
Oh as a0,
|
|
9008
|
+
Dv as a1,
|
|
9009
|
+
Eu as a2,
|
|
9010
|
+
xu as a3,
|
|
9011
|
+
Pu as a4,
|
|
9012
|
+
Du as a5,
|
|
9013
|
+
bs as a6,
|
|
9014
|
+
ws as a7,
|
|
9015
|
+
_s as a8,
|
|
9016
|
+
xs as a9,
|
|
9017
|
+
gs as aa,
|
|
9018
|
+
zy as ab,
|
|
9019
|
+
Ky as ac,
|
|
9020
|
+
Xy as ad,
|
|
9021
|
+
jy as ae,
|
|
9022
|
+
Yy as af,
|
|
9023
|
+
Uy as ag,
|
|
9024
|
+
Ly as ah,
|
|
9025
|
+
eg as ai,
|
|
9026
|
+
Qy as aj,
|
|
9027
|
+
Lg as ak,
|
|
9028
|
+
zg as al,
|
|
9029
|
+
Kg as am,
|
|
9030
|
+
jg as an,
|
|
9031
|
+
Hg as ao,
|
|
9032
|
+
Wg as ap,
|
|
9016
9033
|
bh as b,
|
|
9017
9034
|
tg as c,
|
|
9018
9035
|
ag as d,
|
|
@@ -9021,19 +9038,19 @@ export {
|
|
|
9021
9038
|
yg as g,
|
|
9022
9039
|
hg as h,
|
|
9023
9040
|
ih as i,
|
|
9024
|
-
|
|
9041
|
+
jv as j,
|
|
9025
9042
|
ky as k,
|
|
9026
|
-
|
|
9043
|
+
gg as l,
|
|
9027
9044
|
mg as m,
|
|
9028
9045
|
ng as n,
|
|
9029
9046
|
og as o,
|
|
9030
|
-
|
|
9047
|
+
Cg as p,
|
|
9031
9048
|
qy as q,
|
|
9032
|
-
|
|
9033
|
-
|
|
9049
|
+
bg as r,
|
|
9050
|
+
lv as s,
|
|
9034
9051
|
tu as t,
|
|
9035
9052
|
uh as u,
|
|
9036
|
-
|
|
9053
|
+
sv as v,
|
|
9037
9054
|
wh as w,
|
|
9038
9055
|
xe as x,
|
|
9039
9056
|
ys as y,
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
|
|
2
|
+
import { c as clsx } from "./chunks/clsx.js";
|
|
3
|
+
import { Z as Zv } from "./chunks/index.js";
|
|
4
|
+
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "combobox-empty",
|
|
7
|
+
props: {
|
|
8
|
+
asChild: { type: Boolean },
|
|
9
|
+
as: {},
|
|
10
|
+
class: {}
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
const delegatedProps = computed(() => {
|
|
15
|
+
const { class: _, ...delegated } = props;
|
|
16
|
+
return delegated;
|
|
17
|
+
});
|
|
18
|
+
return (_ctx, _cache) => {
|
|
19
|
+
return openBlock(), createBlock(unref(Zv), mergeProps(delegatedProps.value, {
|
|
20
|
+
class: unref(clsx)("celeste-dropdown-empty-list", props.class)
|
|
21
|
+
}), {
|
|
22
|
+
default: withCtx(() => [
|
|
23
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
24
|
+
]),
|
|
25
|
+
_: 3
|
|
26
|
+
}, 16, ["class"]);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
const ComboboxEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-450bfb63"]]);
|
|
31
|
+
export {
|
|
32
|
+
ComboboxEmpty as default
|
|
33
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
|
|
2
|
+
import { c as clsx } from "./chunks/clsx.js";
|
|
3
|
+
import { B as qv, Y as Yv } from "./chunks/index.js";
|
|
4
|
+
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "combobox-group",
|
|
7
|
+
props: {
|
|
8
|
+
asChild: { type: Boolean },
|
|
9
|
+
as: {},
|
|
10
|
+
class: {},
|
|
11
|
+
heading: {}
|
|
12
|
+
},
|
|
13
|
+
setup(__props) {
|
|
14
|
+
const props = __props;
|
|
15
|
+
const delegatedProps = computed(() => {
|
|
16
|
+
const { class: _, ...delegated } = props;
|
|
17
|
+
return delegated;
|
|
18
|
+
});
|
|
19
|
+
return (_ctx, _cache) => {
|
|
20
|
+
return openBlock(), createBlock(unref(qv), mergeProps(delegatedProps.value, {
|
|
21
|
+
class: unref(clsx)(props.class, "celeste-dropdown-items-group")
|
|
22
|
+
}), {
|
|
23
|
+
default: withCtx(() => [
|
|
24
|
+
_ctx.heading ? (openBlock(), createBlock(unref(Yv), {
|
|
25
|
+
key: 0,
|
|
26
|
+
class: ""
|
|
27
|
+
}, {
|
|
28
|
+
default: withCtx(() => [
|
|
29
|
+
createTextVNode(toDisplayString(_ctx.heading), 1)
|
|
30
|
+
]),
|
|
31
|
+
_: 1
|
|
32
|
+
})) : createCommentVNode("", true),
|
|
33
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
34
|
+
]),
|
|
35
|
+
_: 3
|
|
36
|
+
}, 16, ["class"]);
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
const ComboboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-66b5c9e4"]]);
|
|
41
|
+
export {
|
|
42
|
+
ComboboxGroup as default
|
|
43
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { defineComponent, mergeModels, useModel, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createCommentVNode } from "vue";
|
|
2
|
+
import { c as clsx } from "./chunks/clsx.js";
|
|
3
|
+
import { D as Wv } from "./chunks/index.js";
|
|
4
|
+
import TextInputIcon from "./text-input-icon.js";
|
|
5
|
+
import TextInput from "./text-input.js";
|
|
6
|
+
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "combobox-input",
|
|
9
|
+
props: /* @__PURE__ */ mergeModels({
|
|
10
|
+
type: {},
|
|
11
|
+
disabled: { type: Boolean },
|
|
12
|
+
autoFocus: { type: Boolean },
|
|
13
|
+
asChild: { type: Boolean },
|
|
14
|
+
as: {},
|
|
15
|
+
class: {},
|
|
16
|
+
textInputProps: {},
|
|
17
|
+
searchable: { type: Boolean }
|
|
18
|
+
}, {
|
|
19
|
+
"modelValue": {},
|
|
20
|
+
"modelModifiers": {}
|
|
21
|
+
}),
|
|
22
|
+
emits: ["update:modelValue"],
|
|
23
|
+
setup(__props) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
const model = useModel(__props, "modelValue");
|
|
26
|
+
const comboboxInputProps = computed(() => {
|
|
27
|
+
const { class: _class, textInputProps: _textInputProps, ...rest } = props;
|
|
28
|
+
return rest;
|
|
29
|
+
});
|
|
30
|
+
const textInputProps = computed(() => {
|
|
31
|
+
return {
|
|
32
|
+
type: "search",
|
|
33
|
+
size: "sm",
|
|
34
|
+
placeholder: "Search",
|
|
35
|
+
...props.textInputProps
|
|
36
|
+
};
|
|
37
|
+
});
|
|
38
|
+
return (_ctx, _cache) => {
|
|
39
|
+
return openBlock(), createBlock(unref(Wv), mergeProps(comboboxInputProps.value, {
|
|
40
|
+
class: unref(clsx)("celeste-dropdown-input", props.class),
|
|
41
|
+
readonly: !props.searchable,
|
|
42
|
+
as: "div"
|
|
43
|
+
}), {
|
|
44
|
+
default: withCtx(() => [
|
|
45
|
+
createVNode(TextInput, mergeProps(textInputProps.value, {
|
|
46
|
+
modelValue: model.value,
|
|
47
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
|
|
48
|
+
readonly: !props.searchable,
|
|
49
|
+
style: !props.searchable ? "opacity: 0; height: 1px; padding: 0; border: none;" : ""
|
|
50
|
+
}), {
|
|
51
|
+
default: withCtx(() => [
|
|
52
|
+
props.searchable ? (openBlock(), createBlock(TextInputIcon, {
|
|
53
|
+
key: 0,
|
|
54
|
+
icon: "i-celeste-search-2-line"
|
|
55
|
+
})) : createCommentVNode("", true)
|
|
56
|
+
]),
|
|
57
|
+
_: 1
|
|
58
|
+
}, 16, ["modelValue", "readonly", "style"])
|
|
59
|
+
]),
|
|
60
|
+
_: 1
|
|
61
|
+
}, 16, ["class", "readonly"]);
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
const ComboboxInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6de83486"]]);
|
|
66
|
+
export {
|
|
67
|
+
ComboboxInput as default
|
|
68
|
+
};
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, normalizeClass, createCommentVNode, createElementBlock, renderSlot, toDisplayString } from "vue";
|
|
2
|
+
import { c as clsx } from "./chunks/clsx.js";
|
|
3
|
+
import { x as xe, E as Qv } from "./chunks/index.js";
|
|
4
|
+
import { _ as _sfc_main$1 } from "./chunks/checkbox.vue_vue_type_style_index_0_lang.js";
|
|
5
|
+
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
6
|
+
const _hoisted_1 = ["aria-disabled"];
|
|
7
|
+
const _hoisted_2 = { class: "celeste-dropdown-item-info" };
|
|
8
|
+
const _hoisted_3 = ["innerHTML"];
|
|
9
|
+
const _hoisted_4 = {
|
|
10
|
+
key: 0,
|
|
11
|
+
class: "celeste-dropdown-item-sublabel"
|
|
12
|
+
};
|
|
13
|
+
const _hoisted_5 = {
|
|
14
|
+
key: 0,
|
|
15
|
+
class: "celeste-dropdown-item-description"
|
|
16
|
+
};
|
|
17
|
+
const _hoisted_6 = {
|
|
18
|
+
key: 2,
|
|
19
|
+
class: "celeste-dropdown-item-suffix"
|
|
20
|
+
};
|
|
21
|
+
const _hoisted_7 = {
|
|
22
|
+
key: 3,
|
|
23
|
+
class: "i-celeste-check-fill"
|
|
24
|
+
};
|
|
25
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
26
|
+
__name: "combobox-item",
|
|
27
|
+
props: {
|
|
28
|
+
class: {},
|
|
29
|
+
label: {},
|
|
30
|
+
size: { default: "sm" },
|
|
31
|
+
checkbox: { type: Boolean },
|
|
32
|
+
sublabel: {},
|
|
33
|
+
description: {},
|
|
34
|
+
selected: { type: [Boolean, String] },
|
|
35
|
+
focused: { type: Boolean },
|
|
36
|
+
value: { type: [String, Number, Boolean, Object] },
|
|
37
|
+
icon: {},
|
|
38
|
+
image: {},
|
|
39
|
+
disabled: { type: Boolean }
|
|
40
|
+
},
|
|
41
|
+
emits: ["select"],
|
|
42
|
+
setup(__props, { emit: __emit }) {
|
|
43
|
+
const props = __props;
|
|
44
|
+
const emits = __emit;
|
|
45
|
+
const delegatedProps = computed(() => {
|
|
46
|
+
const { class: _, ...delegated } = props;
|
|
47
|
+
return delegated;
|
|
48
|
+
});
|
|
49
|
+
const forwarded = xe(delegatedProps, emits);
|
|
50
|
+
return (_ctx, _cache) => {
|
|
51
|
+
return openBlock(), createBlock(unref(Qv), mergeProps(unref(forwarded), {
|
|
52
|
+
disabled: _ctx.disabled,
|
|
53
|
+
"as-child": ""
|
|
54
|
+
}), {
|
|
55
|
+
default: withCtx(() => [
|
|
56
|
+
createElementVNode("div", {
|
|
57
|
+
tabindex: "0",
|
|
58
|
+
"aria-disabled": _ctx.disabled,
|
|
59
|
+
class: normalizeClass(unref(clsx)(
|
|
60
|
+
props.class,
|
|
61
|
+
"celeste-dropdown-item",
|
|
62
|
+
{ "celeste-dropdown-item-disabled": _ctx.disabled },
|
|
63
|
+
{ "celeste-dropdown-item-selected": _ctx.selected },
|
|
64
|
+
{ "celeste-dropdown-item-focused": _ctx.focused }
|
|
65
|
+
))
|
|
66
|
+
}, [
|
|
67
|
+
_ctx.checkbox && _ctx.size === "sm" ? (openBlock(), createBlock(_sfc_main$1, {
|
|
68
|
+
key: 0,
|
|
69
|
+
checked: _ctx.selected,
|
|
70
|
+
disabled: _ctx.disabled
|
|
71
|
+
}, null, 8, ["checked", "disabled"])) : createCommentVNode("", true),
|
|
72
|
+
_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
|
|
73
|
+
key: 1,
|
|
74
|
+
class: normalizeClass(unref(clsx)(
|
|
75
|
+
"celeste-dropdown-item-prefix",
|
|
76
|
+
`celeste-dropdown-item-prefix-${_ctx.size}`
|
|
77
|
+
))
|
|
78
|
+
}, [
|
|
79
|
+
renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
|
|
80
|
+
], 2)) : createCommentVNode("", true),
|
|
81
|
+
createElementVNode("div", _hoisted_2, [
|
|
82
|
+
createElementVNode("div", {
|
|
83
|
+
class: normalizeClass(unref(clsx)(
|
|
84
|
+
"celeste-dropdown-item-header",
|
|
85
|
+
`celeste-dropdown-item-header-${_ctx.size}`
|
|
86
|
+
))
|
|
87
|
+
}, [
|
|
88
|
+
createElementVNode("span", {
|
|
89
|
+
class: "celeste-dropdown-item-label",
|
|
90
|
+
innerHTML: _ctx.label
|
|
91
|
+
}, null, 8, _hoisted_3),
|
|
92
|
+
_ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true)
|
|
93
|
+
], 2),
|
|
94
|
+
_ctx.description && _ctx.size === "lg" ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
|
|
95
|
+
]),
|
|
96
|
+
_ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_6, [
|
|
97
|
+
renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
|
|
98
|
+
])) : createCommentVNode("", true),
|
|
99
|
+
_ctx.selected ? (openBlock(), createElementBlock("i", _hoisted_7)) : createCommentVNode("", true)
|
|
100
|
+
], 10, _hoisted_1)
|
|
101
|
+
]),
|
|
102
|
+
_: 3
|
|
103
|
+
}, 16, ["disabled"]);
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
const ComboboxItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c2bd0ae"]]);
|
|
108
|
+
export {
|
|
109
|
+
ComboboxItem as default
|
|
110
|
+
};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
|
|
2
|
+
import { c as clsx } from "./chunks/clsx.js";
|
|
3
|
+
import { x as xe, I as nm, X as Xv, J as Jv } from "./chunks/index.js";
|
|
4
|
+
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "combobox-list",
|
|
7
|
+
props: {
|
|
8
|
+
forceMount: { type: Boolean },
|
|
9
|
+
position: { default: "popper" },
|
|
10
|
+
bodyLock: { type: Boolean },
|
|
11
|
+
dismissable: { type: Boolean },
|
|
12
|
+
side: {},
|
|
13
|
+
sideOffset: { default: 4 },
|
|
14
|
+
align: { default: "start" },
|
|
15
|
+
alignOffset: {},
|
|
16
|
+
avoidCollisions: { type: Boolean },
|
|
17
|
+
collisionBoundary: {},
|
|
18
|
+
collisionPadding: {},
|
|
19
|
+
arrowPadding: {},
|
|
20
|
+
sticky: {},
|
|
21
|
+
hideWhenDetached: { type: Boolean },
|
|
22
|
+
updatePositionStrategy: {},
|
|
23
|
+
prioritizePosition: { type: Boolean },
|
|
24
|
+
asChild: { type: Boolean },
|
|
25
|
+
as: {},
|
|
26
|
+
disableOutsidePointerEvents: { type: Boolean },
|
|
27
|
+
class: {}
|
|
28
|
+
},
|
|
29
|
+
emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
|
|
30
|
+
setup(__props, { emit: __emit }) {
|
|
31
|
+
const props = __props;
|
|
32
|
+
const emits = __emit;
|
|
33
|
+
const delegatedProps = computed(() => {
|
|
34
|
+
const { class: _, ...delegated } = props;
|
|
35
|
+
return delegated;
|
|
36
|
+
});
|
|
37
|
+
const forwarded = xe(delegatedProps, emits);
|
|
38
|
+
return (_ctx, _cache) => {
|
|
39
|
+
return openBlock(), createBlock(unref(nm), null, {
|
|
40
|
+
default: withCtx(() => [
|
|
41
|
+
createVNode(unref(Xv), mergeProps(unref(forwarded), {
|
|
42
|
+
class: unref(clsx)("celeste-dropdown-content", props.class)
|
|
43
|
+
}), {
|
|
44
|
+
default: withCtx(() => [
|
|
45
|
+
createVNode(unref(Jv), { class: "celeste-dropdown-items-viewport" }, {
|
|
46
|
+
default: withCtx(() => [
|
|
47
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
48
|
+
]),
|
|
49
|
+
_: 3
|
|
50
|
+
})
|
|
51
|
+
]),
|
|
52
|
+
_: 3
|
|
53
|
+
}, 16, ["class"])
|
|
54
|
+
]),
|
|
55
|
+
_: 3
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
const ComboboxList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dc6bae8b"]]);
|
|
61
|
+
export {
|
|
62
|
+
ComboboxList as default
|
|
63
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
|
|
2
|
+
import { c as clsx } from "./chunks/clsx.js";
|
|
3
|
+
import { L as tm } from "./chunks/index.js";
|
|
4
|
+
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "combobox-separator",
|
|
7
|
+
props: {
|
|
8
|
+
asChild: { type: Boolean },
|
|
9
|
+
as: {},
|
|
10
|
+
class: {}
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
const delegatedProps = computed(() => {
|
|
15
|
+
const { class: _, ...delegated } = props;
|
|
16
|
+
return delegated;
|
|
17
|
+
});
|
|
18
|
+
return (_ctx, _cache) => {
|
|
19
|
+
return openBlock(), createBlock(unref(tm), mergeProps(delegatedProps.value, {
|
|
20
|
+
class: unref(clsx)("celeste-dropdown-separator", props.class)
|
|
21
|
+
}), {
|
|
22
|
+
default: withCtx(() => [
|
|
23
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
24
|
+
]),
|
|
25
|
+
_: 3
|
|
26
|
+
}, 16, ["class"]);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
const ComboboxSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-987226c9"]]);
|
|
31
|
+
export {
|
|
32
|
+
ComboboxSeparator as default
|
|
33
|
+
};
|