@scalar/components 0.7.11 → 0.7.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/Hide-CsOkxif1.cjs +1 -0
- package/dist/Hide-DBLY4PPo.js +25 -0
- package/dist/Show-CMde3tXz.cjs +1 -0
- package/dist/Show-CMsTZAgT.js +30 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +191 -197
- package/package.json +2 -2
- package/dist/Hide-CH09NdFy.cjs +0 -1
- package/dist/Hide-Q3GPkIKH.js +0 -21
- package/dist/Show-BLBjkPHV.cjs +0 -1
- package/dist/Show-D86hKz5y.js +0 -21
package/dist/index.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import './main.css';
|
|
2
|
-
import { defineComponent as w, useCssVars as
|
|
2
|
+
import { defineComponent as w, useCssVars as Q, openBlock as m, createElementBlock as v, normalizeClass as S, unref as n, createElementVNode as h, createCommentVNode as N, createStaticVNode as ee, reactive as j, computed as _, useAttrs as T, mergeProps as A, renderSlot as b, createVNode as I, ref as x, watch as W, nextTick as te, onServerPrefetch as ae, useSSRContext as re, onMounted as X, toDisplayString as z, toValue as D, Fragment as se, createBlock as $, withCtx as y, defineAsyncComponent as oe, resolveDynamicComponent as q, normalizeStyle as K, createTextVNode as Y, normalizeProps as ne, guardReactiveProps as ie, withKeys as le } from "vue";
|
|
3
3
|
import { defineConfig as de } from "cva";
|
|
4
4
|
import { extendTailwindMerge as ce } from "tailwind-merge";
|
|
5
|
-
import { createHash as
|
|
5
|
+
import { createHash as pe, ssrState as ue } from "@scalar/oas-utils";
|
|
6
6
|
import R from "prismjs";
|
|
7
|
-
import { Menu as me, MenuItems as ge, MenuButton as fe, MenuItem as he, Dialog as ve, DialogPanel as be, DialogTitle as Se, DialogDescription as
|
|
8
|
-
import { getSideAxis as
|
|
9
|
-
import { useFloating as Ee, autoUpdate as
|
|
7
|
+
import { Menu as me, MenuItems as ge, MenuButton as fe, MenuItem as he, Dialog as ve, DialogPanel as be, DialogTitle as Se, DialogDescription as ye, Popover as _e, PopoverPanel as we, PopoverButton as ke } from "@headlessui/vue";
|
|
8
|
+
import { getSideAxis as V } from "@floating-ui/utils";
|
|
9
|
+
import { useFloating as Ee, autoUpdate as xe, offset as Ie, flip as Ne, shift as $e } from "@floating-ui/vue";
|
|
10
10
|
import { useTextareaAutosize as Ae } from "@vueuse/core";
|
|
11
11
|
import { nanoid as Ce } from "nanoid";
|
|
12
|
-
const
|
|
12
|
+
const B = "scalar-component", Te = ce({
|
|
13
13
|
extend: {
|
|
14
14
|
classGroups: {
|
|
15
15
|
"font-size": ["text-xxs"],
|
|
16
16
|
// Add the scalar class prefix as a custom class to be deduped by tailwind-merge
|
|
17
|
-
[
|
|
17
|
+
[B]: [B]
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
}), { cva: L, cx: E, compose:
|
|
20
|
+
}), { cva: L, cx: E, compose: Lt } = de({
|
|
21
21
|
hooks: {
|
|
22
|
-
onComplete: (a) => `${Te(a,
|
|
22
|
+
onComplete: (a) => `${Te(a, B)}`
|
|
23
23
|
}
|
|
24
|
-
}), Le = /* @__PURE__ */
|
|
24
|
+
}), Le = /* @__PURE__ */ ee('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-47faceda></path>', 5), Re = {
|
|
25
25
|
key: 0,
|
|
26
26
|
class: "circular-loader"
|
|
27
27
|
};
|
|
28
|
-
function
|
|
29
|
-
return
|
|
28
|
+
function Rt() {
|
|
29
|
+
return j({
|
|
30
30
|
isValid: !1,
|
|
31
31
|
isInvalid: !1,
|
|
32
32
|
isLoading: !1,
|
|
@@ -66,7 +66,7 @@ const ze = /* @__PURE__ */ w({
|
|
|
66
66
|
size: { default: "24px" }
|
|
67
67
|
},
|
|
68
68
|
setup(a) {
|
|
69
|
-
return
|
|
69
|
+
return Q((t) => ({
|
|
70
70
|
d6cae758: t.size
|
|
71
71
|
})), (t, e) => t.loadingState ? (m(), v("div", {
|
|
72
72
|
key: 0,
|
|
@@ -93,16 +93,16 @@ const ze = /* @__PURE__ */ w({
|
|
|
93
93
|
r: "20",
|
|
94
94
|
"stroke-width": "2"
|
|
95
95
|
}, null, 2)
|
|
96
|
-
])) :
|
|
96
|
+
])) : N("", !0)
|
|
97
97
|
], 2))
|
|
98
|
-
], 2)) :
|
|
98
|
+
], 2)) : N("", !0);
|
|
99
99
|
}
|
|
100
|
-
}),
|
|
100
|
+
}), O = (a, t) => {
|
|
101
101
|
const e = a.__vccOpts || a;
|
|
102
102
|
for (const [r, d] of t)
|
|
103
103
|
e[r] = d;
|
|
104
104
|
return e;
|
|
105
|
-
},
|
|
105
|
+
}, M = /* @__PURE__ */ O(ze, [["__scopeId", "data-v-47faceda"]]), J = {
|
|
106
106
|
solid: [
|
|
107
107
|
"scalar-button-solid",
|
|
108
108
|
"bg-back-btn-1 text-fore-btn-1 shadow-sm active:bg-back-btn-1 active:shadow-none hocus:bg-hover-btn-1"
|
|
@@ -127,7 +127,7 @@ const ze = /* @__PURE__ */ w({
|
|
|
127
127
|
},
|
|
128
128
|
fullWidth: { true: "w-full" },
|
|
129
129
|
size: { sm: "px-2 py-1 text-xs", md: "h-10 px-6 text-sm" },
|
|
130
|
-
variant:
|
|
130
|
+
variant: J
|
|
131
131
|
},
|
|
132
132
|
compoundVariants: [
|
|
133
133
|
{
|
|
@@ -136,7 +136,7 @@ const ze = /* @__PURE__ */ w({
|
|
|
136
136
|
class: "bg-transparent text-ghost"
|
|
137
137
|
}
|
|
138
138
|
]
|
|
139
|
-
}), Pe = ["ariaDisabled"], Oe = {
|
|
139
|
+
}), Pe = ["ariaDisabled", "type"], Oe = {
|
|
140
140
|
key: 0,
|
|
141
141
|
class: "mr-2 h-4 w-4"
|
|
142
142
|
}, Be = {
|
|
@@ -150,10 +150,11 @@ const ze = /* @__PURE__ */ w({
|
|
|
150
150
|
fullWidth: { type: Boolean, default: !1 },
|
|
151
151
|
loading: {},
|
|
152
152
|
size: { default: "md" },
|
|
153
|
-
variant: { default: "solid" }
|
|
153
|
+
variant: { default: "solid" },
|
|
154
|
+
type: { default: "button" }
|
|
154
155
|
},
|
|
155
156
|
setup(a) {
|
|
156
|
-
const t =
|
|
157
|
+
const t = _(() => {
|
|
157
158
|
const { class: e, ...r } = T();
|
|
158
159
|
return { class: e || "", rest: r };
|
|
159
160
|
});
|
|
@@ -164,18 +165,18 @@ const ze = /* @__PURE__ */ w({
|
|
|
164
165
|
{ "pl-9 pr-3": e.loading },
|
|
165
166
|
`${t.value.class}`
|
|
166
167
|
),
|
|
167
|
-
type:
|
|
168
|
+
type: e.type
|
|
168
169
|
}), [
|
|
169
170
|
e.$slots.icon ? (m(), v("div", Oe, [
|
|
170
171
|
b(e.$slots, "icon")
|
|
171
|
-
])) :
|
|
172
|
+
])) : N("", !0),
|
|
172
173
|
b(e.$slots, "default"),
|
|
173
174
|
e.loading ? (m(), v("div", Be, [
|
|
174
|
-
|
|
175
|
+
I(n(M), {
|
|
175
176
|
loadingState: e.loading,
|
|
176
177
|
size: "20px"
|
|
177
178
|
}, null, 8, ["loadingState"])
|
|
178
|
-
])) :
|
|
179
|
+
])) : N("", !0)
|
|
179
180
|
], 16, Pe));
|
|
180
181
|
}
|
|
181
182
|
});
|
|
@@ -434,13 +435,13 @@ Prism.languages.webmanifest = Prism.languages.json;
|
|
|
434
435
|
* @param {number} number line number
|
|
435
436
|
* @returns {Element|undefined}
|
|
436
437
|
*/
|
|
437
|
-
getLine: function(s,
|
|
438
|
+
getLine: function(s, p) {
|
|
438
439
|
if (!(s.tagName !== "PRE" || !s.classList.contains(a))) {
|
|
439
440
|
var i = s.querySelector(".line-numbers-rows");
|
|
440
441
|
if (i) {
|
|
441
|
-
var g = parseInt(s.getAttribute("data-start"), 10) || 1,
|
|
442
|
-
|
|
443
|
-
var o =
|
|
442
|
+
var g = parseInt(s.getAttribute("data-start"), 10) || 1, u = g + (i.children.length - 1);
|
|
443
|
+
p < g && (p = g), p > u && (p = u);
|
|
444
|
+
var o = p - g;
|
|
444
445
|
return i.children[o];
|
|
445
446
|
}
|
|
446
447
|
}
|
|
@@ -470,12 +471,12 @@ Prism.languages.webmanifest = Prism.languages.json;
|
|
|
470
471
|
};
|
|
471
472
|
function r(s) {
|
|
472
473
|
if (s = s.filter(function(i) {
|
|
473
|
-
var g = d(i),
|
|
474
|
-
return
|
|
474
|
+
var g = d(i), u = g["white-space"];
|
|
475
|
+
return u === "pre-wrap" || u === "pre-line";
|
|
475
476
|
}), s.length != 0) {
|
|
476
|
-
var
|
|
477
|
-
var g = i.querySelector("code"),
|
|
478
|
-
if (!(!g || !
|
|
477
|
+
var p = s.map(function(i) {
|
|
478
|
+
var g = i.querySelector("code"), u = i.querySelector(".line-numbers-rows");
|
|
479
|
+
if (!(!g || !u)) {
|
|
479
480
|
var o = i.querySelector(".line-numbers-sizer"), f = g.textContent.split(t);
|
|
480
481
|
o || (o = document.createElement("span"), o.className = "line-numbers-sizer", g.appendChild(o)), o.innerHTML = "0", o.style.display = "block";
|
|
481
482
|
var l = o.getBoundingClientRect().height;
|
|
@@ -488,22 +489,22 @@ Prism.languages.webmanifest = Prism.languages.json;
|
|
|
488
489
|
};
|
|
489
490
|
}
|
|
490
491
|
}).filter(Boolean);
|
|
491
|
-
|
|
492
|
-
var g = i.sizer,
|
|
493
|
-
o[
|
|
492
|
+
p.forEach(function(i) {
|
|
493
|
+
var g = i.sizer, u = i.lines, o = i.lineHeights, f = i.oneLinerHeight;
|
|
494
|
+
o[u.length - 1] = void 0, u.forEach(function(l, k) {
|
|
494
495
|
if (l && l.length > 1) {
|
|
495
496
|
var C = g.appendChild(document.createElement("span"));
|
|
496
497
|
C.style.display = "block", C.textContent = l;
|
|
497
498
|
} else
|
|
498
499
|
o[k] = f;
|
|
499
500
|
});
|
|
500
|
-
}),
|
|
501
|
-
for (var g = i.sizer,
|
|
502
|
-
|
|
503
|
-
}),
|
|
504
|
-
var g = i.sizer,
|
|
501
|
+
}), p.forEach(function(i) {
|
|
502
|
+
for (var g = i.sizer, u = i.lineHeights, o = 0, f = 0; f < u.length; f++)
|
|
503
|
+
u[f] === void 0 && (u[f] = g.children[o++].getBoundingClientRect().height);
|
|
504
|
+
}), p.forEach(function(i) {
|
|
505
|
+
var g = i.sizer, u = i.element.querySelector(".line-numbers-rows");
|
|
505
506
|
g.style.display = "none", g.innerHTML = "", i.lineHeights.forEach(function(o, f) {
|
|
506
|
-
|
|
507
|
+
u.children[f].style.height = o + "px";
|
|
507
508
|
});
|
|
508
509
|
});
|
|
509
510
|
}
|
|
@@ -516,16 +517,16 @@ Prism.languages.webmanifest = Prism.languages.json;
|
|
|
516
517
|
e.assumeViewportIndependence && c === window.innerWidth || (c = window.innerWidth, r(Array.prototype.slice.call(document.querySelectorAll("pre." + a))));
|
|
517
518
|
}), Prism.hooks.add("complete", function(s) {
|
|
518
519
|
if (s.code) {
|
|
519
|
-
var
|
|
520
|
+
var p = (
|
|
520
521
|
/** @type {Element} */
|
|
521
522
|
s.element
|
|
522
523
|
), i = (
|
|
523
524
|
/** @type {HTMLElement} */
|
|
524
|
-
|
|
525
|
+
p.parentNode
|
|
525
526
|
);
|
|
526
|
-
if (!(!i || !/pre/i.test(i.nodeName)) && !
|
|
527
|
-
|
|
528
|
-
var g = s.code.match(t),
|
|
527
|
+
if (!(!i || !/pre/i.test(i.nodeName)) && !p.querySelector(".line-numbers-rows") && Prism.util.isActive(p, a)) {
|
|
528
|
+
p.classList.remove(a), i.classList.add(a);
|
|
529
|
+
var g = s.code.match(t), u = g ? g.length + 1 : 1, o, f = new Array(u + 1).join("<span></span>");
|
|
529
530
|
o = document.createElement("span"), o.setAttribute("aria-hidden", "true"), o.className = "line-numbers-rows", o.innerHTML = f, i.hasAttribute("data-start") && (i.style.counterReset = "linenumber " + (parseInt(i.getAttribute("data-start"), 10) - 1)), s.element.appendChild(o), r([i]), Prism.hooks.run("line-numbers", s);
|
|
530
531
|
}
|
|
531
532
|
}
|
|
@@ -548,7 +549,7 @@ function He(a) {
|
|
|
548
549
|
2
|
|
549
550
|
);
|
|
550
551
|
}
|
|
551
|
-
function
|
|
552
|
+
function P(a) {
|
|
552
553
|
if (typeof a == "string")
|
|
553
554
|
return a;
|
|
554
555
|
if (typeof a == "object")
|
|
@@ -559,7 +560,7 @@ function O(a) {
|
|
|
559
560
|
}
|
|
560
561
|
return a;
|
|
561
562
|
}
|
|
562
|
-
const Ge = ["innerHTML"],
|
|
563
|
+
const Ge = ["innerHTML"], zt = /* @__PURE__ */ w({
|
|
563
564
|
__name: "ScalarCodeBlock",
|
|
564
565
|
props: {
|
|
565
566
|
content: {},
|
|
@@ -568,7 +569,7 @@ const Ge = ["innerHTML"], Pt = /* @__PURE__ */ w({
|
|
|
568
569
|
hideCredentials: {}
|
|
569
570
|
},
|
|
570
571
|
setup(a) {
|
|
571
|
-
const t = a, e =
|
|
572
|
+
const t = a, e = pe(P(t.content)), r = `components-scalar-code-block${e}`, { plugins: d, highlightElement: c } = R;
|
|
572
573
|
t.hideCredentials && R.hooks.add("wrap", function(o) {
|
|
573
574
|
if (!t.hideCredentials)
|
|
574
575
|
return;
|
|
@@ -586,31 +587,31 @@ const Ge = ["innerHTML"], Pt = /* @__PURE__ */ w({
|
|
|
586
587
|
(l) => `<span class="credentials">${l}</span>`
|
|
587
588
|
));
|
|
588
589
|
});
|
|
589
|
-
const s =
|
|
590
|
-
|
|
590
|
+
const s = x(null), p = x(ue[r] ?? ""), i = _(() => t.lang === "node" ? "js" : t.lang), g = t.lang;
|
|
591
|
+
W(
|
|
591
592
|
[() => t.lang, () => t.content, s],
|
|
592
593
|
() => {
|
|
593
|
-
s.value && t.content && (!
|
|
594
|
+
s.value && t.content && (!p.value || t.lang !== g) && (p.value = "", te(() => c(s.value)));
|
|
594
595
|
},
|
|
595
596
|
{ immediate: !0 }
|
|
596
597
|
);
|
|
597
|
-
const
|
|
598
|
-
return
|
|
598
|
+
const u = /\n(?!$)/g;
|
|
599
|
+
return ae(async () => {
|
|
599
600
|
let o = "";
|
|
600
601
|
t.lineNumbers && R.hooks.add("after-tokenize", (l) => {
|
|
601
|
-
const k = l.code.match(
|
|
602
|
+
const k = l.code.match(u), C = k ? k.length + 1 : 1;
|
|
602
603
|
o = `<span aria-hidden="true" class="line-numbers-rows">${new Array(C + 1).join("<span></span>")}</span>`;
|
|
603
604
|
});
|
|
604
605
|
const f = R.highlight(
|
|
605
|
-
|
|
606
|
+
P(t.content),
|
|
606
607
|
R.languages[i.value],
|
|
607
608
|
i.value
|
|
608
609
|
);
|
|
609
|
-
if (
|
|
610
|
-
const l =
|
|
610
|
+
if (p.value = f + o, e !== 0) {
|
|
611
|
+
const l = re();
|
|
611
612
|
l.payload.data[r] = f + o;
|
|
612
613
|
}
|
|
613
|
-
}),
|
|
614
|
+
}), X(async () => {
|
|
614
615
|
await import("./prism-autoloader-Dlh8Vzlw.js"), d.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
|
|
615
616
|
}), (o, f) => (m(), v("pre", {
|
|
616
617
|
class: S([
|
|
@@ -620,40 +621,40 @@ const Ge = ["innerHTML"], Pt = /* @__PURE__ */ w({
|
|
|
620
621
|
}
|
|
621
622
|
])
|
|
622
623
|
}, [
|
|
623
|
-
|
|
624
|
+
p.value ? (m(), v("code", {
|
|
624
625
|
key: 0,
|
|
625
626
|
class: S(`scalar-codeblock-code language-${i.value}`),
|
|
626
|
-
innerHTML: n(
|
|
627
|
+
innerHTML: n(P)(p.value)
|
|
627
628
|
}, null, 10, Ge)) : (m(), v("code", {
|
|
628
629
|
key: 1,
|
|
629
630
|
ref_key: "el",
|
|
630
631
|
ref: s,
|
|
631
632
|
class: S(`scalar-codeblock-code language-${i.value}`)
|
|
632
|
-
},
|
|
633
|
+
}, z(n(P)(o.content)), 3))
|
|
633
634
|
], 2));
|
|
634
635
|
}
|
|
635
636
|
});
|
|
636
|
-
function Ve(a, t = { enabled:
|
|
637
|
-
const e =
|
|
637
|
+
function Ve(a, t = { enabled: x(!0) }) {
|
|
638
|
+
const e = x(0), r = x(0), d = x();
|
|
638
639
|
return typeof ResizeObserver < "u" && (d.value = new ResizeObserver(([c]) => {
|
|
639
|
-
var s,
|
|
640
|
-
c && (e.value = ((s = c.borderBoxSize[0]) == null ? void 0 : s.inlineSize) ?? 0, r.value = ((
|
|
641
|
-
})),
|
|
642
|
-
[() =>
|
|
640
|
+
var s, p;
|
|
641
|
+
c && (e.value = ((s = c.borderBoxSize[0]) == null ? void 0 : s.inlineSize) ?? 0, r.value = ((p = c.borderBoxSize[0]) == null ? void 0 : p.blockSize) ?? 0);
|
|
642
|
+
})), W(
|
|
643
|
+
[() => D(t.enabled), () => D(a)],
|
|
643
644
|
([c, s]) => {
|
|
644
645
|
!s || !d.value || (c ? d.value.observe(s) : d.value.disconnect());
|
|
645
646
|
},
|
|
646
647
|
{ immediate: !0 }
|
|
647
648
|
), {
|
|
648
|
-
width:
|
|
649
|
-
() =>
|
|
649
|
+
width: _(
|
|
650
|
+
() => D(t.enabled) ? `${e.value}px` : void 0
|
|
650
651
|
),
|
|
651
|
-
height:
|
|
652
|
-
() =>
|
|
652
|
+
height: _(
|
|
653
|
+
() => D(t.enabled) ? `${r.value}px` : void 0
|
|
653
654
|
)
|
|
654
655
|
};
|
|
655
656
|
}
|
|
656
|
-
const
|
|
657
|
+
const H = /* @__PURE__ */ w({
|
|
657
658
|
inheritAttrs: !1,
|
|
658
659
|
__name: "ScalarFloating",
|
|
659
660
|
props: {
|
|
@@ -662,44 +663,44 @@ const G = /* @__PURE__ */ w({
|
|
|
662
663
|
middleware: {}
|
|
663
664
|
},
|
|
664
665
|
setup(a) {
|
|
665
|
-
const t = a, e =
|
|
666
|
+
const t = a, e = x(null), r = x(null), d = _(
|
|
666
667
|
() => {
|
|
667
|
-
var
|
|
668
|
-
return (((o = (
|
|
668
|
+
var u, o;
|
|
669
|
+
return (((o = (u = r.value) == null ? void 0 : u.children) == null ? void 0 : o[0]) || r.value) ?? void 0;
|
|
669
670
|
}
|
|
670
671
|
), c = Ve(d, {
|
|
671
|
-
enabled:
|
|
672
|
-
}), s =
|
|
673
|
-
() =>
|
|
674
|
-
),
|
|
675
|
-
() =>
|
|
672
|
+
enabled: _(() => t.resize)
|
|
673
|
+
}), s = _(
|
|
674
|
+
() => V(t.placement || "bottom") === "y" ? c.width.value : void 0
|
|
675
|
+
), p = _(
|
|
676
|
+
() => V(t.placement || "bottom") === "x" ? c.height.value : void 0
|
|
676
677
|
), { floatingStyles: i, middlewareData: g } = Ee(d, e, {
|
|
677
|
-
placement:
|
|
678
|
-
whileElementsMounted:
|
|
679
|
-
middleware:
|
|
678
|
+
placement: _(() => t.placement),
|
|
679
|
+
whileElementsMounted: xe,
|
|
680
|
+
middleware: _(() => [
|
|
680
681
|
Ie(5),
|
|
681
|
-
xe(),
|
|
682
682
|
Ne(),
|
|
683
|
+
$e(),
|
|
683
684
|
...t.middleware ?? []
|
|
684
685
|
])
|
|
685
686
|
});
|
|
686
|
-
return (
|
|
687
|
+
return (u, o) => (m(), v(se, null, [
|
|
687
688
|
h("div", {
|
|
688
689
|
ref_key: "wrapperRef",
|
|
689
690
|
ref: r,
|
|
690
|
-
class: S(["scalar-component", { contents: !!
|
|
691
|
+
class: S(["scalar-component", { contents: !!u.$slots.default }])
|
|
691
692
|
}, [
|
|
692
|
-
b(
|
|
693
|
+
b(u.$slots, "default")
|
|
693
694
|
], 2),
|
|
694
695
|
h("div", A({
|
|
695
696
|
ref_key: "floatingRef",
|
|
696
697
|
ref: e,
|
|
697
698
|
class: "scalar-component relative z-context",
|
|
698
699
|
style: n(i)
|
|
699
|
-
},
|
|
700
|
-
b(
|
|
700
|
+
}, u.$attrs), [
|
|
701
|
+
b(u.$slots, "floating", {
|
|
701
702
|
data: n(g),
|
|
702
|
-
height:
|
|
703
|
+
height: p.value,
|
|
703
704
|
width: s.value
|
|
704
705
|
})
|
|
705
706
|
], 16)
|
|
@@ -713,27 +714,27 @@ const G = /* @__PURE__ */ w({
|
|
|
713
714
|
resize: { type: Boolean }
|
|
714
715
|
},
|
|
715
716
|
setup(a) {
|
|
716
|
-
return (t, e) => (m(),
|
|
717
|
-
default:
|
|
718
|
-
|
|
717
|
+
return (t, e) => (m(), $(n(me), null, {
|
|
718
|
+
default: y(() => [
|
|
719
|
+
I(n(H), {
|
|
719
720
|
placement: t.placement ?? "bottom-start",
|
|
720
721
|
resize: t.resize
|
|
721
722
|
}, {
|
|
722
|
-
floating:
|
|
723
|
-
|
|
723
|
+
floating: y(({ width: r }) => [
|
|
724
|
+
I(n(ge), A({
|
|
724
725
|
class: "scalar-component relative flex w-56 flex-col p-0.75",
|
|
725
726
|
style: { width: r }
|
|
726
727
|
}, t.$attrs), {
|
|
727
|
-
default:
|
|
728
|
+
default: y(() => [
|
|
728
729
|
b(t.$slots, "items"),
|
|
729
730
|
Fe
|
|
730
731
|
]),
|
|
731
732
|
_: 2
|
|
732
733
|
}, 1040, ["style"])
|
|
733
734
|
]),
|
|
734
|
-
default:
|
|
735
|
-
|
|
736
|
-
default:
|
|
735
|
+
default: y(() => [
|
|
736
|
+
I(n(fe), { as: "template" }, {
|
|
737
|
+
default: y(() => [
|
|
737
738
|
b(t.$slots, "default")
|
|
738
739
|
]),
|
|
739
740
|
_: 3
|
|
@@ -749,7 +750,7 @@ const G = /* @__PURE__ */ w({
|
|
|
749
750
|
function Xe(a, t) {
|
|
750
751
|
return m(), v("div", We);
|
|
751
752
|
}
|
|
752
|
-
const qe = /* @__PURE__ */
|
|
753
|
+
const qe = /* @__PURE__ */ O(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
753
754
|
__name: "ScalarDropdownItem",
|
|
754
755
|
props: {
|
|
755
756
|
disabled: { type: Boolean }
|
|
@@ -771,8 +772,8 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
771
772
|
active: { true: "bg-back-2 text-fore-1" }
|
|
772
773
|
}
|
|
773
774
|
});
|
|
774
|
-
return (e, r) => (m(),
|
|
775
|
-
default:
|
|
775
|
+
return (e, r) => (m(), $(n(he), { disabled: e.disabled }, {
|
|
776
|
+
default: y(({ active: d }) => [
|
|
776
777
|
h("button", {
|
|
777
778
|
class: S(["item", n(E)("scalar-dropdown-item", n(t)({ active: d, disabled: e.disabled }))]),
|
|
778
779
|
type: "button",
|
|
@@ -784,10 +785,10 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
784
785
|
_: 3
|
|
785
786
|
}, 8, ["disabled"]));
|
|
786
787
|
}
|
|
787
|
-
}),
|
|
788
|
+
}), F = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx.js"), "./ArrowLeft.svg": () => import("./ArrowLeft-aY17W2aS.js"), "./ArrowRight.svg": () => import("./ArrowRight-DEMtdoE7.js"), "./Background.svg": () => import("./Background-DcRhSHgf.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG.js"), "./CallToAction.svg": () => import("./CallToAction-EyQKkvbg.js"), "./Checkmark.svg": () => import("./Checkmark-De7nq6cG.js"), "./ChevronDown.svg": () => import("./ChevronDown-Co7EAKAv.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-DYt0idAu.js"), "./ChevronRight.svg": () => import("./ChevronRight-ylxToVWl.js"), "./ChevronUp.svg": () => import("./ChevronUp-xAnukIfj.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv.js"), "./Close.svg": () => import("./Close-CW3z42qZ.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cv_igzJE.js"), "./Cookie.svg": () => import("./Cookie-CEHvXpqB.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I.js"), "./Delete.svg": () => import("./Delete-BCZmxrDD.js"), "./Discord.svg": () => import("./Discord-BHYOFBB2.js"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN.js"), "./Duplicate.svg": () => import("./Duplicate-BPlzNpcf.js"), "./Edit.svg": () => import("./Edit-Br04RNYb.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./Error.svg": () => import("./Error-B_RGtWJI.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7.js"), "./FilterList.svg": () => import("./FilterList-CsAcE9em.js"), "./Folder.svg": () => import("./Folder-Cdcj4evh.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.js"), "./Hide.svg": () => import("./Hide-DBLY4PPo.js"), "./History.svg": () => import("./History-D9nmhNIn.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M.js"), "./Key.svg": () => import("./Key-CWXJqX28.js"), "./Leave.svg": () => import("./Leave-K1J3uwoG.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_.js"), "./Link.svg": () => import("./Link-Bzuc__Nc.js"), "./Lock.svg": () => import("./Lock-xhiH1mKz.js"), "./Logo.svg": () => import("./Logo-mtzeKD8M.js"), "./LogoAPI.svg": () => import("./LogoAPI-CaU5E6FK.js"), "./LogoClient.svg": () => import("./LogoClient-DdC-t_7P.js"), "./LogoMarket.svg": () => import("./LogoMarket-DwlApcab.js"), "./LogoSwagger.svg": () => import("./LogoSwagger-CH60H5qW.js"), "./Magic.svg": () => import("./Magic-Dsi9_bEc.js"), "./Menu.svg": () => import("./Menu-CFK5cOsm.js"), "./Page.svg": () => import("./Page-B7rVuhpl.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB.js"), "./Payment.svg": () => import("./Payment-hzcXP1Xb.js"), "./Play.svg": () => import("./Play-BrVagRQA.js"), "./Refresh.svg": () => import("./Refresh-Be6vHEEi.js"), "./Response.svg": () => import("./Response-Dq9pM-ZU.js"), "./Search.svg": () => import("./Search-DqtlswRG.js"), "./Show.svg": () => import("./Show-CMsTZAgT.js"), "./SideBarClosed.svg": () => import("./SideBarClosed-CYUNS2XM.js"), "./SideBarOpen.svg": () => import("./SideBarOpen-BOxW49_U.js"), "./Sort.svg": () => import("./Sort-oTjBhJFQ.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5.js"), "./ThumbsDown.svg": () => import("./ThumbsDown-BMgnsASL.js"), "./ThumbsUp.svg": () => import("./ThumbsUp-C1j6zY2j.js"), "./Trash.svg": () => import("./Trash-BpA3zWPD.js"), "./Unlock.svg": () => import("./Unlock-CY8UqJoE.js"), "./Upload.svg": () => import("./Upload-REIdL7RI.js"), "./User.svg": () => import("./User-Df5svMQ3.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular-DD4Vjgbk.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro-CLfrRt19.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel-kAy2wVLy.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs-BKdd_DY_.js"), "./programming-framework-react.svg": () => import("./programming-framework-react-PDgmtZuN.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs-Cv46W2aB.js"), "./programming-language-c.svg": () => import("./programming-language-c-hPGu2Zvg.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure-Cvmzky8x.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp-lqX1oWgb.js"), "./programming-language-css3.svg": () => import("./programming-language-css3-Dpp4Cr6b.js"), "./programming-language-go.svg": () => import("./programming-language-go-DoJxWwT6.js"), "./programming-language-html5.svg": () => import("./programming-language-html5-DlqJK4EL.js"), "./programming-language-http.svg": () => import("./programming-language-http-wMYwFS1I.js"), "./programming-language-java.svg": () => import("./programming-language-java-BCxG2T_w.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript-VxLvi1QG.js"), "./programming-language-json.svg": () => import("./programming-language-json-vEX_g7Zi.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin-DKV8vP9h.js"), "./programming-language-node.svg": () => import("./programming-language-node-Xsgx38lm.js"), "./programming-language-objc.svg": () => import("./programming-language-objc-BQXSOBsX.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml-BEz7gGv7.js"), "./programming-language-php.svg": () => import("./programming-language-php-GY38f8r4.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell-C9DkSp36.js"), "./programming-language-python.svg": () => import("./programming-language-python-Ct-_kNjo.js"), "./programming-language-r.svg": () => import("./programming-language-r-BGoKwua9.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby-DhdM4d7g.js"), "./programming-language-scala.svg": () => import("./programming-language-scala-BVg0dToJ.js"), "./programming-language-shell.svg": () => import("./programming-language-shell-BsTa1xI7.js"), "./programming-language-swift.svg": () => import("./programming-language-swift-Dn72xPjg.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript-CdF-HuRi.js"), "./programming-script-code.svg": () => import("./programming-script-code-DQN1veb2.js"), "./programming-tool-git.svg": () => import("./programming-tool-git-DDnQ1zGD.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss-xjXi0E6g.js") }), U = (a) => {
|
|
788
789
|
const t = `./${a}.svg`;
|
|
789
|
-
return
|
|
790
|
-
}, Ye = ["src"],
|
|
790
|
+
return F[t] ? oe(F[t]) : (console.warn(`Could not find icon: ${a}`), null);
|
|
791
|
+
}, Ye = ["src"], G = /* @__PURE__ */ w({
|
|
791
792
|
__name: "ScalarIcon",
|
|
792
793
|
props: {
|
|
793
794
|
icon: {},
|
|
@@ -810,8 +811,8 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
810
811
|
defaultVariants: {
|
|
811
812
|
size: "full"
|
|
812
813
|
}
|
|
813
|
-
}), r =
|
|
814
|
-
return (d, c) => n(r) ? (m(),
|
|
814
|
+
}), r = U(t.icon);
|
|
815
|
+
return (d, c) => n(r) ? (m(), $(q(n(U)(d.icon)), {
|
|
815
816
|
key: 0,
|
|
816
817
|
class: S(n(E)("scalar-icon", n(e)({ size: d.size })))
|
|
817
818
|
}, null, 8, ["class"])) : (m(), v("img", {
|
|
@@ -819,7 +820,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
819
820
|
src: d.icon
|
|
820
821
|
}, null, 8, Ye));
|
|
821
822
|
}
|
|
822
|
-
}), Je = ["ariaDisabled"], Ze = { class: "sr-only" },
|
|
823
|
+
}), Je = ["ariaDisabled"], Ze = { class: "sr-only" }, Z = /* @__PURE__ */ w({
|
|
823
824
|
__name: "ScalarIconButton",
|
|
824
825
|
props: {
|
|
825
826
|
label: {},
|
|
@@ -842,9 +843,9 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
842
843
|
disabled: {
|
|
843
844
|
true: "cursor-not-allowed shadow-none"
|
|
844
845
|
},
|
|
845
|
-
variant:
|
|
846
|
+
variant: J
|
|
846
847
|
}
|
|
847
|
-
}), e =
|
|
848
|
+
}), e = _(() => {
|
|
848
849
|
const { class: r, ...d } = T();
|
|
849
850
|
return { class: r || "", rest: d };
|
|
850
851
|
});
|
|
@@ -853,11 +854,11 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
853
854
|
class: n(E)(n(t)({ size: r.size, variant: r.variant, disabled: r.disabled }), e.value.class),
|
|
854
855
|
type: "button"
|
|
855
856
|
}), [
|
|
856
|
-
|
|
857
|
-
h("span", Ze,
|
|
857
|
+
I(n(G), { icon: r.icon }, null, 8, ["icon"]),
|
|
858
|
+
h("span", Ze, z(r.label), 1)
|
|
858
859
|
], 16, Je));
|
|
859
860
|
}
|
|
860
|
-
}),
|
|
861
|
+
}), Dt = () => j({
|
|
861
862
|
open: !1,
|
|
862
863
|
show() {
|
|
863
864
|
this.open = !0;
|
|
@@ -894,11 +895,11 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
894
895
|
}
|
|
895
896
|
}
|
|
896
897
|
});
|
|
897
|
-
return (e, r) => (m(),
|
|
898
|
+
return (e, r) => (m(), $(n(ve), {
|
|
898
899
|
open: e.state.open,
|
|
899
900
|
onClose: r[0] || (r[0] = (d) => e.state.hide())
|
|
900
901
|
}, {
|
|
901
|
-
default:
|
|
902
|
+
default: y(() => [
|
|
902
903
|
h("div", {
|
|
903
904
|
class: S(
|
|
904
905
|
n(E)(
|
|
@@ -908,21 +909,21 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
908
909
|
)
|
|
909
910
|
)
|
|
910
911
|
}, [
|
|
911
|
-
|
|
912
|
+
I(n(be), {
|
|
912
913
|
class: S(n(t)({ size: e.size, variant: e.variant })),
|
|
913
|
-
style:
|
|
914
|
+
style: K({ maxWidth: e.maxWidth })
|
|
914
915
|
}, {
|
|
915
|
-
default:
|
|
916
|
-
e.title ? (m(),
|
|
916
|
+
default: y(() => [
|
|
917
|
+
e.title ? (m(), $(n(Se), {
|
|
917
918
|
key: 0,
|
|
918
919
|
class: S(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1", { "pb-0 pt-6": e.variant === "history" }])
|
|
919
920
|
}, {
|
|
920
|
-
default:
|
|
921
|
-
z(
|
|
921
|
+
default: y(() => [
|
|
922
|
+
Y(z(e.title), 1)
|
|
922
923
|
]),
|
|
923
924
|
_: 1
|
|
924
|
-
}, 8, ["class"])) :
|
|
925
|
-
|
|
925
|
+
}, 8, ["class"])) : N("", !0),
|
|
926
|
+
I(n(ye), {
|
|
926
927
|
class: S([
|
|
927
928
|
"scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 px-6 pb-4 pt-6",
|
|
928
929
|
n(E)(
|
|
@@ -932,7 +933,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
932
933
|
)
|
|
933
934
|
])
|
|
934
935
|
}, {
|
|
935
|
-
default:
|
|
936
|
+
default: y(() => [
|
|
936
937
|
b(e.$slots, "default", {}, void 0, !0)
|
|
937
938
|
]),
|
|
938
939
|
_: 3
|
|
@@ -945,7 +946,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
945
946
|
_: 3
|
|
946
947
|
}, 8, ["open"]));
|
|
947
948
|
}
|
|
948
|
-
}), et = /* @__PURE__ */
|
|
949
|
+
}), et = /* @__PURE__ */ O(Qe, [["__scopeId", "data-v-ff85ced0"]]), tt = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), at = /* @__PURE__ */ w({
|
|
949
950
|
inheritAttrs: !1,
|
|
950
951
|
__name: "ScalarPopover",
|
|
951
952
|
props: {
|
|
@@ -953,24 +954,24 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
953
954
|
resize: { type: Boolean }
|
|
954
955
|
},
|
|
955
956
|
setup(a) {
|
|
956
|
-
return (t, e) => (m(),
|
|
957
|
-
default:
|
|
958
|
-
|
|
959
|
-
floating:
|
|
960
|
-
|
|
957
|
+
return (t, e) => (m(), $(n(_e), null, {
|
|
958
|
+
default: y(() => [
|
|
959
|
+
I(n(H), ne(ie(t.$props)), {
|
|
960
|
+
floating: y(({ width: r, height: d }) => [
|
|
961
|
+
I(n(we), A({
|
|
961
962
|
class: "scalar-component relative flex flex-col p-0.75",
|
|
962
963
|
style: { width: r, height: d }
|
|
963
964
|
}, t.$attrs), {
|
|
964
|
-
default:
|
|
965
|
+
default: y(() => [
|
|
965
966
|
b(t.$slots, "popover"),
|
|
966
967
|
tt
|
|
967
968
|
]),
|
|
968
969
|
_: 2
|
|
969
970
|
}, 1040, ["style"])
|
|
970
971
|
]),
|
|
971
|
-
default:
|
|
972
|
-
|
|
973
|
-
default:
|
|
972
|
+
default: y(() => [
|
|
973
|
+
I(n(ke), { as: "template" }, {
|
|
974
|
+
default: y(() => [
|
|
974
975
|
b(t.$slots, "default")
|
|
975
976
|
]),
|
|
976
977
|
_: 3
|
|
@@ -995,7 +996,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
995
996
|
function r(c) {
|
|
996
997
|
e("update:modelValue", c.target.value);
|
|
997
998
|
}
|
|
998
|
-
const d =
|
|
999
|
+
const d = _(() => {
|
|
999
1000
|
const { class: c, ...s } = T();
|
|
1000
1001
|
return { className: c || "", rest: s };
|
|
1001
1002
|
});
|
|
@@ -1007,7 +1008,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
1007
1008
|
}), [
|
|
1008
1009
|
h("span", rt, [
|
|
1009
1010
|
b(c.$slots, "label", {}, () => [
|
|
1010
|
-
|
|
1011
|
+
Y("Enter search")
|
|
1011
1012
|
])
|
|
1012
1013
|
]),
|
|
1013
1014
|
h("input", {
|
|
@@ -1021,29 +1022,32 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
1021
1022
|
value: c.modelValue,
|
|
1022
1023
|
onInput: r
|
|
1023
1024
|
}, null, 40, st),
|
|
1024
|
-
c.loading && c.loading.isLoading ? (m(),
|
|
1025
|
+
c.loading && c.loading.isLoading ? (m(), $(n(M), {
|
|
1025
1026
|
key: 0,
|
|
1026
1027
|
class: "mr-3 self-center",
|
|
1027
1028
|
loadingState: c.loading,
|
|
1028
1029
|
size: "20px"
|
|
1029
|
-
}, null, 8, ["loadingState"])) : c.modelValue ? (m(),
|
|
1030
|
+
}, null, 8, ["loadingState"])) : c.modelValue ? (m(), $(n(Z), {
|
|
1030
1031
|
key: 1,
|
|
1031
1032
|
class: "self-center",
|
|
1032
1033
|
icon: "Close",
|
|
1033
1034
|
label: "Clear Search",
|
|
1034
1035
|
size: "md",
|
|
1035
|
-
onClick: s[0] || (s[0] = (
|
|
1036
|
-
})) :
|
|
1036
|
+
onClick: s[0] || (s[0] = (p) => e("update:modelValue", ""))
|
|
1037
|
+
})) : N("", !0)
|
|
1037
1038
|
], 16));
|
|
1038
1039
|
}
|
|
1039
|
-
}), nt =
|
|
1040
|
+
}), nt = /* @__PURE__ */ h("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [
|
|
1041
|
+
/* @__PURE__ */ h("div", { class: "rotate-90 text-lg font-bold" }, ":("),
|
|
1042
|
+
/* @__PURE__ */ h("div", { class: "text-sm font-medium text-fore-2" }, "No results found")
|
|
1043
|
+
], -1), it = /* @__PURE__ */ w({
|
|
1040
1044
|
inheritAttrs: !1,
|
|
1041
1045
|
__name: "ScalarSearchResultList",
|
|
1042
1046
|
props: {
|
|
1043
1047
|
noResults: { type: Boolean }
|
|
1044
1048
|
},
|
|
1045
1049
|
setup(a) {
|
|
1046
|
-
const t =
|
|
1050
|
+
const t = _(() => {
|
|
1047
1051
|
const { class: e, ...r } = T();
|
|
1048
1052
|
return { className: e || "", rest: r };
|
|
1049
1053
|
});
|
|
@@ -1051,25 +1055,15 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
1051
1055
|
class: n(E)("flex flex-col", t.value.className)
|
|
1052
1056
|
}), [
|
|
1053
1057
|
e.noResults ? b(e.$slots, "noResults", { key: 0 }, () => [
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
h("div", lt, [
|
|
1057
|
-
z(" No results found "),
|
|
1058
|
-
e.$slots.query ? (m(), v(K, { key: 0 }, [
|
|
1059
|
-
z('for "'),
|
|
1060
|
-
b(e.$slots, "query"),
|
|
1061
|
-
z('"')
|
|
1062
|
-
], 64)) : $("", !0)
|
|
1063
|
-
])
|
|
1064
|
-
])
|
|
1065
|
-
]) : $("", !0),
|
|
1058
|
+
nt
|
|
1059
|
+
]) : N("", !0),
|
|
1066
1060
|
b(e.$slots, "default")
|
|
1067
1061
|
], 16));
|
|
1068
1062
|
}
|
|
1069
|
-
}),
|
|
1063
|
+
}), lt = { class: "contents" }, dt = { class: "text-fore-3 group-hover:text-fore-1" }, ct = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, pt = { class: "flex items-center gap-1" }, ut = { class: "flex-1 truncate text-sm font-medium" }, mt = {
|
|
1070
1064
|
key: 0,
|
|
1071
1065
|
class: "text-xs text-fore-2"
|
|
1072
|
-
},
|
|
1066
|
+
}, gt = { class: "truncate text-xs text-fore-2" }, ft = /* @__PURE__ */ w({
|
|
1073
1067
|
inheritAttrs: !1,
|
|
1074
1068
|
__name: "ScalarSearchResultItem",
|
|
1075
1069
|
props: {
|
|
@@ -1077,11 +1071,11 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
1077
1071
|
active: { type: Boolean }
|
|
1078
1072
|
},
|
|
1079
1073
|
setup(a) {
|
|
1080
|
-
const t =
|
|
1074
|
+
const t = _(() => {
|
|
1081
1075
|
const { class: e, ...r } = T();
|
|
1082
1076
|
return { className: e || "", rest: r };
|
|
1083
1077
|
});
|
|
1084
|
-
return (e, r) => (m(), v("li",
|
|
1078
|
+
return (e, r) => (m(), v("li", lt, [
|
|
1085
1079
|
h("a", A(t.value.rest, {
|
|
1086
1080
|
class: n(E)(
|
|
1087
1081
|
"group flex cursor-pointer gap-3 rounded px-3 py-1.5 no-underline hover:bg-back-2",
|
|
@@ -1091,32 +1085,32 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
1091
1085
|
t.value.className
|
|
1092
1086
|
)
|
|
1093
1087
|
}), [
|
|
1094
|
-
h("div",
|
|
1088
|
+
h("div", dt, [
|
|
1095
1089
|
b(e.$slots, "icon", {}, () => [
|
|
1096
|
-
e.icon ? (m(),
|
|
1090
|
+
e.icon ? (m(), $(n(G), {
|
|
1097
1091
|
key: 0,
|
|
1098
1092
|
icon: e.icon,
|
|
1099
1093
|
size: "sm"
|
|
1100
|
-
}, null, 8, ["icon"])) :
|
|
1094
|
+
}, null, 8, ["icon"])) : N("", !0)
|
|
1101
1095
|
])
|
|
1102
1096
|
]),
|
|
1103
|
-
h("div",
|
|
1104
|
-
h("div",
|
|
1105
|
-
h("div",
|
|
1097
|
+
h("div", ct, [
|
|
1098
|
+
h("div", pt, [
|
|
1099
|
+
h("div", ut, [
|
|
1106
1100
|
b(e.$slots, "default")
|
|
1107
1101
|
]),
|
|
1108
|
-
e.$slots.addon ? (m(), v("div",
|
|
1102
|
+
e.$slots.addon ? (m(), v("div", mt, [
|
|
1109
1103
|
b(e.$slots, "addon")
|
|
1110
|
-
])) :
|
|
1104
|
+
])) : N("", !0)
|
|
1111
1105
|
]),
|
|
1112
|
-
h("div",
|
|
1106
|
+
h("div", gt, [
|
|
1113
1107
|
b(e.$slots, "description")
|
|
1114
1108
|
])
|
|
1115
1109
|
])
|
|
1116
1110
|
], 16)
|
|
1117
1111
|
]));
|
|
1118
1112
|
}
|
|
1119
|
-
}),
|
|
1113
|
+
}), ht = { class: "scalar-component scalar-input-container relative" }, vt = ["for"], bt = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, St = /* @__PURE__ */ w({
|
|
1120
1114
|
__name: "ScalarTextField",
|
|
1121
1115
|
props: {
|
|
1122
1116
|
modelValue: {},
|
|
@@ -1141,16 +1135,16 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
1141
1135
|
},
|
|
1142
1136
|
error: { true: "scalar-input-wrapper-error border-error" }
|
|
1143
1137
|
}
|
|
1144
|
-
}), c = T(), s = c.id || `id-${Ce()}`,
|
|
1138
|
+
}), c = T(), s = c.id || `id-${Ce()}`, p = x(), i = x(!1);
|
|
1145
1139
|
let g;
|
|
1146
1140
|
if (e.isMultiline) {
|
|
1147
1141
|
const { triggerResize: l } = Ae({
|
|
1148
|
-
element:
|
|
1142
|
+
element: p,
|
|
1149
1143
|
input: e.modelValue
|
|
1150
1144
|
});
|
|
1151
1145
|
g = l;
|
|
1152
1146
|
}
|
|
1153
|
-
function
|
|
1147
|
+
function u(l) {
|
|
1154
1148
|
const k = l.target.value;
|
|
1155
1149
|
e.isMultiline && g(), e.handleFieldChange ? e.handleFieldChange(k) : r("update:modelValue", k);
|
|
1156
1150
|
}
|
|
@@ -1161,16 +1155,16 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
1161
1155
|
function f(l) {
|
|
1162
1156
|
i.value = !1, e.emitOnBlur && e.modelValue && o(l);
|
|
1163
1157
|
}
|
|
1164
|
-
return
|
|
1158
|
+
return X(() => {
|
|
1165
1159
|
var l;
|
|
1166
|
-
Object.prototype.hasOwnProperty.call(c, "autofocus") && ((l =
|
|
1167
|
-
}), (l, k) => (m(), v("div",
|
|
1160
|
+
Object.prototype.hasOwnProperty.call(c, "autofocus") && ((l = p.value) == null || l.focus());
|
|
1161
|
+
}), (l, k) => (m(), v("div", ht, [
|
|
1168
1162
|
h("div", {
|
|
1169
1163
|
class: S(n(d)({ error: l.error, focus: i.value }))
|
|
1170
1164
|
}, [
|
|
1171
|
-
(m(),
|
|
1165
|
+
(m(), $(q(l.isMultiline ? "textarea" : "input"), A({ id: n(s) }, l.$attrs, {
|
|
1172
1166
|
ref_key: "input",
|
|
1173
|
-
ref:
|
|
1167
|
+
ref: p,
|
|
1174
1168
|
class: [
|
|
1175
1169
|
"scalar-input",
|
|
1176
1170
|
n(E)(
|
|
@@ -1183,7 +1177,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
1183
1177
|
value: l.modelValue,
|
|
1184
1178
|
onBlur: f,
|
|
1185
1179
|
onFocus: k[0] || (k[0] = (C) => i.value = !0),
|
|
1186
|
-
onInput:
|
|
1180
|
+
onInput: u,
|
|
1187
1181
|
onKeyup: le(o, ["enter"])
|
|
1188
1182
|
}), null, 16, ["id", "class", "placeholder", "value"])),
|
|
1189
1183
|
l.label ? (m(), v("label", {
|
|
@@ -1195,12 +1189,12 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
1195
1189
|
)
|
|
1196
1190
|
),
|
|
1197
1191
|
for: n(s),
|
|
1198
|
-
style:
|
|
1192
|
+
style: K({
|
|
1199
1193
|
"box-shadow": `0 0 4px 4px ${l.labelShadowColor}`,
|
|
1200
1194
|
"background-color": l.labelShadowColor
|
|
1201
1195
|
})
|
|
1202
|
-
},
|
|
1203
|
-
h("div",
|
|
1196
|
+
}, z(l.label), 15, vt)) : N("", !0),
|
|
1197
|
+
h("div", bt, [
|
|
1204
1198
|
b(l.$slots, "default", {}, void 0, !0)
|
|
1205
1199
|
])
|
|
1206
1200
|
], 2),
|
|
@@ -1212,31 +1206,31 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
|
|
|
1212
1206
|
"before:bg-error before:text-white before:content-['!'] empty:hidden"
|
|
1213
1207
|
)
|
|
1214
1208
|
)
|
|
1215
|
-
},
|
|
1209
|
+
}, z(l.helperText), 3)
|
|
1216
1210
|
]));
|
|
1217
1211
|
}
|
|
1218
|
-
}),
|
|
1212
|
+
}), yt = /* @__PURE__ */ O(St, [["__scopeId", "data-v-5f3f67be"]]), Pt = {
|
|
1219
1213
|
install: (a) => {
|
|
1220
|
-
a.component("ScalarButton", Me), a.component("ScalarDropdown", Ue), a.component("ScalarDropdownDivider", qe), a.component("ScalarDropdownItem", Ke), a.component("ScalarFloating",
|
|
1214
|
+
a.component("ScalarButton", Me), a.component("ScalarDropdown", Ue), a.component("ScalarDropdownDivider", qe), a.component("ScalarDropdownItem", Ke), a.component("ScalarFloating", H), a.component("ScalarIcon", G), a.component("ScalarIconButton", Z), a.component("ScalarLoading", M), a.component("ScalarModal", et), a.component("ScalarPopover", at), a.component("ScalarSearchInput", ot), a.component("ScalarSearchResultItem", ft), a.component("ScalarSearchResultList", it), a.component("ScalarTextField", yt);
|
|
1221
1215
|
}
|
|
1222
1216
|
};
|
|
1223
1217
|
export {
|
|
1224
1218
|
Me as ScalarButton,
|
|
1225
|
-
|
|
1219
|
+
zt as ScalarCodeBlock,
|
|
1226
1220
|
Ue as ScalarDropdown,
|
|
1227
1221
|
qe as ScalarDropdownDivider,
|
|
1228
1222
|
Ke as ScalarDropdownItem,
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1223
|
+
H as ScalarFloating,
|
|
1224
|
+
G as ScalarIcon,
|
|
1225
|
+
Z as ScalarIconButton,
|
|
1226
|
+
M as ScalarLoading,
|
|
1233
1227
|
et as ScalarModal,
|
|
1234
1228
|
at as ScalarPopover,
|
|
1235
1229
|
ot as ScalarSearchInput,
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1230
|
+
ft as ScalarSearchResultItem,
|
|
1231
|
+
it as ScalarSearchResultList,
|
|
1232
|
+
yt as ScalarTextField,
|
|
1233
|
+
Pt as default,
|
|
1234
|
+
Rt as useLoadingState,
|
|
1235
|
+
Dt as useModal
|
|
1242
1236
|
};
|