@scalar/components 0.12.75 → 0.13.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/components/ScalarButton/ScalarButton.stories.d.ts +3 -0
- package/dist/components/ScalarButton/ScalarButton.stories.d.ts.map +1 -1
- package/dist/components/ScalarButton/ScalarButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarButton/ScalarButton.vue.js +29 -32
- package/dist/components/ScalarCombobox/ScalarCombobox.stories.d.ts +30 -5
- package/dist/components/ScalarCombobox/ScalarCombobox.stories.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.d.ts +24 -7
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.js +34 -18
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.d.ts +16 -82
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.js +23 -22
- package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.d.ts +7 -2
- package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.js +23 -28
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts +25 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.js +58 -56
- package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts +5 -11
- package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.js +43 -43
- package/dist/components/ScalarCombobox/types.d.ts +4 -2
- package/dist/components/ScalarCombobox/types.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/types.js +8 -3
- package/dist/components/ScalarDropdown/ScalarDropdown.stories.d.ts +73 -105
- package/dist/components/ScalarDropdown/ScalarDropdown.stories.d.ts.map +1 -1
- package/dist/components/ScalarDropdown/ScalarDropdown.vue.d.ts +40 -22
- package/dist/components/ScalarDropdown/ScalarDropdown.vue.d.ts.map +1 -1
- package/dist/components/ScalarDropdown/ScalarDropdown.vue.js +32 -42
- package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.d.ts +35 -0
- package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.d.ts.map +1 -0
- package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.js +7 -0
- package/dist/components/ScalarDropdown/ScalarDropdownButton.vue2.js +37 -0
- package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue.d.ts +17 -1
- package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue.d.ts.map +1 -1
- package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue.js +7 -6
- package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue2.js +4 -0
- package/dist/components/ScalarDropdown/ScalarDropdownItem.vue.d.ts +18 -15
- package/dist/components/ScalarDropdown/ScalarDropdownItem.vue.d.ts.map +1 -1
- package/dist/components/ScalarDropdown/ScalarDropdownItem.vue.js +2 -2
- package/dist/components/ScalarDropdown/ScalarDropdownItem.vue2.js +19 -29
- package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue.d.ts +32 -0
- package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue.d.ts.map +1 -0
- package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue.js +28 -0
- package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue2.js +4 -0
- package/dist/components/ScalarDropdown/index.d.ts +2 -0
- package/dist/components/ScalarDropdown/index.d.ts.map +1 -1
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.spec.d.ts +2 -0
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.spec.d.ts.map +1 -0
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.stories.d.ts +6 -0
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.stories.d.ts.map +1 -0
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.d.ts +18 -0
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.d.ts.map +1 -0
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js +23 -0
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue2.js +4 -0
- package/dist/components/ScalarErrorBoundary/index.d.ts +2 -0
- package/dist/components/ScalarErrorBoundary/index.d.ts.map +1 -0
- package/dist/components/ScalarFloating/ScalarFloating.stories.d.ts +4 -0
- package/dist/components/ScalarFloating/ScalarFloating.stories.d.ts.map +1 -1
- package/dist/components/ScalarFloating/ScalarFloating.vue.d.ts +5 -4
- package/dist/components/ScalarFloating/ScalarFloating.vue.d.ts.map +1 -1
- package/dist/components/ScalarFloating/ScalarFloating.vue.js +32 -29
- package/dist/components/ScalarFloating/index.d.ts +1 -1
- package/dist/components/ScalarFloating/index.d.ts.map +1 -1
- package/dist/components/ScalarFloating/types.d.ts +15 -7
- package/dist/components/ScalarFloating/types.d.ts.map +1 -1
- package/dist/components/ScalarFloating/useResizeWithTarget.d.ts +3 -0
- package/dist/components/ScalarFloating/useResizeWithTarget.d.ts.map +1 -1
- package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts +1 -0
- package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts.map +1 -1
- package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts.map +1 -1
- package/dist/components/ScalarIcon/ScalarIcon.vue.js +2 -2
- package/dist/components/ScalarIcon/ScalarIcon.vue2.js +18 -15
- package/dist/components/ScalarIcon/icons/Hide.svg.js +10 -9
- package/dist/components/ScalarIcon/icons/Show.svg.js +7 -8
- package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts +10 -7
- package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts.map +1 -1
- package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts +1 -1
- package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarIconButton/ScalarIconButton.vue.js +19 -21
- package/dist/components/ScalarListbox/ScalarListbox.stories.d.ts +52 -25
- package/dist/components/ScalarListbox/ScalarListbox.stories.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts +41 -22
- package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListbox.vue.js +46 -85
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts +8 -0
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts.map +1 -0
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.js +26 -0
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue2.js +4 -0
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.d.ts +8 -0
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.d.ts.map +1 -0
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.js +53 -0
- package/dist/components/ScalarListbox/ScalarListboxItem.vue2.js +4 -0
- package/dist/components/ScalarListbox/index.d.ts +3 -1
- package/dist/components/ScalarListbox/index.d.ts.map +1 -1
- package/dist/components/ScalarListbox/types.d.ts +1 -0
- package/dist/components/ScalarListbox/types.d.ts.map +1 -1
- package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts +28 -6
- package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts.map +1 -1
- package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts +2 -2
- package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts.map +1 -1
- package/dist/components/ScalarLoading/ScalarLoading.vue.js +3 -3
- package/dist/components/ScalarLoading/ScalarLoading.vue2.js +29 -30
- package/dist/components/ScalarMenu/ScalarMenu.stories.d.ts +133 -108
- package/dist/components/ScalarMenu/ScalarMenu.stories.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenu.vue.d.ts +34 -18
- package/dist/components/ScalarMenu/ScalarMenu.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenu.vue.js +22 -20
- package/dist/components/ScalarMenu/ScalarMenuButton.vue.d.ts +2 -2
- package/dist/components/ScalarMenu/ScalarMenuButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuButton.vue.js +25 -17
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.js +17 -10
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts +2 -2
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.js +22 -16
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.d.ts +1 -1
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.js +25 -22
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.d.ts +1 -1
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.js +3 -3
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.d.ts +2 -2
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.js +18 -15
- package/dist/components/ScalarMenu/ScalarMenuSection.vue2.js +4 -0
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts +1 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.js +18 -16
- package/dist/components/ScalarModal/ScalarModal.stories.d.ts +3 -3
- package/dist/components/ScalarModal/ScalarModal.vue.d.ts +2 -2
- package/dist/components/ScalarPopover/ScalarPopover.stories.d.ts +20 -116
- package/dist/components/ScalarPopover/ScalarPopover.stories.d.ts.map +1 -1
- package/dist/components/ScalarPopover/ScalarPopover.vue.d.ts +4 -11
- package/dist/components/ScalarPopover/ScalarPopover.vue.d.ts.map +1 -1
- package/dist/components/ScalarPopover/ScalarPopover.vue.js +23 -24
- package/dist/components/ScalarPopover/index.d.ts +1 -0
- package/dist/components/ScalarPopover/index.d.ts.map +1 -1
- package/dist/components/ScalarPopover/types.d.ts +15 -0
- package/dist/components/ScalarPopover/types.d.ts.map +1 -0
- package/dist/components/ScalarSearchInput/ScalarSearchInput.stories.d.ts +6 -1
- package/dist/components/ScalarSearchInput/ScalarSearchInput.stories.d.ts.map +1 -1
- package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js +3 -3
- package/dist/components/ScalarSearchInput/ScalarSearchInput.vue2.js +10 -10
- package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.d.ts.map +1 -1
- package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js +31 -35
- package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.d.ts.map +1 -1
- package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.js +12 -18
- package/dist/components/ScalarToggle/ScalarToggle.stories.d.ts +26 -39
- package/dist/components/ScalarToggle/ScalarToggle.stories.d.ts.map +1 -1
- package/dist/components/ScalarToggle/ScalarToggle.vue.d.ts +3 -5
- package/dist/components/ScalarToggle/ScalarToggle.vue.d.ts.map +1 -1
- package/dist/components/ScalarToggle/ScalarToggle.vue.js +24 -35
- package/dist/hooks/useBindCx.d.ts +51 -0
- package/dist/hooks/useBindCx.d.ts.map +1 -0
- package/dist/hooks/useBindCx.js +34 -0
- package/dist/hooks/useBindCx.stories.d.ts +430 -0
- package/dist/hooks/useBindCx.stories.d.ts.map +1 -0
- package/dist/hooks/useBindCx.test.d.ts +2 -0
- package/dist/hooks/useBindCx.test.d.ts.map +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +80 -68
- package/dist/style.css +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD;;;GAGG;AACH,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"ScalarButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,SAAS,EAAE,KAAqC,CAAA;AAE7D,eAAO,MAAM,KAAK,EAAE,KAAsC,CAAA;AAE1D,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAA;AAE3D,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA6DA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,YAAY,CAAA;AAIpD;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAC;AAyBJ,iBAAS,cAAc;WAoET,OAAO,IAA6B;;sBAVxB,GAAG;yBACA,GAAG;yBACH,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;eApHL,OAAO;UAIZ,QAAQ,GAAG,QAAQ,GAAG,OAAO;6EAuHtC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as f,
|
|
2
|
-
import {
|
|
3
|
-
import { variants as
|
|
4
|
-
import
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as f, openBlock as a, createElementBlock as i, mergeProps as m, unref as o, normalizeClass as r, renderSlot as l, createCommentVNode as u, createVNode as g } from "vue";
|
|
2
|
+
import { useBindCx as b } from "../../hooks/useBindCx.js";
|
|
3
|
+
import { variants as v } from "./variants.js";
|
|
4
|
+
import y from "../ScalarLoading/ScalarLoading.vue.js";
|
|
5
|
+
const h = ["ariaDisabled", "type"], c = {
|
|
6
6
|
key: 3,
|
|
7
7
|
class: "centered-x absolute"
|
|
8
|
-
},
|
|
8
|
+
}, $ = /* @__PURE__ */ f({
|
|
9
9
|
inheritAttrs: !1,
|
|
10
10
|
__name: "ScalarButton",
|
|
11
11
|
props: {
|
|
@@ -16,44 +16,41 @@ const z = ["ariaDisabled", "type"], B = {
|
|
|
16
16
|
variant: { default: "solid" },
|
|
17
17
|
type: { default: "button" }
|
|
18
18
|
},
|
|
19
|
-
setup(
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
),
|
|
33
|
-
type: e.type
|
|
34
|
-
}), [
|
|
35
|
-
e.$slots.icon ? (a(), s("div", {
|
|
19
|
+
setup(k) {
|
|
20
|
+
const { cx: p } = b();
|
|
21
|
+
return (e, B) => {
|
|
22
|
+
var s, n, t, d;
|
|
23
|
+
return a(), i("button", m(
|
|
24
|
+
{
|
|
25
|
+
ariaDisabled: e.disabled || void 0,
|
|
26
|
+
type: e.type
|
|
27
|
+
},
|
|
28
|
+
o(p)(o(v)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }), {
|
|
29
|
+
relative: (s = e.loading) == null ? void 0 : s.isLoading
|
|
30
|
+
})
|
|
31
|
+
), [
|
|
32
|
+
e.$slots.icon ? (a(), i("div", {
|
|
36
33
|
key: 0,
|
|
37
|
-
class:
|
|
34
|
+
class: r(["mr-2 h-4 w-4", { invisible: (n = e.loading) == null ? void 0 : n.isLoading }])
|
|
38
35
|
}, [
|
|
39
36
|
l(e.$slots, "icon")
|
|
40
|
-
], 2)) :
|
|
41
|
-
e.loading ? (a(),
|
|
37
|
+
], 2)) : u("", !0),
|
|
38
|
+
e.loading ? (a(), i("span", {
|
|
42
39
|
key: 1,
|
|
43
|
-
class:
|
|
40
|
+
class: r({ invisible: (t = e.loading) == null ? void 0 : t.isLoading })
|
|
44
41
|
}, [
|
|
45
42
|
l(e.$slots, "default")
|
|
46
43
|
], 2)) : l(e.$slots, "default", { key: 2 }),
|
|
47
|
-
(
|
|
48
|
-
|
|
44
|
+
(d = e.loading) != null && d.isLoading ? (a(), i("div", c, [
|
|
45
|
+
g(o(y), {
|
|
49
46
|
loadingState: e.loading,
|
|
50
47
|
size: "xs"
|
|
51
48
|
}, null, 8, ["loadingState"])
|
|
52
|
-
])) :
|
|
53
|
-
], 16,
|
|
49
|
+
])) : u("", !0)
|
|
50
|
+
], 16, h);
|
|
54
51
|
};
|
|
55
52
|
}
|
|
56
53
|
});
|
|
57
54
|
export {
|
|
58
|
-
|
|
55
|
+
$ as default
|
|
59
56
|
};
|
|
@@ -6,7 +6,7 @@ declare const meta: {
|
|
|
6
6
|
options: Option[] | OptionGroup[];
|
|
7
7
|
modelValue?: Option;
|
|
8
8
|
placeholder?: string;
|
|
9
|
-
} &
|
|
9
|
+
} & import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{
|
|
10
10
|
"onUpdate:modelValue"?: ((v: Option) => any) | undefined;
|
|
11
11
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
12
12
|
"update:modelValue": (v: Option) => any;
|
|
@@ -21,7 +21,7 @@ declare const meta: {
|
|
|
21
21
|
options: Option[] | OptionGroup[];
|
|
22
22
|
modelValue?: Option;
|
|
23
23
|
placeholder?: string;
|
|
24
|
-
} &
|
|
24
|
+
} & import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{
|
|
25
25
|
"onUpdate:modelValue"?: ((v: Option) => any) | undefined;
|
|
26
26
|
}>, {}, {}, {}, {}, {}>;
|
|
27
27
|
__isFragment?: never;
|
|
@@ -31,13 +31,31 @@ declare const meta: {
|
|
|
31
31
|
options: Option[] | OptionGroup[];
|
|
32
32
|
modelValue?: Option;
|
|
33
33
|
placeholder?: string;
|
|
34
|
-
} &
|
|
34
|
+
} & import("../ScalarFloating").ScalarFloatingOptions> & Readonly<{
|
|
35
35
|
"onUpdate:modelValue"?: ((v: Option) => any) | undefined;
|
|
36
36
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
37
37
|
"update:modelValue": (v: Option) => any;
|
|
38
38
|
}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
39
|
-
$slots: {
|
|
40
|
-
default
|
|
39
|
+
$slots: Readonly<{
|
|
40
|
+
default(props: {
|
|
41
|
+
open: boolean;
|
|
42
|
+
}): import("vue").Slot;
|
|
43
|
+
before(props: {
|
|
44
|
+
open: boolean;
|
|
45
|
+
}): import("vue").Slot;
|
|
46
|
+
after(props: {
|
|
47
|
+
open: boolean;
|
|
48
|
+
}): import("vue").Slot;
|
|
49
|
+
}> & {
|
|
50
|
+
default(props: {
|
|
51
|
+
open: boolean;
|
|
52
|
+
}): import("vue").Slot;
|
|
53
|
+
before(props: {
|
|
54
|
+
open: boolean;
|
|
55
|
+
}): import("vue").Slot;
|
|
56
|
+
after(props: {
|
|
57
|
+
open: boolean;
|
|
58
|
+
}): import("vue").Slot;
|
|
41
59
|
};
|
|
42
60
|
});
|
|
43
61
|
tags: string[];
|
|
@@ -49,6 +67,9 @@ declare const meta: {
|
|
|
49
67
|
control: "select";
|
|
50
68
|
options: import("@floating-ui/utils").Placement[];
|
|
51
69
|
};
|
|
70
|
+
class: {
|
|
71
|
+
control: "text";
|
|
72
|
+
};
|
|
52
73
|
};
|
|
53
74
|
};
|
|
54
75
|
export default meta;
|
|
@@ -57,4 +78,8 @@ export declare const Base: Story;
|
|
|
57
78
|
export declare const Groups: Story;
|
|
58
79
|
export declare const Multiselect: Story;
|
|
59
80
|
export declare const MultiselectGroups: Story;
|
|
81
|
+
/**
|
|
82
|
+
* Applies a custom class to the combobox popover
|
|
83
|
+
*/
|
|
84
|
+
export declare const CustomClasses: Story;
|
|
60
85
|
//# sourceMappingURL=ScalarCombobox.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarCombobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"ScalarCombobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAqClC,eAAO,MAAM,IAAI,EAAE,KA0BlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA0BpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAA"}
|
|
@@ -1,22 +1,39 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Slot } from 'vue';
|
|
2
|
+
import type { ScalarFloatingOptions } from '../ScalarFloating';
|
|
2
3
|
import type { Option, OptionGroup } from './types.js';
|
|
3
|
-
type
|
|
4
|
+
type Props = {
|
|
4
5
|
options: Option[] | OptionGroup[];
|
|
5
6
|
modelValue?: Option;
|
|
6
7
|
placeholder?: string;
|
|
7
|
-
} &
|
|
8
|
+
} & ScalarFloatingOptions;
|
|
9
|
+
type SlotProps = {
|
|
10
|
+
/** Whether or not the combobox is open */
|
|
11
|
+
open: boolean;
|
|
12
|
+
};
|
|
8
13
|
declare function __VLS_template(): {
|
|
9
14
|
attrs: Partial<{}>;
|
|
10
|
-
slots: {
|
|
11
|
-
|
|
15
|
+
slots: Readonly<{
|
|
16
|
+
/** The reference element for the combobox */
|
|
17
|
+
default(props: SlotProps): Slot;
|
|
18
|
+
/** A slot for contents before the combobox options */
|
|
19
|
+
before(props: SlotProps): Slot;
|
|
20
|
+
/** A slot for contents after the combobox options */
|
|
21
|
+
after(props: SlotProps): Slot;
|
|
22
|
+
}> & {
|
|
23
|
+
/** The reference element for the combobox */
|
|
24
|
+
default(props: SlotProps): Slot;
|
|
25
|
+
/** A slot for contents before the combobox options */
|
|
26
|
+
before(props: SlotProps): Slot;
|
|
27
|
+
/** A slot for contents after the combobox options */
|
|
28
|
+
after(props: SlotProps): Slot;
|
|
12
29
|
};
|
|
13
30
|
refs: {};
|
|
14
31
|
rootEl: any;
|
|
15
32
|
};
|
|
16
33
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
-
declare const __VLS_component: import("vue").DefineComponent<
|
|
34
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
18
35
|
"update:modelValue": (v: Option) => any;
|
|
19
|
-
}, string, import("vue").PublicProps, Readonly<
|
|
36
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
20
37
|
"onUpdate:modelValue"?: ((v: Option) => any) | undefined;
|
|
21
38
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
22
39
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarCombobox.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,qBAAqB,CAAA;AAEzB,KAAK,SAAS,GAAG;IACf,0CAA0C;IAC1C,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAyBD,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;QAnGhD,6CAA6C;uBAC9B,SAAS,GAAG,IAAI;QAC/B,sDAAsD;sBACxC,SAAS,GAAG,IAAI;QAC9B,qDAAqD;qBACxC,SAAS,GAAG,IAAI;;QAL7B,6CAA6C;uBAC9B,SAAS,GAAG,IAAI;QAC/B,sDAAsD;sBACxC,SAAS,GAAG,IAAI;QAC9B,qDAAqD;qBACxC,SAAS,GAAG,IAAI;;;;EAmG9B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as m, openBlock as p, createBlock as d, withCtx as l, renderSlot as a, createVNode as s, createSlots as n } from "vue";
|
|
2
|
+
import i from "./ScalarComboboxOptions.vue.js";
|
|
3
|
+
import f from "./ScalarComboboxPopover.vue.js";
|
|
4
|
+
const h = /* @__PURE__ */ m({
|
|
5
5
|
__name: "ScalarCombobox",
|
|
6
6
|
props: {
|
|
7
7
|
options: {},
|
|
@@ -9,34 +9,50 @@ const B = /* @__PURE__ */ a({
|
|
|
9
9
|
placeholder: {},
|
|
10
10
|
placement: {},
|
|
11
11
|
resize: { type: Boolean },
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
target: {},
|
|
13
|
+
middleware: {},
|
|
14
14
|
teleport: { type: [Boolean, String] }
|
|
15
15
|
},
|
|
16
16
|
emits: ["update:modelValue"],
|
|
17
17
|
setup(u) {
|
|
18
|
-
return (e,
|
|
19
|
-
|
|
18
|
+
return (e, V) => (p(), d(f, {
|
|
19
|
+
middleware: e.middleware,
|
|
20
20
|
placement: e.placement ?? "bottom-start",
|
|
21
21
|
resize: e.resize,
|
|
22
|
+
target: e.target,
|
|
22
23
|
teleport: e.teleport
|
|
23
24
|
}, {
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
default: l(({ open: o }) => [
|
|
26
|
+
a(e.$slots, "default", { open: o })
|
|
27
|
+
]),
|
|
28
|
+
popover: l(({ open: o, close: t }) => [
|
|
29
|
+
s(i, {
|
|
26
30
|
modelValue: e.modelValue ? [e.modelValue] : [],
|
|
27
|
-
open:
|
|
31
|
+
open: o,
|
|
28
32
|
options: e.options,
|
|
29
33
|
placeholder: e.placeholder,
|
|
30
|
-
"onUpdate:modelValue": (
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
"onUpdate:modelValue": (r) => (t(), e.$emit("update:modelValue", r[0]))
|
|
35
|
+
}, n({ _: 2 }, [
|
|
36
|
+
e.$slots.before ? {
|
|
37
|
+
name: "before",
|
|
38
|
+
fn: l(() => [
|
|
39
|
+
a(e.$slots, "before", { open: o })
|
|
40
|
+
]),
|
|
41
|
+
key: "0"
|
|
42
|
+
} : void 0,
|
|
43
|
+
e.$slots.after ? {
|
|
44
|
+
name: "after",
|
|
45
|
+
fn: l(() => [
|
|
46
|
+
a(e.$slots, "after", { open: o })
|
|
47
|
+
]),
|
|
48
|
+
key: "1"
|
|
49
|
+
} : void 0
|
|
50
|
+
]), 1032, ["modelValue", "open", "options", "placeholder", "onUpdate:modelValue"])
|
|
35
51
|
]),
|
|
36
52
|
_: 3
|
|
37
|
-
}, 8, ["
|
|
53
|
+
}, 8, ["middleware", "placement", "resize", "target", "teleport"]));
|
|
38
54
|
}
|
|
39
55
|
});
|
|
40
56
|
export {
|
|
41
|
-
|
|
57
|
+
h as default
|
|
42
58
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ScalarFloatingOptions } from '../ScalarFloating';
|
|
2
2
|
import type { Option, OptionGroup } from './types.js';
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
options: Option[] | OptionGroup[];
|
|
5
5
|
modelValue?: Option[];
|
|
6
6
|
placeholder?: string;
|
|
7
7
|
isDeletable?: boolean;
|
|
8
|
-
} &
|
|
8
|
+
} & ScalarFloatingOptions;
|
|
9
9
|
declare function __VLS_template(): {
|
|
10
10
|
attrs: Partial<{}>;
|
|
11
11
|
slots: {
|
|
@@ -17,10 +17,10 @@ declare function __VLS_template(): {
|
|
|
17
17
|
$: import("vue").ComponentInternalInstance;
|
|
18
18
|
$data: {};
|
|
19
19
|
$props: {
|
|
20
|
-
readonly resize?: boolean | undefined;
|
|
21
20
|
readonly placement?: import("@floating-ui/vue").Placement | undefined;
|
|
22
|
-
readonly
|
|
23
|
-
readonly
|
|
21
|
+
readonly resize?: boolean | undefined;
|
|
22
|
+
readonly target?: (string | HTMLElement) | undefined;
|
|
23
|
+
readonly middleware?: import("@floating-ui/vue").Middleware[] | undefined;
|
|
24
24
|
readonly teleport?: (boolean | string) | undefined;
|
|
25
25
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
26
26
|
$attrs: {
|
|
@@ -37,13 +37,7 @@ declare function __VLS_template(): {
|
|
|
37
37
|
$host: Element | null;
|
|
38
38
|
$emit: (event: string, ...args: any[]) => void;
|
|
39
39
|
$el: any;
|
|
40
|
-
$options: import("vue").ComponentOptionsBase<Readonly<{
|
|
41
|
-
resize?: boolean | undefined;
|
|
42
|
-
placement?: import("@floating-ui/vue").Placement | undefined;
|
|
43
|
-
targetRef?: HTMLElement | undefined;
|
|
44
|
-
isOpen?: boolean | undefined;
|
|
45
|
-
teleport?: (boolean | string) | undefined;
|
|
46
|
-
}> & Readonly<{}>, {
|
|
40
|
+
$options: import("vue").ComponentOptionsBase<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
|
|
47
41
|
popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
|
|
48
42
|
as: {
|
|
49
43
|
type: (ObjectConstructor | StringConstructor)[];
|
|
@@ -129,13 +123,7 @@ declare function __VLS_template(): {
|
|
|
129
123
|
$forceUpdate: () => void;
|
|
130
124
|
$nextTick: typeof import("vue").nextTick;
|
|
131
125
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
|
|
132
|
-
} & Readonly<{}> & Omit<Readonly<{
|
|
133
|
-
resize?: boolean | undefined;
|
|
134
|
-
placement?: import("@floating-ui/vue").Placement | undefined;
|
|
135
|
-
targetRef?: HTMLElement | undefined;
|
|
136
|
-
isOpen?: boolean | undefined;
|
|
137
|
-
teleport?: (boolean | string) | undefined;
|
|
138
|
-
}> & Readonly<{}>, "popoverButtonRef"> & import("vue").ShallowUnwrapRef<{
|
|
126
|
+
} & Readonly<{}> & Omit<Readonly<ScalarFloatingOptions> & Readonly<{}>, "popoverButtonRef"> & import("vue").ShallowUnwrapRef<{
|
|
139
127
|
popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
|
|
140
128
|
as: {
|
|
141
129
|
type: (ObjectConstructor | StringConstructor)[];
|
|
@@ -202,13 +190,7 @@ declare function __VLS_template(): {
|
|
|
202
190
|
disabled: boolean;
|
|
203
191
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null>;
|
|
204
192
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
205
|
-
$slots:
|
|
206
|
-
default?(_: {}): any;
|
|
207
|
-
popover?(_: {
|
|
208
|
-
close: any;
|
|
209
|
-
open: any;
|
|
210
|
-
}): any;
|
|
211
|
-
};
|
|
193
|
+
$slots: Readonly<import("../ScalarPopover").ScalarPopoverSlots> & import("../ScalarPopover").ScalarPopoverSlots;
|
|
212
194
|
}) | null;
|
|
213
195
|
};
|
|
214
196
|
rootEl: any;
|
|
@@ -216,13 +198,7 @@ declare function __VLS_template(): {
|
|
|
216
198
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
217
199
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
218
200
|
comboboxPopoverRef: import("vue").Ref<({
|
|
219
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
220
|
-
resize?: boolean | undefined;
|
|
221
|
-
placement?: import("@floating-ui/vue").Placement | undefined;
|
|
222
|
-
targetRef?: HTMLElement | undefined;
|
|
223
|
-
isOpen?: boolean | undefined;
|
|
224
|
-
teleport?: (boolean | string) | undefined;
|
|
225
|
-
}> & Readonly<{}>, {
|
|
201
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
|
|
226
202
|
popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
|
|
227
203
|
as: {
|
|
228
204
|
type: (ObjectConstructor | StringConstructor)[];
|
|
@@ -295,13 +271,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
295
271
|
C: {};
|
|
296
272
|
M: {};
|
|
297
273
|
Defaults: {};
|
|
298
|
-
}, Readonly<{
|
|
299
|
-
resize?: boolean | undefined;
|
|
300
|
-
placement?: import("@floating-ui/vue").Placement | undefined;
|
|
301
|
-
targetRef?: HTMLElement | undefined;
|
|
302
|
-
isOpen?: boolean | undefined;
|
|
303
|
-
teleport?: (boolean | string) | undefined;
|
|
304
|
-
}> & Readonly<{}>, {
|
|
274
|
+
}, Readonly<ScalarFloatingOptions> & Readonly<{}>, {
|
|
305
275
|
popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
|
|
306
276
|
as: {
|
|
307
277
|
type: (ObjectConstructor | StringConstructor)[];
|
|
@@ -371,13 +341,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
371
341
|
__isFragment?: never;
|
|
372
342
|
__isTeleport?: never;
|
|
373
343
|
__isSuspense?: never;
|
|
374
|
-
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
375
|
-
resize?: boolean | undefined;
|
|
376
|
-
placement?: import("@floating-ui/vue").Placement | undefined;
|
|
377
|
-
targetRef?: HTMLElement | undefined;
|
|
378
|
-
isOpen?: boolean | undefined;
|
|
379
|
-
teleport?: (boolean | string) | undefined;
|
|
380
|
-
}> & Readonly<{}>, {
|
|
344
|
+
} & import("vue").ComponentOptionsBase<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
|
|
381
345
|
popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
|
|
382
346
|
as: {
|
|
383
347
|
type: (ObjectConstructor | StringConstructor)[];
|
|
@@ -444,21 +408,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
444
408
|
disabled: boolean;
|
|
445
409
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null>;
|
|
446
410
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
447
|
-
$slots:
|
|
448
|
-
default?(_: {}): any;
|
|
449
|
-
popover?(_: {
|
|
450
|
-
close: any;
|
|
451
|
-
open: any;
|
|
452
|
-
}): any;
|
|
453
|
-
};
|
|
411
|
+
$slots: Readonly<import("../ScalarPopover").ScalarPopoverSlots> & import("../ScalarPopover").ScalarPopoverSlots;
|
|
454
412
|
})) | null, ({
|
|
455
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
456
|
-
resize?: boolean | undefined;
|
|
457
|
-
placement?: import("@floating-ui/vue").Placement | undefined;
|
|
458
|
-
targetRef?: HTMLElement | undefined;
|
|
459
|
-
isOpen?: boolean | undefined;
|
|
460
|
-
teleport?: (boolean | string) | undefined;
|
|
461
|
-
}> & Readonly<{}>, {
|
|
413
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
|
|
462
414
|
popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
|
|
463
415
|
as: {
|
|
464
416
|
type: (ObjectConstructor | StringConstructor)[];
|
|
@@ -531,13 +483,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
531
483
|
C: {};
|
|
532
484
|
M: {};
|
|
533
485
|
Defaults: {};
|
|
534
|
-
}, Readonly<{
|
|
535
|
-
resize?: boolean | undefined;
|
|
536
|
-
placement?: import("@floating-ui/vue").Placement | undefined;
|
|
537
|
-
targetRef?: HTMLElement | undefined;
|
|
538
|
-
isOpen?: boolean | undefined;
|
|
539
|
-
teleport?: (boolean | string) | undefined;
|
|
540
|
-
}> & Readonly<{}>, {
|
|
486
|
+
}, Readonly<ScalarFloatingOptions> & Readonly<{}>, {
|
|
541
487
|
popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
|
|
542
488
|
as: {
|
|
543
489
|
type: (ObjectConstructor | StringConstructor)[];
|
|
@@ -607,13 +553,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
607
553
|
__isFragment?: never;
|
|
608
554
|
__isTeleport?: never;
|
|
609
555
|
__isSuspense?: never;
|
|
610
|
-
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
611
|
-
resize?: boolean | undefined;
|
|
612
|
-
placement?: import("@floating-ui/vue").Placement | undefined;
|
|
613
|
-
targetRef?: HTMLElement | undefined;
|
|
614
|
-
isOpen?: boolean | undefined;
|
|
615
|
-
teleport?: (boolean | string) | undefined;
|
|
616
|
-
}> & Readonly<{}>, {
|
|
556
|
+
} & import("vue").ComponentOptionsBase<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
|
|
617
557
|
popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
|
|
618
558
|
as: {
|
|
619
559
|
type: (ObjectConstructor | StringConstructor)[];
|
|
@@ -680,13 +620,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
|
|
|
680
620
|
disabled: boolean;
|
|
681
621
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null>;
|
|
682
622
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
683
|
-
$slots:
|
|
684
|
-
default?(_: {}): any;
|
|
685
|
-
popover?(_: {
|
|
686
|
-
close: any;
|
|
687
|
-
open: any;
|
|
688
|
-
}): any;
|
|
689
|
-
};
|
|
623
|
+
$slots: Readonly<import("../ScalarPopover").ScalarPopoverSlots> & import("../ScalarPopover").ScalarPopoverSlots;
|
|
690
624
|
})) | null>;
|
|
691
625
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
692
626
|
delete: (option: Option) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarComboboxMultiselect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxMultiselect.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarComboboxMultiselect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxMultiselect.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIlD,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,GAAG,qBAAqB,CAAC;AAuB5B,iBAAS,cAAc;WA6FT,OAAO,IAA6B;;yBAVrB,GAAG;yBACF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAzHjC,KApBgB,eAoBhB,KApBoC,uBAoBpC,KAnBqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkM6riB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAxCv0iB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;4BApJrB,KApBgB,eAoBhB,KApBoC,uBAoBpC,KAnBqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAmBrB,KApBgB,eAoBhB,KApBoC,uBAoBpC,KAnBqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAgLnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as m, ref as u, openBlock as t, createBlock as a, withCtx as s, createElementVNode as f, createCommentVNode as i, createElementBlock as b, renderSlot as p } from "vue";
|
|
2
2
|
import c from "./ScalarComboboxOptions.vue.js";
|
|
3
3
|
import V from "./ScalarComboboxPopover.vue.js";
|
|
4
|
-
const
|
|
4
|
+
const v = { class: "divide-1 divide-y" }, y = {
|
|
5
5
|
key: 1,
|
|
6
6
|
class: "p-0.75"
|
|
7
|
-
},
|
|
7
|
+
}, h = /* @__PURE__ */ m({
|
|
8
8
|
__name: "ScalarComboboxMultiselect",
|
|
9
9
|
props: {
|
|
10
10
|
options: {},
|
|
@@ -13,46 +13,47 @@ const y = { class: "divide-1 divide-y" }, v = {
|
|
|
13
13
|
isDeletable: { type: Boolean },
|
|
14
14
|
placement: {},
|
|
15
15
|
resize: { type: Boolean },
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
target: {},
|
|
17
|
+
middleware: {},
|
|
18
18
|
teleport: { type: [Boolean, String] }
|
|
19
19
|
},
|
|
20
20
|
emits: ["update:modelValue", "delete"],
|
|
21
|
-
setup(
|
|
22
|
-
const
|
|
23
|
-
return
|
|
21
|
+
setup($, { expose: n }) {
|
|
22
|
+
const r = u(null);
|
|
23
|
+
return n({ comboboxPopoverRef: r }), (e, o) => (t(), a(V, {
|
|
24
24
|
ref_key: "comboboxPopoverRef",
|
|
25
|
-
ref:
|
|
26
|
-
|
|
25
|
+
ref: r,
|
|
26
|
+
middleware: e.middleware,
|
|
27
27
|
placement: e.placement ?? "bottom-start",
|
|
28
28
|
resize: e.resize,
|
|
29
|
+
target: e.target,
|
|
29
30
|
teleport: e.teleport
|
|
30
31
|
}, {
|
|
31
|
-
popover:
|
|
32
|
-
f("div",
|
|
33
|
-
e.options && e.options.length ? (t(),
|
|
32
|
+
popover: s(({ open: d }) => [
|
|
33
|
+
f("div", v, [
|
|
34
|
+
e.options && e.options.length ? (t(), a(c, {
|
|
34
35
|
key: 0,
|
|
35
36
|
isDeletable: e.isDeletable,
|
|
36
37
|
modelValue: e.modelValue,
|
|
37
38
|
multiselect: "",
|
|
38
|
-
open:
|
|
39
|
+
open: d,
|
|
39
40
|
options: e.options,
|
|
40
41
|
placeholder: e.placeholder,
|
|
41
42
|
onDelete: o[0] || (o[0] = (l) => e.$emit("delete", l)),
|
|
42
43
|
"onUpdate:modelValue": o[1] || (o[1] = (l) => e.$emit("update:modelValue", l))
|
|
43
|
-
}, null, 8, ["isDeletable", "modelValue", "open", "options", "placeholder"])) :
|
|
44
|
-
e.$slots.actions ? (t(), b("div",
|
|
45
|
-
|
|
46
|
-
])) :
|
|
44
|
+
}, null, 8, ["isDeletable", "modelValue", "open", "options", "placeholder"])) : i("", !0),
|
|
45
|
+
e.$slots.actions ? (t(), b("div", y, [
|
|
46
|
+
p(e.$slots, "actions")
|
|
47
|
+
])) : i("", !0)
|
|
47
48
|
])
|
|
48
49
|
]),
|
|
49
|
-
default:
|
|
50
|
-
|
|
50
|
+
default: s(() => [
|
|
51
|
+
p(e.$slots, "default")
|
|
51
52
|
]),
|
|
52
53
|
_: 3
|
|
53
|
-
}, 8, ["
|
|
54
|
+
}, 8, ["middleware", "placement", "resize", "target", "teleport"]));
|
|
54
55
|
}
|
|
55
56
|
});
|
|
56
57
|
export {
|
|
57
|
-
|
|
58
|
+
h as default
|
|
58
59
|
};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { type ScalarListboxOptionStyle } from '../ScalarListbox';
|
|
1
2
|
type __VLS_Props = {
|
|
2
3
|
active?: boolean;
|
|
3
4
|
selected?: boolean;
|
|
4
|
-
style?:
|
|
5
|
+
style?: ScalarListboxOptionStyle;
|
|
5
6
|
isDeletable?: boolean;
|
|
6
7
|
};
|
|
7
8
|
declare function __VLS_template(): {
|
|
@@ -13,7 +14,11 @@ declare function __VLS_template(): {
|
|
|
13
14
|
rootEl: HTMLLIElement;
|
|
14
15
|
};
|
|
15
16
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
-
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}
|
|
17
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
18
|
+
delete: () => any;
|
|
19
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
20
|
+
onDelete?: (() => any) | undefined;
|
|
21
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
|
|
17
22
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
23
|
export default _default;
|
|
19
24
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"AAuDA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,kBAAkB,CAAA;AAIzB,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,wBAAwB,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AA+BF,iBAAS,cAAc;WA2ET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;4FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|