@scalar/components 0.13.12 → 0.13.13
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/ScalarDropdown/ScalarDropdownButton.vue.d.ts +5 -6
- package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.js +2 -2
- package/dist/components/ScalarDropdown/ScalarDropdownButton.vue2.js +19 -17
- package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue.js +7 -7
- package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts +1 -1
- package/dist/components/ScalarIcon/icons/UserSwitch.svg.js +20 -0
- package/dist/components/ScalarIcon/icons/index.d.ts +1 -1
- package/dist/components/ScalarIcon/icons/index.d.ts.map +1 -1
- package/dist/components/ScalarIcon/icons/programming-language-dart.svg.js +16 -0
- package/dist/components/ScalarIcon/utils/index.js +154 -150
- package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts +1 -1
- package/dist/components/ScalarMenu/ScalarMenu.stories.d.ts +12 -13
- package/dist/components/ScalarMenu/ScalarMenu.stories.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenu.vue.d.ts +1 -2
- package/dist/components/ScalarMenu/ScalarMenu.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenu.vue.js +62 -59
- package/dist/components/ScalarMenu/ScalarMenuButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuButton.vue.js +15 -21
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts +3 -0
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.js +31 -19
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts +3 -1
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.js +20 -18
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.js +21 -12
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.d.ts +0 -1
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.js +9 -14
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts +9 -5
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.js +97 -43
- package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.d.ts +7 -0
- package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.js +39 -0
- package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue2.js +4 -0
- package/dist/components/ScalarMenu/index.d.ts +2 -0
- package/dist/components/ScalarMenu/index.d.ts.map +1 -1
- package/dist/components/ScalarMenu/types.d.ts +11 -4
- package/dist/components/ScalarMenu/types.d.ts.map +1 -1
- package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.d.ts.map +1 -1
- package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.js +11 -11
- package/dist/index.js +72 -70
- package/dist/style.css +1 -1
- package/package.json +3 -3
|
@@ -1,53 +1,107 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
1
|
+
import { defineComponent as g, computed as b, openBlock as n, createBlock as u, unref as e, withCtx as o, createVNode as a, mergeProps as v, createElementVNode as k, createElementBlock as x, Fragment as C, renderList as S, createTextVNode as w } from "vue";
|
|
2
|
+
import { DropdownMenu as m } from "radix-vue/namespaced";
|
|
3
|
+
import V from "./ScalarMenuTeamProfile.vue.js";
|
|
4
|
+
import $ from "./ScalarMenuLink.vue.js";
|
|
5
|
+
import B from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
|
|
6
|
+
import p from "../ScalarDropdown/ScalarDropdownButton.vue.js";
|
|
7
|
+
import I from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
|
|
8
|
+
import f from "../ScalarIcon/ScalarIcon.vue.js";
|
|
9
|
+
const M = /* @__PURE__ */ g({
|
|
7
10
|
inheritAttrs: !1,
|
|
8
11
|
__name: "ScalarMenuTeamPicker",
|
|
9
12
|
props: {
|
|
10
13
|
team: {},
|
|
11
14
|
teams: {}
|
|
12
15
|
},
|
|
13
|
-
emits: ["update:team"],
|
|
14
|
-
setup(
|
|
15
|
-
const i =
|
|
16
|
-
get: () =>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
16
|
+
emits: ["update:team", "add"],
|
|
17
|
+
setup(c, { emit: _ }) {
|
|
18
|
+
const i = c, d = _, s = b({
|
|
19
|
+
get: () => {
|
|
20
|
+
var r;
|
|
21
|
+
return (r = i.team) == null ? void 0 : r.id;
|
|
22
|
+
},
|
|
23
|
+
set: (r) => d(
|
|
24
|
+
"update:team",
|
|
25
|
+
i.teams.find((t) => t.id === r)
|
|
26
|
+
)
|
|
27
|
+
});
|
|
28
|
+
return (r, t) => (n(), u(e(m).Sub, null, {
|
|
29
|
+
default: o(() => [
|
|
30
|
+
a(e($), v({
|
|
31
|
+
is: e(m).SubTrigger,
|
|
32
|
+
icon: "UserSwitch"
|
|
33
|
+
}, r.$attrs), {
|
|
34
|
+
default: o(() => [
|
|
35
|
+
t[2] || (t[2] = k("div", null, "Change team", -1)),
|
|
36
|
+
a(e(f), {
|
|
37
|
+
class: "ml-auto text-c-2 -mr-0.25",
|
|
38
|
+
icon: "ChevronRight",
|
|
39
|
+
size: "sm"
|
|
40
|
+
})
|
|
41
|
+
]),
|
|
42
|
+
_: 1
|
|
43
|
+
}, 16, ["is"]),
|
|
44
|
+
a(e(m).Portal, null, {
|
|
45
|
+
default: o(() => [
|
|
46
|
+
a(e(m).SubContent, {
|
|
47
|
+
as: e(B),
|
|
48
|
+
class: "max-h-radix-popper",
|
|
49
|
+
sideOffset: 3
|
|
50
|
+
}, {
|
|
51
|
+
default: o(() => [
|
|
52
|
+
a(e(m).RadioGroup, {
|
|
53
|
+
modelValue: s.value,
|
|
54
|
+
"onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
|
|
55
|
+
as: "template"
|
|
56
|
+
}, {
|
|
57
|
+
default: o(() => [
|
|
58
|
+
(n(!0), x(C, null, S(r.teams, (l) => (n(), u(e(m).RadioItem, {
|
|
59
|
+
key: l.id,
|
|
60
|
+
as: e(p),
|
|
61
|
+
class: "group/item",
|
|
62
|
+
value: l.id
|
|
63
|
+
}, {
|
|
64
|
+
default: o(() => [
|
|
65
|
+
a(V, {
|
|
66
|
+
class: "-ml-0.75 flex-1 min-w-0",
|
|
67
|
+
label: l.label,
|
|
68
|
+
src: l.src
|
|
69
|
+
}, null, 8, ["label", "src"]),
|
|
70
|
+
a(e(I), {
|
|
71
|
+
class: "ml-auto",
|
|
72
|
+
selected: l.id === s.value
|
|
73
|
+
}, null, 8, ["selected"])
|
|
74
|
+
]),
|
|
75
|
+
_: 2
|
|
76
|
+
}, 1032, ["as", "value"]))), 128))
|
|
77
|
+
]),
|
|
78
|
+
_: 1
|
|
79
|
+
}, 8, ["modelValue"]),
|
|
80
|
+
a(e(m).Item, {
|
|
81
|
+
as: e(p),
|
|
82
|
+
onClick: t[1] || (t[1] = (l) => d("add"))
|
|
83
|
+
}, {
|
|
84
|
+
default: o(() => [
|
|
85
|
+
a(e(f), {
|
|
86
|
+
class: "bg-b-3 -ml-0.75 rounded p-0.75 size-5 text-c-3",
|
|
87
|
+
icon: "Add",
|
|
88
|
+
thickness: "1.75"
|
|
89
|
+
}),
|
|
90
|
+
t[3] || (t[3] = w(" Create new team "))
|
|
91
|
+
]),
|
|
92
|
+
_: 1
|
|
93
|
+
}, 8, ["as"])
|
|
94
|
+
]),
|
|
95
|
+
_: 1
|
|
96
|
+
}, 8, ["as"])
|
|
97
|
+
]),
|
|
98
|
+
_: 1
|
|
99
|
+
})
|
|
100
|
+
]),
|
|
101
|
+
_: 1
|
|
102
|
+
}));
|
|
49
103
|
}
|
|
50
104
|
});
|
|
51
105
|
export {
|
|
52
|
-
|
|
106
|
+
M as default
|
|
53
107
|
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
src?: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
};
|
|
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, {}, any>;
|
|
6
|
+
export default _default;
|
|
7
|
+
//# sourceMappingURL=ScalarMenuTeamProfile.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScalarMenuTeamProfile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AA4FF,wBAMG"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { defineComponent as n, openBlock as r, createElementBlock as s, normalizeProps as a, guardReactiveProps as i, unref as t, Fragment as c, createTextVNode as m, toDisplayString as l, createBlock as d, createCommentVNode as u } from "vue";
|
|
2
|
+
import { useBindCx as f } from "../../hooks/useBindCx.js";
|
|
3
|
+
import p from "../ScalarIcon/ScalarIcon.vue.js";
|
|
4
|
+
const b = ["src"], g = {
|
|
5
|
+
key: 1,
|
|
6
|
+
class: "flex items-center justify-center text-3xs font-medium text-c-3 size-5 bg-b-3 rounded"
|
|
7
|
+
}, h = {
|
|
8
|
+
key: 2,
|
|
9
|
+
class: "flex-1 truncate"
|
|
10
|
+
}, z = /* @__PURE__ */ n({
|
|
11
|
+
inheritAttrs: !1,
|
|
12
|
+
__name: "ScalarMenuTeamProfile",
|
|
13
|
+
props: {
|
|
14
|
+
src: {},
|
|
15
|
+
label: {}
|
|
16
|
+
},
|
|
17
|
+
setup(k) {
|
|
18
|
+
const { cx: o } = f();
|
|
19
|
+
return (e, y) => (r(), s("div", a(i(t(o)("flex h-full items-center gap-1"))), [
|
|
20
|
+
e.src ? (r(), s("img", {
|
|
21
|
+
key: 0,
|
|
22
|
+
class: "size-5 rounded",
|
|
23
|
+
src: e.src
|
|
24
|
+
}, null, 8, b)) : (r(), s("div", g, [
|
|
25
|
+
e.label && e.label.length > 0 ? (r(), s(c, { key: 0 }, [
|
|
26
|
+
m(l(e.label[0]), 1)
|
|
27
|
+
], 64)) : (r(), d(t(p), {
|
|
28
|
+
key: 1,
|
|
29
|
+
icon: "Users",
|
|
30
|
+
size: "xs"
|
|
31
|
+
}))
|
|
32
|
+
])),
|
|
33
|
+
e.label && e.label.length > 0 ? (r(), s("div", h, l(e.label), 1)) : u("", !0)
|
|
34
|
+
], 16));
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
export {
|
|
38
|
+
z as default
|
|
39
|
+
};
|
|
@@ -5,5 +5,7 @@ export { default as ScalarMenuLink } from './ScalarMenuLink.vue.js';
|
|
|
5
5
|
export { default as ScalarMenuProduct } from './ScalarMenuProduct.vue.js';
|
|
6
6
|
export { default as ScalarMenuProducts } from './ScalarMenuProducts.vue.js';
|
|
7
7
|
export { default as ScalarMenuTeamPicker } from './ScalarMenuTeamPicker.vue.js';
|
|
8
|
+
export { default as ScalarMenuTeamProfile } from './ScalarMenuTeamProfile.vue.js';
|
|
8
9
|
export { default as ScalarMenuResources } from './ScalarMenuResources.vue.js';
|
|
10
|
+
export type { ScalarMenuTeamOption } from './types';
|
|
9
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -1,21 +1,28 @@
|
|
|
1
|
+
import type { ScalarListboxOption } from '../../index.js';
|
|
2
|
+
/**
|
|
3
|
+
* A team option for the ScalarMenuTeamPicker component
|
|
4
|
+
* @see {@link ScalarMenuTeamPicker}
|
|
5
|
+
*/
|
|
6
|
+
export type ScalarMenuTeamOption = ScalarListboxOption & {
|
|
7
|
+
/** The team's profile image */
|
|
8
|
+
src?: string;
|
|
9
|
+
};
|
|
1
10
|
/**
|
|
2
11
|
* Slots for the ScalarMenuButton component
|
|
3
12
|
* @see {@link ScalarMenuButton}
|
|
4
13
|
*/
|
|
5
14
|
export type ScalarMenuButtonSlots = {
|
|
6
|
-
/** Adds a label to the menu button next to the logo */
|
|
7
|
-
'label'?: () => any;
|
|
8
15
|
/**
|
|
9
16
|
* Overrides the logo in the menu button
|
|
10
17
|
* @default <ScalarIcon icon="Logo" />
|
|
11
18
|
* @example <img class="h-full aspect-square bg-b-3 rounded" :src="..." />
|
|
12
19
|
*/
|
|
13
|
-
|
|
20
|
+
logo?: () => any;
|
|
14
21
|
/**
|
|
15
22
|
* Overrides the screen reader label in the menu button
|
|
16
23
|
* @default open ? 'Close Menu' : 'Open Menu'
|
|
17
24
|
*/
|
|
18
|
-
|
|
25
|
+
label?: () => any;
|
|
19
26
|
};
|
|
20
27
|
/**
|
|
21
28
|
* Props for the ScalarMenuButton component and the ScalarMenu button slot
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAKhD;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,+BAA+B;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,CAAA;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,CAAA;CAClB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,+BAA+B;IAC/B,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,mCAAmC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarVirtualText.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarVirtualText/ScalarVirtualText.vue"],"names":[],"mappings":"AA4HA,KAAK,WAAW,GAAG;IACf,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;gBAJa,MAAM;oBACF,MAAM;kBACR,MAAM;eACT,MAAM;;
|
|
1
|
+
{"version":3,"file":"ScalarVirtualText.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarVirtualText/ScalarVirtualText.vue"],"names":[],"mappings":"AA4HA,KAAK,WAAW,GAAG;IACf,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;gBAJa,MAAM;oBACF,MAAM;kBACR,MAAM;eACT,MAAM;;AAiKtB,wBAQG"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const B = /* @__PURE__ */
|
|
1
|
+
import { defineComponent as b, ref as o, computed as t, onMounted as w, onBeforeUnmount as E, watchEffect as k, openBlock as v, createElementBlock as f, normalizeClass as h, createElementVNode as _, normalizeStyle as m, Fragment as $, renderList as z, toDisplayString as L } from "vue";
|
|
2
|
+
const B = /* @__PURE__ */ b({
|
|
3
3
|
__name: "ScalarVirtualText",
|
|
4
4
|
props: {
|
|
5
5
|
text: {},
|
|
@@ -20,8 +20,8 @@ const B = /* @__PURE__ */ S({
|
|
|
20
20
|
l.value.length
|
|
21
21
|
)
|
|
22
22
|
), y = t(() => {
|
|
23
|
-
const
|
|
24
|
-
return l.value.slice(
|
|
23
|
+
const g = Math.max(0, a.value - 10), u = Math.min(l.value.length, H.value + 10);
|
|
24
|
+
return l.value.slice(g, u);
|
|
25
25
|
}), C = t(() => ({
|
|
26
26
|
height: `${x.value}px`,
|
|
27
27
|
transform: `translateY(${Math.max(0, a.value - 10) * e.lineHeight}px)`
|
|
@@ -32,22 +32,22 @@ const B = /* @__PURE__ */ S({
|
|
|
32
32
|
window.removeEventListener("resize", c);
|
|
33
33
|
}), k(() => {
|
|
34
34
|
s.value && (s.value.style.transform = `translateY(${Math.max(0, a.value - 10) * e.lineHeight}px)`);
|
|
35
|
-
}), (i,
|
|
35
|
+
}), (i, g) => (v(), f("div", {
|
|
36
36
|
ref_key: "containerRef",
|
|
37
37
|
ref: n,
|
|
38
|
-
class: h(["scalar-virtual-text
|
|
38
|
+
class: h(["scalar-virtual-text overflow-auto", i.containerClass]),
|
|
39
39
|
onScroll: M
|
|
40
40
|
}, [
|
|
41
41
|
_("code", {
|
|
42
42
|
ref_key: "contentRef",
|
|
43
43
|
ref: s,
|
|
44
|
-
class: h(["scalar-virtual-text-content
|
|
45
|
-
style:
|
|
44
|
+
class: h(["scalar-virtual-text-content", i.contentClass]),
|
|
45
|
+
style: m(C.value)
|
|
46
46
|
}, [
|
|
47
|
-
(v(!0), f($, null, z(y.value, (u,
|
|
48
|
-
key: a.value +
|
|
47
|
+
(v(!0), f($, null, z(y.value, (u, S) => (v(), f("div", {
|
|
48
|
+
key: a.value + S,
|
|
49
49
|
class: h(["scalar-virtual-text-line", i.lineClass]),
|
|
50
|
-
style:
|
|
50
|
+
style: m({
|
|
51
51
|
height: `${e.lineHeight}px`,
|
|
52
52
|
lineHeight: `${e.lineHeight}px`
|
|
53
53
|
})
|
package/dist/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
import { useBindCx as l } from "./hooks/useBindCx.js";
|
|
3
3
|
import { compose as u, cva as d, cx as p, tw as s } from "./cva.js";
|
|
4
|
-
import { default as
|
|
4
|
+
import { default as x } from "./components/ScalarButton/ScalarButton.vue.js";
|
|
5
5
|
import { default as S } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
|
|
6
6
|
/* empty css */
|
|
7
7
|
import { default as i } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
|
|
8
8
|
import { default as T } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
|
|
9
9
|
import { default as L } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
|
|
10
10
|
import { default as w } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
11
|
+
import { default as P } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
|
|
12
|
+
import { default as I } from "./components/ScalarHeader/ScalarHeader.vue.js";
|
|
13
13
|
import { default as k } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
|
|
14
14
|
import { default as h } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
|
|
15
15
|
import { default as E } from "./components/ScalarListbox/ScalarListbox.vue.js";
|
|
@@ -17,88 +17,90 @@ import { default as y } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js"
|
|
|
17
17
|
/* empty css */
|
|
18
18
|
import { default as O } from "./components/ScalarMenu/ScalarMenu.vue.js";
|
|
19
19
|
import { default as Y } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
|
|
20
|
-
import { default as j } from "./components/
|
|
21
|
-
import { default as z } from "./components/ScalarSearchResults/
|
|
22
|
-
import { default as G } from "./components/
|
|
23
|
-
import { default as K } from "./components/
|
|
24
|
-
import { default as Q } from "./components/
|
|
25
|
-
import { default as W } from "./components/
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import { default as oa } from "./components/ScalarDropdown/
|
|
29
|
-
import { default as ta } from "./components/ScalarDropdown/
|
|
30
|
-
import { default as fa } from "./components/ScalarDropdown/
|
|
31
|
-
import { default as da } from "./components/
|
|
32
|
-
import { default as sa } from "./components/
|
|
33
|
-
import { default as
|
|
34
|
-
import { default as Sa } from "./components/ScalarListbox/
|
|
35
|
-
import { default as ia } from "./components/
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import { default as wa } from "./components/ScalarMenu/
|
|
39
|
-
import { default as
|
|
40
|
-
import { default as
|
|
41
|
-
import { default as ka } from "./components/ScalarMenu/
|
|
42
|
-
import { default as ha } from "./components/ScalarMenu/
|
|
43
|
-
import { default as Ea } from "./components/
|
|
44
|
-
import {
|
|
45
|
-
import { default as Oa } from "./components/
|
|
46
|
-
import {
|
|
47
|
-
import { default as ja } from "./components/
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
20
|
+
import { default as j } from "./components/ScalarPopover/ScalarPopover.vue.js";
|
|
21
|
+
import { default as z } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
|
|
22
|
+
import { default as G } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
|
|
23
|
+
import { default as K } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
|
|
24
|
+
import { default as Q } from "./components/ScalarToggle/ScalarToggle.vue.js";
|
|
25
|
+
import { default as W } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
|
|
26
|
+
import { default as Z } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
|
|
27
|
+
import { styles as aa } from "./components/ScalarButton/variants.js";
|
|
28
|
+
import { default as oa } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
|
|
29
|
+
import { default as ta } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
|
|
30
|
+
import { default as fa } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
|
|
31
|
+
import { default as da } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
|
|
32
|
+
import { default as sa } from "./components/ScalarFloating/ScalarFloating.vue.js";
|
|
33
|
+
import { default as xa } from "./components/ScalarIcon/ScalarIcon.vue.js";
|
|
34
|
+
import { default as Sa } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
|
|
35
|
+
import { default as ia } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
|
|
36
|
+
import { default as Ta } from "./components/ScalarLoading/ScalarLoading.vue.js";
|
|
37
|
+
import { useLoadingState as La } from "./components/ScalarLoading/ScalarLoading.vue2.js";
|
|
38
|
+
import { default as wa } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
|
|
39
|
+
import { default as Pa } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
|
|
40
|
+
import { default as Ia } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
|
|
41
|
+
import { default as ka } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
|
|
42
|
+
import { default as ha } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
|
|
43
|
+
import { default as Ea } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue.js";
|
|
44
|
+
import { default as ya } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
|
|
45
|
+
import { default as Oa } from "./components/ScalarModal/ScalarModal.vue.js";
|
|
46
|
+
import { useModal as Ya } from "./components/ScalarModal/ScalarModal.vue2.js";
|
|
47
|
+
import { default as ja } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
|
|
48
|
+
import { default as za } from "./components/ScalarTeleport/ScalarTeleport.vue.js";
|
|
49
|
+
import { TELEPORT_SYMBOL as Ga, useProvideTeleport as Ja, useTeleport as Ka } from "./components/ScalarTeleport/useTeleport.js";
|
|
50
|
+
import { default as Qa } from "./components/ScalarTextField/ScalarTextField.vue.js";
|
|
51
|
+
import { addScalarClassesToHeadless as Wa } from "./helpers/add-scalar-classes.js";
|
|
51
52
|
export {
|
|
52
|
-
|
|
53
|
+
x as ScalarButton,
|
|
53
54
|
S as ScalarCodeBlock,
|
|
54
55
|
i as ScalarCombobox,
|
|
55
56
|
T as ScalarComboboxMultiselect,
|
|
56
57
|
L as ScalarContextMenu,
|
|
57
58
|
w as ScalarDropdown,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
59
|
+
ta as ScalarDropdownButton,
|
|
60
|
+
oa as ScalarDropdownDivider,
|
|
61
|
+
fa as ScalarDropdownItem,
|
|
62
|
+
da as ScalarDropdownMenu,
|
|
63
|
+
P as ScalarErrorBoundary,
|
|
64
|
+
sa as ScalarFloating,
|
|
65
|
+
I as ScalarHeader,
|
|
65
66
|
k as ScalarHeaderButton,
|
|
66
|
-
|
|
67
|
+
xa as ScalarIcon,
|
|
67
68
|
h as ScalarIconButton,
|
|
68
69
|
E as ScalarListbox,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
70
|
+
ia as ScalarListboxCheckbox,
|
|
71
|
+
Sa as ScalarListboxItem,
|
|
72
|
+
Ta as ScalarLoading,
|
|
72
73
|
y as ScalarMarkdown,
|
|
73
74
|
O as ScalarMenu,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
75
|
+
wa as ScalarMenuButton,
|
|
76
|
+
Ia as ScalarMenuLink,
|
|
77
|
+
ka as ScalarMenuProduct,
|
|
78
|
+
ha as ScalarMenuProducts,
|
|
79
|
+
ya as ScalarMenuResources,
|
|
80
|
+
Pa as ScalarMenuSection,
|
|
80
81
|
Y as ScalarMenuTeamPicker,
|
|
81
|
-
Ea as
|
|
82
|
-
Oa as
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
Q as
|
|
91
|
-
W as
|
|
92
|
-
|
|
93
|
-
|
|
82
|
+
Ea as ScalarMenuTeamProfile,
|
|
83
|
+
Oa as ScalarModal,
|
|
84
|
+
j as ScalarPopover,
|
|
85
|
+
ja as ScalarSearchInput,
|
|
86
|
+
G as ScalarSearchResultItem,
|
|
87
|
+
z as ScalarSearchResultList,
|
|
88
|
+
za as ScalarTeleport,
|
|
89
|
+
K as ScalarTeleportRoot,
|
|
90
|
+
Qa as ScalarTextField,
|
|
91
|
+
Q as ScalarToggle,
|
|
92
|
+
W as ScalarTooltip,
|
|
93
|
+
Z as ScalarVirtualText,
|
|
94
|
+
Ga as TELEPORT_SYMBOL,
|
|
95
|
+
Wa as addScalarClassesToHeadless,
|
|
94
96
|
u as compose,
|
|
95
97
|
d as cva,
|
|
96
98
|
p as cx,
|
|
97
|
-
|
|
99
|
+
aa as styles,
|
|
98
100
|
s as tw,
|
|
99
101
|
l as useBindCx,
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
102
|
+
La as useLoadingState,
|
|
103
|
+
Ya as useModal,
|
|
104
|
+
Ja as useProvideTeleport,
|
|
105
|
+
Ka as useTeleport
|
|
104
106
|
};
|