@scalar/components 0.12.67 → 0.12.69
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/ScalarDropdown.stories.d.ts +12 -4
- package/dist/components/ScalarDropdown/ScalarDropdown.stories.d.ts.map +1 -1
- package/dist/components/ScalarDropdown/ScalarDropdown.vue.d.ts +3 -1
- package/dist/components/ScalarDropdown/ScalarDropdown.vue.d.ts.map +1 -1
- package/dist/components/ScalarDropdown/ScalarDropdown.vue.js +14 -14
- package/dist/components/ScalarIcon/icons/House.svg.js +5 -5
- package/dist/components/ScalarListbox/ScalarListbox.stories.d.ts +3 -1
- package/dist/components/ScalarListbox/ScalarListbox.stories.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts +3 -1
- package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListbox.vue.js +18 -18
- package/dist/components/ScalarMenu/ScalarMenu.spec.d.ts +2 -0
- package/dist/components/ScalarMenu/ScalarMenu.spec.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenu.stories.d.ts +119 -0
- package/dist/components/ScalarMenu/ScalarMenu.stories.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenu.vue.d.ts +27 -0
- package/dist/components/ScalarMenu/ScalarMenu.vue.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenu.vue.js +45 -0
- package/dist/components/ScalarMenu/ScalarMenu.vue2.js +4 -0
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts +22 -0
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.js +21 -0
- package/dist/components/ScalarMenu/ScalarMenuLink.vue2.js +4 -0
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts +23 -0
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.js +30 -0
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue2.js +4 -0
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.d.ts +12 -0
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.js +53 -0
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue2.js +4 -0
- package/dist/components/ScalarMenu/ScalarMenuProfile.vue.d.ts +12 -0
- package/dist/components/ScalarMenu/ScalarMenuProfile.vue.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenuProfile.vue.js +52 -0
- package/dist/components/ScalarMenu/ScalarMenuProfile.vue2.js +4 -0
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.d.ts +3 -0
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.js +40 -0
- package/dist/components/ScalarMenu/ScalarMenuResources.vue2.js +4 -0
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.d.ts +19 -0
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.js +17 -0
- package/dist/components/ScalarMenu/index.d.ts +8 -0
- package/dist/components/ScalarMenu/index.d.ts.map +1 -0
- package/dist/components/ScalarModal/ScalarModal.vue.js +4 -4
- package/dist/components/ScalarModal/ScalarModal.vue2.js +15 -15
- package/dist/components/ScalarPopover/ScalarPopover.stories.d.ts +12 -4
- package/dist/components/ScalarPopover/ScalarPopover.stories.d.ts.map +1 -1
- package/dist/components/ScalarPopover/ScalarPopover.vue.d.ts +3 -1
- package/dist/components/ScalarPopover/ScalarPopover.vue.d.ts.map +1 -1
- package/dist/components/ScalarPopover/ScalarPopover.vue.js +7 -7
- package/dist/index.d.ts +20 -20
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +66 -50
- package/dist/style.css +1 -1
- package/package.json +3 -3
|
@@ -32,7 +32,9 @@ declare const meta: {
|
|
|
32
32
|
staticOpen: boolean;
|
|
33
33
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
34
34
|
$slots: {
|
|
35
|
-
default?(_: {
|
|
35
|
+
default?(_: {
|
|
36
|
+
open: any;
|
|
37
|
+
}): any;
|
|
36
38
|
items?(_: {}): any;
|
|
37
39
|
};
|
|
38
40
|
});
|
|
@@ -78,7 +80,9 @@ declare const meta: {
|
|
|
78
80
|
staticOpen: boolean;
|
|
79
81
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
80
82
|
$slots: {
|
|
81
|
-
default?(_: {
|
|
83
|
+
default?(_: {
|
|
84
|
+
open: any;
|
|
85
|
+
}): any;
|
|
82
86
|
items?(_: {}): any;
|
|
83
87
|
};
|
|
84
88
|
})>) => {
|
|
@@ -115,7 +119,9 @@ declare const meta: {
|
|
|
115
119
|
staticOpen: boolean;
|
|
116
120
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
117
121
|
$slots: {
|
|
118
|
-
default?(_: {
|
|
122
|
+
default?(_: {
|
|
123
|
+
open: any;
|
|
124
|
+
}): any;
|
|
119
125
|
items?(_: {}): any;
|
|
120
126
|
};
|
|
121
127
|
});
|
|
@@ -242,7 +248,9 @@ declare const meta: {
|
|
|
242
248
|
staticOpen: boolean;
|
|
243
249
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
244
250
|
$slots: {
|
|
245
|
-
default?(_: {
|
|
251
|
+
default?(_: {
|
|
252
|
+
open: any;
|
|
253
|
+
}): any;
|
|
246
254
|
items?(_: {}): any;
|
|
247
255
|
};
|
|
248
256
|
})>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdown.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAOrD,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"ScalarDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdown.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAOrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdown.vue"],"names":[],"mappings":"AAyDA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAIxE,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,GAAG;IACnD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAgBN,iBAAS,cAAc;WAoGT,OAAO,IAA6B
|
|
1
|
+
{"version":3,"file":"ScalarDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdown.vue"],"names":[],"mappings":"AAyDA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAIxE,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,GAAG;IACnD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAgBN,iBAAS,cAAc;WAoGT,OAAO,IAA6B;;;;YATpB,GAAG;uBACL,GAAG;;;;EAa9B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAzIN,OAAO;gBACH,OAAO;6EA+IxB,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,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as m, openBlock as
|
|
1
|
+
import { defineComponent as m, openBlock as n, createBlock as i, unref as l, withCtx as t, createVNode as p, mergeProps as d, createElementVNode as s, normalizeStyle as u, renderSlot as f, createCommentVNode as c } from "vue";
|
|
2
2
|
import { Menu as g, MenuItems as y, MenuButton as B } from "@headlessui/vue";
|
|
3
3
|
import b from "../ScalarFloating/ScalarFloating.vue.js";
|
|
4
4
|
const h = { class: "custom-scroll min-h-0 flex-1" }, S = /* @__PURE__ */ m({
|
|
@@ -14,28 +14,28 @@ const h = { class: "custom-scroll min-h-0 flex-1" }, S = /* @__PURE__ */ m({
|
|
|
14
14
|
staticOpen: { type: Boolean, default: !0 }
|
|
15
15
|
},
|
|
16
16
|
setup(z) {
|
|
17
|
-
return (e, a) => (
|
|
18
|
-
default: t(({ open:
|
|
19
|
-
|
|
20
|
-
isOpen: e.static ? e.staticOpen :
|
|
17
|
+
return (e, a) => (n(), i(l(g), null, {
|
|
18
|
+
default: t(({ open: o }) => [
|
|
19
|
+
p(l(b), {
|
|
20
|
+
isOpen: e.static ? e.staticOpen : o ?? e.isOpen,
|
|
21
21
|
placement: e.placement ?? "bottom-start",
|
|
22
22
|
resize: e.resize,
|
|
23
23
|
targetRef: e.targetRef,
|
|
24
24
|
teleport: e.teleport
|
|
25
25
|
}, {
|
|
26
|
-
floating: t(({ width:
|
|
27
|
-
|
|
26
|
+
floating: t(({ width: r }) => [
|
|
27
|
+
p(l(y), d(e.$attrs, {
|
|
28
28
|
class: "relative flex max-h-[inherit] w-56 rounded border",
|
|
29
29
|
static: e.static,
|
|
30
|
-
style: { width:
|
|
30
|
+
style: { width: r }
|
|
31
31
|
}), {
|
|
32
32
|
default: t(() => [
|
|
33
33
|
s("div", h, [
|
|
34
34
|
s("div", {
|
|
35
35
|
class: "flex flex-col p-0.75",
|
|
36
|
-
style: u({ width:
|
|
36
|
+
style: u({ width: r })
|
|
37
37
|
}, [
|
|
38
|
-
|
|
38
|
+
f(e.$slots, "items")
|
|
39
39
|
], 4),
|
|
40
40
|
a[0] || (a[0] = s("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-lg brightness-lifted" }, null, -1))
|
|
41
41
|
])
|
|
@@ -44,15 +44,15 @@ const h = { class: "custom-scroll min-h-0 flex-1" }, S = /* @__PURE__ */ m({
|
|
|
44
44
|
}, 1040, ["static", "style"])
|
|
45
45
|
]),
|
|
46
46
|
default: t(() => [
|
|
47
|
-
e.static ? c("", !0) : (
|
|
47
|
+
e.static ? c("", !0) : (n(), i(l(B), {
|
|
48
48
|
key: 0,
|
|
49
49
|
as: "template"
|
|
50
50
|
}, {
|
|
51
51
|
default: t(() => [
|
|
52
|
-
|
|
52
|
+
f(e.$slots, "default", { open: o })
|
|
53
53
|
]),
|
|
54
|
-
_:
|
|
55
|
-
}))
|
|
54
|
+
_: 2
|
|
55
|
+
}, 1024))
|
|
56
56
|
]),
|
|
57
57
|
_: 2
|
|
58
58
|
}, 1032, ["isOpen", "placement", "resize", "targetRef", "teleport"])
|
|
@@ -7,13 +7,13 @@ const t = {
|
|
|
7
7
|
"stroke-linejoin": "round",
|
|
8
8
|
viewBox: "0 0 24 24"
|
|
9
9
|
};
|
|
10
|
-
function l
|
|
10
|
+
function c(l, e) {
|
|
11
11
|
return o(), n("svg", t, e[0] || (e[0] = [
|
|
12
|
-
r("path", { d: "M22.
|
|
12
|
+
r("path", { d: "M22.1 9.2 12 1.5 1.8 9.2c-.2.2-.3.5-.4.7v11.7c0 .5.4.9.9.9h6.1v-4.9c0-1.9 1.6-3.5 3.5-3.5s3.5 1.6 3.5 3.5v4.9h6.1c.5 0 .9-.4.9-.9V9.9c0-.3-.1-.6-.4-.7z" }, null, -1)
|
|
13
13
|
]));
|
|
14
14
|
}
|
|
15
|
-
const
|
|
15
|
+
const d = { render: c };
|
|
16
16
|
export {
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
d as default,
|
|
18
|
+
c as render
|
|
19
19
|
};
|
|
@@ -52,7 +52,9 @@ declare const meta: {
|
|
|
52
52
|
multiple: boolean;
|
|
53
53
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
54
54
|
$slots: {
|
|
55
|
-
default?(_: {
|
|
55
|
+
default?(_: {
|
|
56
|
+
open: any;
|
|
57
|
+
}): any;
|
|
56
58
|
};
|
|
57
59
|
});
|
|
58
60
|
tags: string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarListbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAErC,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"ScalarListbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAErC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAY4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAkClB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AAgJA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIrC,KAAK,WAAW,GAAG;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,QAAQ,GAAG,WAAW,CAAC,CAAC;AAwCrE,iBAAS,cAAc;WA4KT,OAAO,IAA6B
|
|
1
|
+
{"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AAgJA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIrC,KAAK,WAAW,GAAG;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,QAAQ,GAAG,WAAW,CAAC,CAAC;AAwCrE,iBAAS,cAAc;WA4KT,OAAO,IAA6B;;;;YARpB,GAAG;;;;EAahC;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;cAnPJ,OAAO;6EA2PtB,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,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as v, openBlock as
|
|
1
|
+
import { defineComponent as v, openBlock as i, createBlock as u, unref as t, normalizeClass as n, withCtx as s, createTextVNode as x, toDisplayString as m, createCommentVNode as g, createVNode as d, createElementVNode as a, mergeProps as y, createElementBlock as h, Fragment as V, renderList as k, renderSlot as B } from "vue";
|
|
2
2
|
import { Listbox as z, ListboxLabel as L, ListboxOptions as w, ListboxOption as O, ListboxButton as C } from "@headlessui/vue";
|
|
3
3
|
import { cva as S, cx as N } from "../../cva.js";
|
|
4
4
|
import $ from "../ScalarFloating/ScalarFloating.vue.js";
|
|
@@ -37,15 +37,15 @@ const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
|
|
|
37
37
|
disabled: { true: "pointer-events-none opacity-50" }
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
|
-
return (e, o) => (
|
|
40
|
+
return (e, o) => (i(), u(t(z), {
|
|
41
41
|
as: "div",
|
|
42
|
-
class:
|
|
42
|
+
class: n([{ "w-full": e.fullWidth }, "text-sm"]),
|
|
43
43
|
modelValue: e.modelValue,
|
|
44
44
|
multiple: e.multiple,
|
|
45
|
-
"onUpdate:modelValue": o[0] || (o[0] = (
|
|
45
|
+
"onUpdate:modelValue": o[0] || (o[0] = (r) => e.$emit("update:modelValue", r))
|
|
46
46
|
}, {
|
|
47
|
-
default: s(({ open:
|
|
48
|
-
e.label ? (
|
|
47
|
+
default: s(({ open: r }) => [
|
|
48
|
+
e.label ? (i(), u(t(L), {
|
|
49
49
|
key: 0,
|
|
50
50
|
class: "sr-only"
|
|
51
51
|
}, {
|
|
@@ -54,8 +54,8 @@ const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
|
|
|
54
54
|
]),
|
|
55
55
|
_: 1
|
|
56
56
|
})) : g("", !0),
|
|
57
|
-
|
|
58
|
-
isOpen:
|
|
57
|
+
d(t($), {
|
|
58
|
+
isOpen: r ?? e.isOpen,
|
|
59
59
|
placement: e.placement ?? "bottom-start",
|
|
60
60
|
resize: e.resize,
|
|
61
61
|
teleport: e.teleport
|
|
@@ -66,9 +66,9 @@ const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
|
|
|
66
66
|
style: { width: f }
|
|
67
67
|
}), [
|
|
68
68
|
a("div", E, [
|
|
69
|
-
|
|
69
|
+
d(t(w), { class: "flex flex-col p-0.75" }, {
|
|
70
70
|
default: s(() => [
|
|
71
|
-
(
|
|
71
|
+
(i(!0), h(V, null, k(e.options, (l) => (i(), u(t(O), {
|
|
72
72
|
key: l.id,
|
|
73
73
|
as: "template",
|
|
74
74
|
disabled: l.disabled,
|
|
@@ -76,26 +76,26 @@ const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
|
|
|
76
76
|
}, {
|
|
77
77
|
default: s(({ active: b, selected: p }) => [
|
|
78
78
|
a("li", {
|
|
79
|
-
class:
|
|
79
|
+
class: n(
|
|
80
80
|
t(N)(
|
|
81
81
|
t(c)({ active: b, selected: p, disabled: l.disabled })
|
|
82
82
|
)
|
|
83
83
|
)
|
|
84
84
|
}, [
|
|
85
85
|
a("div", {
|
|
86
|
-
class:
|
|
86
|
+
class: n([
|
|
87
87
|
"flex size-4 items-center justify-center rounded-full p-[3px]",
|
|
88
88
|
p ? "bg-c-accent text-b-1" : "text-transparent group-hover/listbox:shadow-border"
|
|
89
89
|
])
|
|
90
90
|
}, [
|
|
91
|
-
|
|
91
|
+
d(t(j), {
|
|
92
92
|
class: "relative top-[0.5px] size-2.5",
|
|
93
93
|
icon: "Checkmark",
|
|
94
94
|
thickness: "2.5"
|
|
95
95
|
})
|
|
96
96
|
], 2),
|
|
97
97
|
a("span", {
|
|
98
|
-
class:
|
|
98
|
+
class: n(["inline-block min-w-0 flex-1 truncate", l.color ? l.color : "text-c-1"])
|
|
99
99
|
}, m(l.label), 3)
|
|
100
100
|
], 2)
|
|
101
101
|
]),
|
|
@@ -109,16 +109,16 @@ const E = { class: "custom-scroll min-h-0 flex-1" }, T = /* @__PURE__ */ v({
|
|
|
109
109
|
], 16)
|
|
110
110
|
]),
|
|
111
111
|
default: s(() => [
|
|
112
|
-
|
|
112
|
+
d(t(C), {
|
|
113
113
|
id: e.id,
|
|
114
114
|
as: "template",
|
|
115
115
|
class: "justify-start focus:outline-none focus-visible:ring-1 focus-visible:ring-c-accent"
|
|
116
116
|
}, {
|
|
117
117
|
default: s(() => [
|
|
118
|
-
B(e.$slots, "default")
|
|
118
|
+
B(e.$slots, "default", { open: r })
|
|
119
119
|
]),
|
|
120
|
-
_:
|
|
121
|
-
},
|
|
120
|
+
_: 2
|
|
121
|
+
}, 1032, ["id"])
|
|
122
122
|
]),
|
|
123
123
|
_: 2
|
|
124
124
|
}, 1032, ["isOpen", "placement", "resize", "teleport"])
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScalarMenu.spec.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.spec.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
component: {
|
|
4
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
5
|
+
P: {};
|
|
6
|
+
B: {};
|
|
7
|
+
D: {};
|
|
8
|
+
C: {};
|
|
9
|
+
M: {};
|
|
10
|
+
Defaults: {};
|
|
11
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
12
|
+
__isFragment?: never;
|
|
13
|
+
__isTeleport?: never;
|
|
14
|
+
__isSuspense?: never;
|
|
15
|
+
} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, 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 () => {
|
|
16
|
+
$slots: {
|
|
17
|
+
logo?(_: {}): any;
|
|
18
|
+
products?(_: {
|
|
19
|
+
close: () => any;
|
|
20
|
+
}): any;
|
|
21
|
+
profile?(_: {
|
|
22
|
+
close: () => any;
|
|
23
|
+
}): any;
|
|
24
|
+
sections?(_: {
|
|
25
|
+
close: () => any;
|
|
26
|
+
}): any;
|
|
27
|
+
};
|
|
28
|
+
});
|
|
29
|
+
tags: string[];
|
|
30
|
+
argTypes: {};
|
|
31
|
+
render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
32
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
33
|
+
P: {};
|
|
34
|
+
B: {};
|
|
35
|
+
D: {};
|
|
36
|
+
C: {};
|
|
37
|
+
M: {};
|
|
38
|
+
Defaults: {};
|
|
39
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
40
|
+
__isFragment?: never;
|
|
41
|
+
__isTeleport?: never;
|
|
42
|
+
__isSuspense?: never;
|
|
43
|
+
} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, 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 () => {
|
|
44
|
+
$slots: {
|
|
45
|
+
logo?(_: {}): any;
|
|
46
|
+
products?(_: {
|
|
47
|
+
close: () => any;
|
|
48
|
+
}): any;
|
|
49
|
+
profile?(_: {
|
|
50
|
+
close: () => any;
|
|
51
|
+
}): any;
|
|
52
|
+
sections?(_: {
|
|
53
|
+
close: () => any;
|
|
54
|
+
}): any;
|
|
55
|
+
};
|
|
56
|
+
})>) => {
|
|
57
|
+
components: {
|
|
58
|
+
ScalarMenu: {
|
|
59
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
60
|
+
P: {};
|
|
61
|
+
B: {};
|
|
62
|
+
D: {};
|
|
63
|
+
C: {};
|
|
64
|
+
M: {};
|
|
65
|
+
Defaults: {};
|
|
66
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
67
|
+
__isFragment?: never;
|
|
68
|
+
__isTeleport?: never;
|
|
69
|
+
__isSuspense?: never;
|
|
70
|
+
} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, 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 () => {
|
|
71
|
+
$slots: {
|
|
72
|
+
logo?(_: {}): any;
|
|
73
|
+
products?(_: {
|
|
74
|
+
close: () => any;
|
|
75
|
+
}): any;
|
|
76
|
+
profile?(_: {
|
|
77
|
+
close: () => any;
|
|
78
|
+
}): any;
|
|
79
|
+
sections?(_: {
|
|
80
|
+
close: () => any;
|
|
81
|
+
}): any;
|
|
82
|
+
};
|
|
83
|
+
});
|
|
84
|
+
};
|
|
85
|
+
setup(this: void): {
|
|
86
|
+
args: import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
87
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
88
|
+
P: {};
|
|
89
|
+
B: {};
|
|
90
|
+
D: {};
|
|
91
|
+
C: {};
|
|
92
|
+
M: {};
|
|
93
|
+
Defaults: {};
|
|
94
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
95
|
+
__isFragment?: never;
|
|
96
|
+
__isTeleport?: never;
|
|
97
|
+
__isSuspense?: never;
|
|
98
|
+
} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, 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 () => {
|
|
99
|
+
$slots: {
|
|
100
|
+
logo?(_: {}): any;
|
|
101
|
+
products?(_: {
|
|
102
|
+
close: () => any;
|
|
103
|
+
}): any;
|
|
104
|
+
profile?(_: {
|
|
105
|
+
close: () => any;
|
|
106
|
+
}): any;
|
|
107
|
+
sections?(_: {
|
|
108
|
+
close: () => any;
|
|
109
|
+
}): any;
|
|
110
|
+
};
|
|
111
|
+
})>;
|
|
112
|
+
};
|
|
113
|
+
template: string;
|
|
114
|
+
};
|
|
115
|
+
};
|
|
116
|
+
export default meta;
|
|
117
|
+
type Story = StoryObj<typeof meta>;
|
|
118
|
+
export declare const Base: Story;
|
|
119
|
+
//# sourceMappingURL=ScalarMenu.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScalarMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAIrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAayB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
|
+
attrs: Partial<{}>;
|
|
3
|
+
slots: {
|
|
4
|
+
logo?(_: {}): any;
|
|
5
|
+
products?(_: {
|
|
6
|
+
close: () => any;
|
|
7
|
+
}): any;
|
|
8
|
+
profile?(_: {
|
|
9
|
+
close: () => any;
|
|
10
|
+
}): any;
|
|
11
|
+
sections?(_: {
|
|
12
|
+
close: () => any;
|
|
13
|
+
}): any;
|
|
14
|
+
};
|
|
15
|
+
refs: {};
|
|
16
|
+
rootEl: any;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
|
+
declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=ScalarMenu.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScalarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"names":[],"mappings":"AAyDA,iBAAS,cAAc;WA+GT,OAAO,IAA6B;;sBAXxB,GAAG;;;YACE,GAAG;;;YACJ,GAAG;;;YACF,GAAG;;;;EAajC;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { defineComponent as p, openBlock as l, createBlock as i, unref as r, withCtx as c, createElementVNode as n, renderSlot as e, createVNode as s } from "vue";
|
|
2
|
+
import m from "./ScalarMenuProducts.vue.js";
|
|
3
|
+
import f from "./ScalarMenuResources.vue.js";
|
|
4
|
+
import u from "../ScalarPopover/ScalarPopover.vue.js";
|
|
5
|
+
import a from "../ScalarIcon/ScalarIcon.vue.js";
|
|
6
|
+
const _ = {
|
|
7
|
+
class: "group/button -m-1 flex items-center gap-1 rounded bg-transparent px-2.5 py-2 hover:bg-b-2",
|
|
8
|
+
type: "button"
|
|
9
|
+
}, d = { class: "size-5" }, h = { class: "custom-scroll flex max-h-[calc(100svh-60px)] w-[420px] max-w-[calc(100svw-24px)] flex-col gap-5 px-4 py-4" }, k = /* @__PURE__ */ p({
|
|
10
|
+
__name: "ScalarMenu",
|
|
11
|
+
setup(x) {
|
|
12
|
+
return (t, v) => (l(), i(r(u), { placement: "bottom-start" }, {
|
|
13
|
+
default: c(({ open: o }) => [
|
|
14
|
+
n("button", _, [
|
|
15
|
+
n("div", d, [
|
|
16
|
+
e(t.$slots, "logo", {}, () => [
|
|
17
|
+
s(r(a), { icon: "Logo" })
|
|
18
|
+
])
|
|
19
|
+
]),
|
|
20
|
+
s(r(a), {
|
|
21
|
+
class: "text-c-3 group-hover/button:text-c-1",
|
|
22
|
+
icon: o ? "ChevronUp" : "ChevronDown",
|
|
23
|
+
size: "sm",
|
|
24
|
+
thickness: "2.5"
|
|
25
|
+
}, null, 8, ["icon"])
|
|
26
|
+
])
|
|
27
|
+
]),
|
|
28
|
+
popover: c(({ close: o }) => [
|
|
29
|
+
n("div", h, [
|
|
30
|
+
e(t.$slots, "products", { close: o }, () => [
|
|
31
|
+
s(m)
|
|
32
|
+
]),
|
|
33
|
+
e(t.$slots, "profile", { close: o }),
|
|
34
|
+
e(t.$slots, "sections", { close: o }, () => [
|
|
35
|
+
s(f)
|
|
36
|
+
])
|
|
37
|
+
])
|
|
38
|
+
]),
|
|
39
|
+
_: 3
|
|
40
|
+
}));
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
export {
|
|
44
|
+
k as default
|
|
45
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { Component } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
is?: string | Component;
|
|
4
|
+
};
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: any;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: 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>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=ScalarMenuLink.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAIpC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACxB,CAAC;AAQF,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { defineComponent as t, openBlock as o, createBlock as n, resolveDynamicComponent as r, withCtx as a, renderSlot as i } from "vue";
|
|
2
|
+
const u = /* @__PURE__ */ t({
|
|
3
|
+
__name: "ScalarMenuLink",
|
|
4
|
+
props: {
|
|
5
|
+
is: {}
|
|
6
|
+
},
|
|
7
|
+
setup(p) {
|
|
8
|
+
return (e, s) => (o(), n(r(e.is ?? "a"), {
|
|
9
|
+
class: "relative flex cursor-pointer rounded px-2.5 py-1 font-medium leading text-c-2 no-underline hover:bg-b-2 hover:text-c-1",
|
|
10
|
+
type: e.is === "button" ? "button" : void 0
|
|
11
|
+
}, {
|
|
12
|
+
default: a(() => [
|
|
13
|
+
i(e.$slots, "default")
|
|
14
|
+
]),
|
|
15
|
+
_: 3
|
|
16
|
+
}, 8, ["type"]));
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
export {
|
|
20
|
+
u as default
|
|
21
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type Icon } from '../../index.js';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
selected?: boolean;
|
|
4
|
+
icon: Icon;
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: HTMLAnchorElement;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLAnchorElement>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=ScalarMenuProduct.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScalarMenuProduct.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"names":[],"mappings":"AA0BA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,QAAQ,CAAA;AAI9C,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;AAQF,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent as n, openBlock as o, createElementBlock as r, normalizeClass as t, createVNode as s, unref as l, createElementVNode as a, renderSlot as c } from "vue";
|
|
2
|
+
import i from "../ScalarIcon/ScalarIcon.vue.js";
|
|
3
|
+
const d = { class: "font-bold" }, b = /* @__PURE__ */ n({
|
|
4
|
+
__name: "ScalarMenuProduct",
|
|
5
|
+
props: {
|
|
6
|
+
selected: { type: Boolean },
|
|
7
|
+
icon: {}
|
|
8
|
+
},
|
|
9
|
+
setup(p) {
|
|
10
|
+
return (e, u) => (o(), r("a", {
|
|
11
|
+
class: t([
|
|
12
|
+
"relative flex flex-1 items-center justify-center gap-1 rounded border p-3 leading no-underline",
|
|
13
|
+
e.selected ? "pointer-events-none border-c-1 bg-b-2" : "cursor-pointer bg-b-1 hover:bg-b-2"
|
|
14
|
+
]),
|
|
15
|
+
target: "_blank"
|
|
16
|
+
}, [
|
|
17
|
+
s(l(i), {
|
|
18
|
+
icon: e.icon,
|
|
19
|
+
size: "xs",
|
|
20
|
+
thickness: "2.5"
|
|
21
|
+
}, null, 8, ["icon"]),
|
|
22
|
+
a("span", d, [
|
|
23
|
+
c(e.$slots, "default")
|
|
24
|
+
])
|
|
25
|
+
], 2));
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export {
|
|
29
|
+
b as default
|
|
30
|
+
};
|