@scalar/components 0.14.20 → 0.14.22
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/ScalarCodeBlock/ScalarCodeBlock.vue2.js +4 -0
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue3.js +1 -1
- package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js +1 -1
- package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue3.js +4 -0
- package/dist/components/ScalarCombobox/ScalarCombobox.stories.d.ts +29 -60
- package/dist/components/ScalarCombobox/ScalarCombobox.stories.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.d.ts +21 -41
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.js +40 -23
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.test.d.ts +2 -0
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.test.d.ts.map +1 -0
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.d.ts +252 -438
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.js +45 -32
- package/dist/components/ScalarCombobox/ScalarComboboxOption.test.d.ts +2 -0
- package/dist/components/ScalarCombobox/ScalarComboboxOption.test.d.ts.map +1 -0
- package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.d.ts +5 -9
- package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.js +14 -28
- package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.test.d.ts +2 -0
- package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.test.d.ts.map +1 -0
- package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.vue.js +5 -5
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.test.d.ts +2 -0
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.test.d.ts.map +1 -0
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts +22 -29
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.js +3 -3
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue2.js +114 -93
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue3.js +4 -0
- package/dist/components/ScalarCombobox/ScalarComboboxPopover.test.d.ts +2 -0
- package/dist/components/ScalarCombobox/ScalarComboboxPopover.test.d.ts.map +1 -0
- package/dist/components/ScalarCombobox/types.d.ts +18 -7
- package/dist/components/ScalarCombobox/types.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/types.js +6 -6
- package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.js +1 -1
- package/dist/components/ScalarDropdown/ScalarDropdownButton.vue3.js +4 -0
- package/dist/components/ScalarDropdown/ScalarDropdownItem.vue.js +1 -1
- package/dist/components/ScalarDropdown/ScalarDropdownItem.vue3.js +4 -0
- package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.d.ts.map +1 -1
- package/dist/components/ScalarIcon/ScalarIcon.vue.js +1 -1
- package/dist/components/ScalarIcon/ScalarIcon.vue3.js +4 -0
- package/dist/components/ScalarListbox/ScalarListbox.vue.js +25 -25
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts +1 -2
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.js +7 -7
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.d.ts +2 -2
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.js +17 -17
- package/dist/components/ScalarListbox/index.d.ts +1 -1
- package/dist/components/ScalarListbox/index.d.ts.map +1 -1
- package/dist/components/ScalarListbox/types.d.ts +0 -1
- package/dist/components/ScalarListbox/types.d.ts.map +1 -1
- package/dist/components/ScalarLoading/ScalarLoading.vue.js +1 -1
- package/dist/components/ScalarLoading/ScalarLoading.vue3.js +4 -0
- package/dist/components/ScalarMarkdown/ScalarMarkdown.stories.d.ts +5 -0
- package/dist/components/ScalarMarkdown/ScalarMarkdown.stories.d.ts.map +1 -1
- package/dist/components/ScalarMarkdown/ScalarMarkdown.vue.d.ts.map +1 -1
- package/dist/components/ScalarMarkdown/ScalarMarkdown.vue.js +21 -21
- package/dist/components/ScalarMarkdown/ScalarMarkdown.vue2.js +4 -0
- package/dist/components/ScalarMarkdown/ScalarMarkdown.vue3.js +1 -1
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.d.ts.map +1 -1
- package/dist/components/ScalarModal/ScalarModal.vue.js +1 -1
- package/dist/components/ScalarModal/ScalarModal.vue3.js +4 -0
- package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue.js +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue3.js +4 -0
- package/dist/components/ScalarSidebar/ScalarSidebarItems.vue2.js +4 -0
- package/dist/components/ScalarSidebar/ScalarSidebarItems.vue3.js +1 -1
- package/dist/components/ScalarTooltip/ScalarTooltip.vue.d.ts.map +1 -1
- package/dist/components/ScalarTooltip/ScalarTooltip.vue2.js +4 -0
- package/dist/components/ScalarTooltip/ScalarTooltip.vue3.js +1 -1
- package/dist/docs/icons/ScalarIcons.stories.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +5 -5
- package/dist/style.css +1 -1
- package/dist/style.css.js +4 -0
- package/package.json +11 -10
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScalarComboboxPopover.test.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxPopover.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,21 +1,32 @@
|
|
|
1
1
|
export type Option = {
|
|
2
2
|
id: string;
|
|
3
3
|
label: string;
|
|
4
|
-
isDeletable?: boolean;
|
|
5
|
-
[x: string]: any;
|
|
6
4
|
};
|
|
7
|
-
export type OptionGroup = {
|
|
5
|
+
export type OptionGroup<O extends Option = Option> = {
|
|
8
6
|
label: string;
|
|
9
|
-
options:
|
|
7
|
+
options: O[];
|
|
10
8
|
};
|
|
9
|
+
export type OptionsOrGroups<O extends Option = Option, G extends OptionGroup<O> = OptionGroup<O>> = O[] | G[];
|
|
11
10
|
/** Type guard to check if an option is a group */
|
|
12
|
-
export declare function isGroup(option: Option | OptionGroup): option is OptionGroup;
|
|
11
|
+
export declare function isGroup(option: Option | OptionGroup | undefined): option is OptionGroup;
|
|
13
12
|
/** Type guard to check if an array of options is an array of groups */
|
|
14
13
|
export declare function isGroups(options: Option[] | OptionGroup[]): options is OptionGroup[];
|
|
15
14
|
/** Available slots for the combobox */
|
|
16
|
-
export type ComboboxSlots = {
|
|
15
|
+
export type ComboboxSlots<O extends Option = Option, G extends OptionGroup<O> = OptionGroup<O>> = {
|
|
17
16
|
/** The reference element / trigger for the combobox */
|
|
18
|
-
default(
|
|
17
|
+
default(props: {
|
|
18
|
+
open: boolean;
|
|
19
|
+
}): unknown;
|
|
20
|
+
/** A template to override the option label */
|
|
21
|
+
option?(props: {
|
|
22
|
+
option: O;
|
|
23
|
+
active: boolean;
|
|
24
|
+
selected: boolean;
|
|
25
|
+
}): unknown;
|
|
26
|
+
/** A template to override the group label */
|
|
27
|
+
group?(props: {
|
|
28
|
+
group: G;
|
|
29
|
+
}): unknown;
|
|
19
30
|
/** A slot for contents before the combobox options */
|
|
20
31
|
before?(): unknown;
|
|
21
32
|
/** A slot for contents after the combobox options */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,EAAE,CAAA;CACb,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;AAE7G,kDAAkD;AAClD,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,IAAI,WAAW,CAEvF;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,IAAI,WAAW,EAAE,CAKpF;AAED,uCAAuC;AACvC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI;IAChG,uDAAuD;IACvD,OAAO,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IAC1C,8CAA8C;IAC9C,MAAM,CAAC,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IAC1E,6CAA6C;IAC7C,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,GAAG,OAAO,CAAA;IACpC,sDAAsD;IACtD,MAAM,CAAC,IAAI,OAAO,CAAA;IAClB,qDAAqD;IACrD,KAAK,CAAC,IAAI,OAAO,CAAA;CAClB,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
function
|
|
2
|
-
return
|
|
1
|
+
function u(r) {
|
|
2
|
+
return (r == null ? void 0 : r.options) !== void 0;
|
|
3
3
|
}
|
|
4
|
-
function r
|
|
5
|
-
return
|
|
4
|
+
function e(r) {
|
|
5
|
+
return r[0] ? u(r[0]) : !1;
|
|
6
6
|
}
|
|
7
7
|
export {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
u as isGroup,
|
|
9
|
+
e as isGroups
|
|
10
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarFileUploadInputCompact.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarFileUploadInputCompact.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAEV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAIhB;;;;;;;GAOG;;;;;;AACH,wBAwGC;AAWD,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 c, createBlock as i, openBlock as o, unref as t, withCtx as l, createCommentVNode as
|
|
2
|
-
import { Listbox as
|
|
3
|
-
import { useBindCx as
|
|
4
|
-
import
|
|
1
|
+
import { defineComponent as c, createBlock as i, openBlock as o, unref as t, withCtx as l, createCommentVNode as n, createVNode as r, createTextVNode as b, toDisplayString as V, mergeProps as p, renderSlot as y, createElementBlock as u, createElementVNode as B, Fragment as _, renderList as g } from "vue";
|
|
2
|
+
import { Listbox as L, ListboxLabel as k, ListboxButton as x, ListboxOptions as $ } from "@headlessui/vue";
|
|
3
|
+
import { useBindCx as h } from "@scalar/use-hooks/useBindCx";
|
|
4
|
+
import N from "./ScalarListboxItem.vue.js";
|
|
5
5
|
import C from "../ScalarFloating/ScalarFloating.vue.js";
|
|
6
|
-
import
|
|
7
|
-
const
|
|
6
|
+
import S from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
|
|
7
|
+
const v = { class: "custom-scroll min-h-0 flex-1" }, D = /* @__PURE__ */ c({
|
|
8
8
|
inheritAttrs: !1,
|
|
9
9
|
__name: "ScalarListbox",
|
|
10
10
|
props: {
|
|
@@ -21,53 +21,53 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, P = /* @__PURE__ */ c({
|
|
|
21
21
|
teleport: { type: [Boolean, String] }
|
|
22
22
|
},
|
|
23
23
|
emits: ["update:modelValue"],
|
|
24
|
-
setup(
|
|
25
|
-
const { cx:
|
|
26
|
-
return (e, m) => (o(), i(t(
|
|
24
|
+
setup(w) {
|
|
25
|
+
const { cx: d } = h();
|
|
26
|
+
return (e, m) => (o(), i(t(L), {
|
|
27
27
|
modelValue: e.modelValue,
|
|
28
28
|
multiple: e.multiple,
|
|
29
29
|
"onUpdate:modelValue": m[0] || (m[0] = (a) => e.$emit("update:modelValue", a))
|
|
30
30
|
}, {
|
|
31
31
|
default: l(({ open: a }) => [
|
|
32
|
-
e.label ? (o(), i(t(
|
|
32
|
+
e.label ? (o(), i(t(k), {
|
|
33
33
|
key: 0,
|
|
34
34
|
class: "sr-only"
|
|
35
35
|
}, {
|
|
36
36
|
default: l(() => [
|
|
37
|
-
b(
|
|
37
|
+
b(V(e.label), 1)
|
|
38
38
|
]),
|
|
39
39
|
_: 1
|
|
40
|
-
})) :
|
|
40
|
+
})) : n("", !0),
|
|
41
41
|
r(t(C), p(e.$props, {
|
|
42
42
|
placement: e.placement ?? "bottom-start"
|
|
43
43
|
}), {
|
|
44
44
|
floating: l(({ width: f }) => [
|
|
45
|
-
a ? (o(),
|
|
45
|
+
a ? (o(), u("div", p({
|
|
46
46
|
key: 0,
|
|
47
47
|
style: { width: f }
|
|
48
|
-
}, t(
|
|
49
|
-
B("div",
|
|
48
|
+
}, t(d)("relative flex max-h-[inherit] w-40 rounded text-sm")), [
|
|
49
|
+
B("div", v, [
|
|
50
50
|
r(t($), { class: "flex flex-col gap-0.75 p-0.75 -outline-offset-1" }, {
|
|
51
51
|
default: l(() => [
|
|
52
|
-
(o(!0),
|
|
53
|
-
key:
|
|
54
|
-
option:
|
|
55
|
-
|
|
56
|
-
}, null, 8, ["option", "
|
|
52
|
+
(o(!0), u(_, null, g(e.options, (s) => (o(), i(N, {
|
|
53
|
+
key: s.id,
|
|
54
|
+
option: s,
|
|
55
|
+
multiselect: e.multiple
|
|
56
|
+
}, null, 8, ["option", "multiselect"]))), 128))
|
|
57
57
|
]),
|
|
58
58
|
_: 1
|
|
59
59
|
})
|
|
60
60
|
]),
|
|
61
|
-
r(t(
|
|
62
|
-
], 16)) :
|
|
61
|
+
r(t(S))
|
|
62
|
+
], 16)) : n("", !0)
|
|
63
63
|
]),
|
|
64
64
|
default: l(() => [
|
|
65
|
-
r(t(
|
|
65
|
+
r(t(x), {
|
|
66
66
|
id: e.id,
|
|
67
67
|
as: "template"
|
|
68
68
|
}, {
|
|
69
69
|
default: l(() => [
|
|
70
|
-
|
|
70
|
+
y(e.$slots, "default", { open: a })
|
|
71
71
|
]),
|
|
72
72
|
_: 2
|
|
73
73
|
}, 1032, ["id"])
|
|
@@ -80,5 +80,5 @@ const w = { class: "custom-scroll min-h-0 flex-1" }, P = /* @__PURE__ */ c({
|
|
|
80
80
|
}
|
|
81
81
|
});
|
|
82
82
|
export {
|
|
83
|
-
|
|
83
|
+
D as default
|
|
84
84
|
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import type { OptionStyle } from './types';
|
|
2
1
|
type __VLS_Props = {
|
|
3
2
|
selected?: boolean;
|
|
4
|
-
|
|
3
|
+
multiselect?: boolean;
|
|
5
4
|
};
|
|
6
5
|
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
7
6
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarListboxCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListboxCheckbox.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarListboxCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListboxCheckbox.vue"],"names":[],"mappings":"AA2BA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAuEF,wBAOG"}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { defineComponent as o, createElementBlock as r, openBlock as t, normalizeClass as c, createBlock as
|
|
2
|
-
import { ScalarIconCheck as
|
|
1
|
+
import { defineComponent as o, createElementBlock as r, openBlock as t, normalizeClass as c, createBlock as l, createCommentVNode as s, unref as n } from "vue";
|
|
2
|
+
import { ScalarIconCheck as a } from "@scalar/icons";
|
|
3
3
|
const u = /* @__PURE__ */ o({
|
|
4
4
|
__name: "ScalarListboxCheckbox",
|
|
5
5
|
props: {
|
|
6
6
|
selected: { type: Boolean },
|
|
7
|
-
|
|
7
|
+
multiselect: { type: Boolean }
|
|
8
8
|
},
|
|
9
9
|
setup(d) {
|
|
10
|
-
return (e,
|
|
10
|
+
return (e, i) => (t(), r("div", {
|
|
11
11
|
class: c(["flex size-4 items-center justify-center p-0.75", [
|
|
12
12
|
e.selected ? "bg-c-accent text-b-1" : "text-transparent shadow-border",
|
|
13
|
-
e.
|
|
13
|
+
e.multiselect ? "rounded" : "rounded-full"
|
|
14
14
|
]])
|
|
15
15
|
}, [
|
|
16
|
-
e.selected ? (t(),
|
|
16
|
+
e.selected ? (t(), l(n(a), {
|
|
17
17
|
key: 0,
|
|
18
18
|
class: "size-3",
|
|
19
19
|
weight: "bold"
|
|
20
|
-
})) :
|
|
20
|
+
})) : s("", !0)
|
|
21
21
|
], 2));
|
|
22
22
|
}
|
|
23
23
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { Option
|
|
1
|
+
import type { Option } from './types';
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
option: Option;
|
|
4
|
-
|
|
4
|
+
multiselect?: boolean;
|
|
5
5
|
};
|
|
6
6
|
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
7
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarListboxItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListboxItem.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"ScalarListboxItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListboxItem.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIrC,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAmGF,wBAOG"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { ListboxOption as
|
|
3
|
-
import { cva as
|
|
4
|
-
import
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as r, createBlock as s, openBlock as p, unref as t, withCtx as c, createElementVNode as i, normalizeClass as a, createVNode as m, toDisplayString as u } from "vue";
|
|
2
|
+
import { ListboxOption as d } from "@headlessui/vue";
|
|
3
|
+
import { cva as b, cx as f } from "@scalar/use-hooks/useBindCx";
|
|
4
|
+
import v from "./ScalarListboxCheckbox.vue.js";
|
|
5
|
+
const w = /* @__PURE__ */ r({
|
|
6
6
|
__name: "ScalarListboxItem",
|
|
7
7
|
props: {
|
|
8
8
|
option: {},
|
|
9
|
-
|
|
9
|
+
multiselect: { type: Boolean }
|
|
10
10
|
},
|
|
11
11
|
setup(g) {
|
|
12
|
-
const
|
|
12
|
+
const n = b({
|
|
13
13
|
base: [
|
|
14
14
|
// Layout
|
|
15
15
|
"group/item",
|
|
@@ -25,21 +25,21 @@ const C = /* @__PURE__ */ l({
|
|
|
25
25
|
disabled: { true: "pointer-events-none opacity-50" }
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
return (e, x) => (p(), s(t(
|
|
28
|
+
return (e, x) => (p(), s(t(d), {
|
|
29
29
|
as: "template",
|
|
30
30
|
disabled: e.option.disabled,
|
|
31
31
|
value: e.option
|
|
32
32
|
}, {
|
|
33
|
-
default: c(({ active:
|
|
34
|
-
|
|
35
|
-
class:
|
|
33
|
+
default: c(({ active: l, selected: o }) => [
|
|
34
|
+
i("li", {
|
|
35
|
+
class: a(t(f)(t(n)({ active: l, selected: o, disabled: e.option.disabled })))
|
|
36
36
|
}, [
|
|
37
|
-
m(
|
|
37
|
+
m(v, {
|
|
38
38
|
selected: o,
|
|
39
|
-
|
|
40
|
-
}, null, 8, ["selected", "
|
|
41
|
-
|
|
42
|
-
class:
|
|
39
|
+
multiselect: e.multiselect
|
|
40
|
+
}, null, 8, ["selected", "multiselect"]),
|
|
41
|
+
i("span", {
|
|
42
|
+
class: a(["inline-block min-w-0 flex-1 truncate", e.option.color ? e.option.color : "text-c-1"])
|
|
43
43
|
}, u(e.option.label), 3)
|
|
44
44
|
], 2)
|
|
45
45
|
]),
|
|
@@ -48,5 +48,5 @@ const C = /* @__PURE__ */ l({
|
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
50
|
export {
|
|
51
|
-
|
|
51
|
+
w as default
|
|
52
52
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as ScalarListbox } from './ScalarListbox.vue.js';
|
|
2
2
|
export { default as ScalarListboxItem } from './ScalarListboxItem.vue.js';
|
|
3
3
|
export { default as ScalarListboxCheckbox } from './ScalarListboxCheckbox.vue.js';
|
|
4
|
-
export type { Option as ScalarListboxOption
|
|
4
|
+
export type { Option as ScalarListboxOption } from './types';
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE9E,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAE9E,YAAY,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CACjB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import o from "./ScalarLoading.vue2.js";
|
|
2
2
|
import { useLoadingState as i } from "./ScalarLoading.vue2.js";
|
|
3
|
-
|
|
3
|
+
import "./ScalarLoading.vue3.js";
|
|
4
4
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
5
|
const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f525638b"]]);
|
|
6
6
|
export {
|
|
@@ -25,6 +25,11 @@ declare const meta: {
|
|
|
25
25
|
withImages: boolean;
|
|
26
26
|
withAnchors: boolean;
|
|
27
27
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
28
|
+
argTypes: {
|
|
29
|
+
class: {
|
|
30
|
+
control: "text";
|
|
31
|
+
};
|
|
32
|
+
};
|
|
28
33
|
tags: string[];
|
|
29
34
|
render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
|
|
30
35
|
value?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMarkdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"ScalarMarkdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAA4C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"AAkrBA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;;gBAPa,OAAO;iBAKN,OAAO;;AAmHzB,wBAQG"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as f, computed as p,
|
|
2
|
-
import { htmlFromMarkdown as
|
|
3
|
-
import { cx as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as f, computed as p, createElementBlock as h, openBlock as u, normalizeStyle as d, normalizeClass as g, unref as w } from "vue";
|
|
2
|
+
import { htmlFromMarkdown as y } from "@scalar/code-highlight";
|
|
3
|
+
import { cx as T } from "@scalar/use-hooks/useBindCx";
|
|
4
|
+
const v = ["innerHTML"], _ = /* @__PURE__ */ f({
|
|
5
5
|
__name: "ScalarMarkdown",
|
|
6
6
|
props: {
|
|
7
7
|
value: {},
|
|
@@ -14,30 +14,30 @@ const k = ["innerHTML"], _ = /* @__PURE__ */ f({
|
|
|
14
14
|
anchorPrefix: {}
|
|
15
15
|
},
|
|
16
16
|
setup(s) {
|
|
17
|
-
const
|
|
17
|
+
const r = s, l = (e) => {
|
|
18
18
|
var a, n, o;
|
|
19
|
-
if (!
|
|
20
|
-
return ((a =
|
|
21
|
-
const t = (((o = (n =
|
|
22
|
-
return
|
|
19
|
+
if (!r.withAnchors)
|
|
20
|
+
return ((a = r.transform) == null ? void 0 : a.call(r, e)) || e;
|
|
21
|
+
const t = (((o = (n = e.children) == null ? void 0 : n[0]) == null ? void 0 : o.value) || "").toLowerCase().replace(/\s+/g, "-"), c = r.anchorPrefix ? `${r.anchorPrefix}/description/${t}` : t;
|
|
22
|
+
return e.data = {
|
|
23
23
|
hProperties: {
|
|
24
24
|
id: c
|
|
25
25
|
}
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
removeTags:
|
|
29
|
-
transform:
|
|
30
|
-
transformType:
|
|
26
|
+
}, r.transform ? r.transform(e) : e;
|
|
27
|
+
}, i = p(() => y(r.value ?? "", {
|
|
28
|
+
removeTags: r.withImages ? [] : ["img", "picture"],
|
|
29
|
+
transform: r.withAnchors && r.transformType === "heading" ? l : r.transform,
|
|
30
|
+
transformType: r.transformType
|
|
31
31
|
}));
|
|
32
|
-
return
|
|
33
|
-
class:
|
|
34
|
-
|
|
32
|
+
return (e, m) => (u(), h("div", {
|
|
33
|
+
class: g(
|
|
34
|
+
w(T)("markdown text-ellipsis", { "line-clamp-4": e.clamp }, r.class)
|
|
35
35
|
),
|
|
36
|
-
style:
|
|
37
|
-
"-webkit-line-clamp": typeof
|
|
36
|
+
style: d({
|
|
37
|
+
"-webkit-line-clamp": typeof e.clamp == "string" ? e.clamp : void 0
|
|
38
38
|
}),
|
|
39
|
-
innerHTML:
|
|
40
|
-
}, null, 14,
|
|
39
|
+
innerHTML: i.value
|
|
40
|
+
}, null, 14, v));
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuResources.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ScalarMenuResources.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"names":[],"mappings":";AAqIA,wBAMG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuTeamProfile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuTeamProfile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"names":[],"mappings":"AA6CA,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AA6FF,wBAMG"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import o from "./ScalarModal.vue2.js";
|
|
2
2
|
import { useModal as s } from "./ScalarModal.vue2.js";
|
|
3
|
-
|
|
3
|
+
import "./ScalarModal.vue3.js";
|
|
4
4
|
import a from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
5
|
const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-589f8aa0"]]);
|
|
6
6
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"AA4EA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAKrD;;;;;;;;;GASG;;cAIS,MAAM;YACR,MAAM;gBACF,sBAAsB;aACzB,MAAM;;cAHL,MAAM;YACR,MAAM;gBACF,sBAAsB;aACzB,MAAM;;qBA0DY,GAAG;;AAhEhC,wBAkGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
package/dist/index.d.ts
CHANGED