@scalar/api-client 2.18.0 → 2.18.3

package/dist/v2/components/data-table/DataTableInputSelect.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as T, computed as p, ref as w, watch as b, nextTick as E, createElementBlock as m, openBlock as o, createBlock as f, withDirectives as K, unref as a, withCtx as n, createVNode as s, createElementVNode as i, toDisplayString as V, withKeys as M, vModelText as R, createCommentVNode as C, Fragment as _, renderList as U, normalizeClass as $ } from "vue";
-import { ScalarComboboxMultiselect as F, ScalarButton as B, ScalarIcon as v, ScalarDropdown as L, ScalarDropdownItem as D, ScalarDropdownDivider as W } from "@scalar/components";
+import { defineComponent as T, computed as p, ref as V, watch as C, nextTick as E, createElementBlock as m, openBlock as o, createBlock as f, withDirectives as K, unref as a, withCtx as n, createVNode as s, createElementVNode as i, toDisplayString as x, withKeys as M, vModelText as R, createCommentVNode as _, Fragment as B, renderList as U, normalizeClass as $ } from "vue";
+import { ScalarComboboxMultiselect as F, ScalarButton as D, ScalarIcon as v, ScalarDropdown as L, ScalarDropdownItem as j, ScalarDropdownDivider as W } from "@scalar/components";
 const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-full pr-10 -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline" }, G = { class: "text-c-1 whitespace-nowrap" }, H = { class: "text-c-1 overflow-hidden text-ellipsis" }, J = { class: "overflow-hidden text-ellipsis" }, P = { class: "flex h-4 w-4 items-center justify-center" }, Z = /* @__PURE__ */ T({
   __name: "DataTableInputSelect",
   props: {
@@ -10,50 +10,50 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
     type: {}
   },
   emits: ["update:modelValue"],
-  setup(j, { emit: z }) {
-    const u = j, c = z, h = p(() => u.value ?? []), d = w(!1), r = w(""), x = w(null);
-    b(r, (e) => {
-      c("update:modelValue", e);
+  setup(h, { emit: z }) {
+    const u = h, d = z, y = p(() => u.value ?? []), c = V(!1), r = V(""), g = V(null);
+    C(r, (e) => {
+      d("update:modelValue", e);
     });
-    const g = (e) => {
-      c("update:modelValue", e), d.value = !1;
+    const S = (e) => {
+      d("update:modelValue", e), c.value = !1;
     }, A = () => {
-      r.value.trim() && g(r.value);
+      r.value.trim() && S(r.value);
     }, N = () => {
-      r.value.trim() || c("update:modelValue", ""), d.value = !1;
+      r.value.trim() || d("update:modelValue", ""), c.value = !1;
     }, O = (e) => u.modelValue.toString() === e;
-    b(d, (e) => {
+    C(c, (e) => {
       e && E(() => {
-        x.value?.focus();
+        g.value?.focus();
       });
     });
-    const S = p(() => u.modelValue !== void 0 ? u.modelValue : u.default), k = p(
-      () => h.value.map((e) => {
+    const k = p(() => u.modelValue !== void 0 ? u.modelValue : u.default), b = p(
+      () => y.value.map((e) => {
         const t = e.toString();
         return { id: t, label: t, value: t };
       })
-    ), y = p(() => {
+    ), w = p(() => {
       const e = new Set(u.modelValue.toString().split(","));
-      return k.value.filter((t) => e.has(t.id));
+      return b.value.filter((t) => e.has(t.id));
     }), I = (e) => {
       const t = e.map((l) => l.value);
-      c("update:modelValue", t.join(","));
+      d("update:modelValue", t.join(","));
     };
     return (e, t) => (o(), m("div", q, [
-      e.type === "array" ? (o(), f(a(F), {
+      h.type === "array" ? (o(), f(a(F), {
         key: 0,
-        modelValue: y.value,
-        options: k.value,
+        modelValue: w.value,
+        options: b.value,
         "onUpdate:modelValue": I
       }, {
         default: n(() => [
-          s(a(B), {
+          s(a(D), {
             class: "custom-scroll h-full justify-start gap-1.5 px-2 py-1.5 pr-6 font-normal outline-none",
             fullWidth: "",
             variant: "ghost"
           }, {
             default: n(() => [
-              i("span", G, V(y.value.length > 0 ? y.value.map((l) => l.label).join(", ") : "Select a value"), 1),
+              i("span", G, x(w.value.length > 0 ? w.value.map((l) => l.label).join(", ") : "Select a value"), 1),
               s(a(v), {
                 class: "min-w-4",
                 icon: "ChevronDown",
@@ -64,10 +64,10 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
           })
         ]),
         _: 1
-      }, 8, ["modelValue", "options"])) : d.value ? K((o(), m("input", {
+      }, 8, ["modelValue", "options"])) : c.value ? K((o(), m("input", {
         key: 1,
         ref_key: "inputRef",
-        ref: x,
+        ref: g,
         "onUpdate:modelValue": t[0] || (t[0] = (l) => r.value = l),
         class: "text-c-1 w-full min-w-0 border-none px-2 py-1.5 outline-none",
         placeholder: "Value",
@@ -79,14 +79,14 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
       ]) : (o(), f(a(L), {
         key: 2,
         resize: "",
-        value: S.value
+        value: k.value
       }, {
         items: n(() => [
-          (o(!0), m(_, null, U(h.value, (l) => (o(), f(a(D), {
+          (o(!0), m(B, null, U(y.value, (l) => (o(), f(a(j), {
             key: l,
             class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
             value: l,
-            onClick: (Q) => g(l)
+            onClick: (Q) => S(l)
           }, {
             default: n(() => [
               i("div", {
@@ -101,15 +101,15 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
                   thickness: "3"
                 })
               ], 2),
-              i("span", J, V(l), 1)
+              i("span", J, x(l), 1)
             ]),
             _: 2
           }, 1032, ["value", "onClick"]))), 128)),
-          e.canAddCustomValue ? (o(), m(_, { key: 0 }, [
-            h.value.length ? (o(), f(a(W), { key: 0 })) : C("", !0),
-            s(a(D), {
+          h.canAddCustomValue ? (o(), m(B, { key: 0 }, [
+            y.value.length ? (o(), f(a(W), { key: 0 })) : _("", !0),
+            s(a(j), {
               class: "flex items-center gap-1.5",
-              onClick: t[1] || (t[1] = (l) => d.value = !0)
+              onClick: t[1] || (t[1] = (l) => c.value = !0)
             }, {
               default: n(() => [
                 i("div", P, [
@@ -122,15 +122,15 @@ const q = { class: "group-[.alert]:outline-orange group-[.error]:outline-red w-f
               ]),
               _: 1
             })
-          ], 64)) : C("", !0)
+          ], 64)) : _("", !0)
         ]),
         default: n(() => [
-          s(a(B), {
+          s(a(D), {
             class: "size-full justify-start gap-1.5 overflow-auto px-2 py-1.5 font-normal whitespace-nowrap outline-none",
             variant: "ghost"
           }, {
             default: n(() => [
-              i("span", H, V(S.value ?? "Select a value"), 1),
+              i("span", H, x(k.value ?? "Select a value"), 1),
               s(a(v), {
                 icon: "ChevronDown",
                 size: "md"

package/dist/v2/components/data-table/DataTableText.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as t, createBlock as a, openBlock as o, withCtx as r, createElementVNode as s, renderSlot as n, createTextVNode as p, toDisplayString as l } from "vue";
-import c from "./DataTableCell.vue.js";
-const i = { class: "flex-1 px-2 py-1.5 whitespace-nowrap" }, x = /* @__PURE__ */ t({
+import { defineComponent as a, createBlock as o, openBlock as r, withCtx as s, createElementVNode as n, renderSlot as l, createTextVNode as c, toDisplayString as p } from "vue";
+import i from "./DataTableCell.vue.js";
+const f = { class: "flex-1 px-2 py-1.5 whitespace-nowrap" }, d = /* @__PURE__ */ a({
   __name: "DataTableText",
   props: {
     text: {}
   },
-  setup(_) {
-    return (e, f) => (o(), a(c, { class: "relative flex" }, {
-      default: r(() => [
-        s("span", i, [
-          n(e.$slots, "default", {}, () => [
-            p(l(e.text), 1)
+  setup(e) {
+    return (t, _) => (r(), o(i, { class: "relative flex" }, {
+      default: s(() => [
+        n("span", f, [
+          l(t.$slots, "default", {}, () => [
+            c(p(e.text), 1)
           ])
         ])
       ]),
@@ -19,5 +19,5 @@ const i = { class: "flex-1 px-2 py-1.5 whitespace-nowrap" }, x = /* @__PURE__ */
   }
 });
 export {
-  x as default
+  d as default
 };

package/dist/v2/components/forms/ConfirmationForm.vue.js

@@ -1,38 +1,38 @@
-import { defineComponent as f, createElementBlock as u, openBlock as d, withModifiers as p, renderSlot as v, createElementVNode as b, createVNode as o, unref as a, withCtx as i, createTextVNode as l, toDisplayString as c } from "vue";
+import { defineComponent as u, createElementBlock as d, openBlock as p, withModifiers as c, renderSlot as v, createElementVNode as b, createVNode as a, unref as i, withCtx as o, createTextVNode as l, toDisplayString as x } from "vue";
 import { ScalarButton as r } from "@scalar/components";
-const x = { class: "flex justify-between gap-10" }, g = /* @__PURE__ */ f({
+const C = { class: "flex justify-between gap-10" }, g = /* @__PURE__ */ u({
   __name: "ConfirmationForm",
   props: {
     label: { default: "Save" },
     variant: { default: "solid" }
   },
   emits: ["cancel", "submit"],
-  setup(C, { emit: s }) {
+  setup(t, { emit: s }) {
     const n = s;
-    return (t, e) => (d(), u("form", {
+    return (m, e) => (p(), d("form", {
       class: "flex flex-col gap-4 text-base",
-      onSubmit: e[1] || (e[1] = p((m) => n("submit"), ["prevent"]))
+      onSubmit: e[1] || (e[1] = c((f) => n("submit"), ["prevent"]))
     }, [
-      v(t.$slots, "default"),
-      b("div", x, [
-        o(a(r), {
+      v(m.$slots, "default"),
+      b("div", C, [
+        a(i(r), {
           size: "sm",
           type: "button",
           variant: "outlined",
-          onClick: e[0] || (e[0] = (m) => n("cancel"))
+          onClick: e[0] || (e[0] = (f) => n("cancel"))
         }, {
-          default: i(() => [...e[2] || (e[2] = [
+          default: o(() => [...e[2] || (e[2] = [
             l(" Cancel ", -1)
           ])]),
           _: 1
         }),
-        o(a(r), {
+        a(i(r), {
           size: "sm",
           type: "submit",
           variant: t.variant
         }, {
-          default: i(() => [
-            l(c(t.label), 1)
+          default: o(() => [
+            l(x(t.label), 1)
           ]),
           _: 1
         }, 8, ["variant"])

package/dist/v2/components/layout/CollapsibleSection.vue.js

@@ -1,84 +1,84 @@
-import { defineComponent as x, useId as y, createBlock as f, openBlock as o, unref as s, normalizeClass as i, withCtx as n, createVNode as r, createElementVNode as l, createElementBlock as d, createCommentVNode as a, renderSlot as c, createTextVNode as C, toDisplayString as m, mergeProps as _ } from "vue";
-import { Disclosure as S, DisclosureButton as v, DisclosurePanel as k } from "@headlessui/vue";
-import { ScalarIcon as B } from "@scalar/components";
-import V from "./ValueEmitter.vue.js";
-const $ = ["aria-labelledby"], w = { class: "text-c-1 m-0 flex flex-1 items-center gap-1.5 leading-[20px]" }, D = ["id"], I = {
+import { defineComponent as y, useId as C, createBlock as p, openBlock as l, unref as s, normalizeClass as n, withCtx as c, createVNode as d, createElementVNode as a, createElementBlock as r, createCommentVNode as i, renderSlot as u, createTextVNode as S, toDisplayString as b, mergeProps as v } from "vue";
+import { Disclosure as k, DisclosureButton as B, DisclosurePanel as V } from "@headlessui/vue";
+import { ScalarIcon as $ } from "@scalar/components";
+import w from "./ValueEmitter.vue.js";
+const D = ["aria-labelledby"], I = { class: "text-c-1 m-0 flex flex-1 items-center gap-1.5 leading-[20px]" }, N = ["id"], O = {
   key: 0,
   class: "sr-only"
-}, N = {
+}, z = {
   key: 0,
   class: "bg-b-2 text-c-2 inline-flex h-5 w-5 items-center justify-center rounded-full border text-xs font-semibold"
-}, O = { class: "sr-only" }, z = {
+}, E = { class: "sr-only" }, P = {
   key: 0,
   class: "ui-not-open:hidden flex items-center gap-2 pr-0.75"
-}, E = {
+}, _ = {
   name: "CollapsibleSection"
-}, A = /* @__PURE__ */ x({
-  ...E,
+}, A = /* @__PURE__ */ y({
+  ..._,
   props: {
     defaultOpen: { type: Boolean, default: !0 },
     itemCount: { default: 0 },
     isStatic: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(P, { emit: b }) {
-    const h = b, u = y();
-    return (e, p) => (o(), f(s(S), {
+  setup(e, { emit: x }) {
+    const h = x, f = C();
+    return (o, m) => (l(), p(s(k), {
       as: "div",
-      class: i(["group/collapse text-c-2 focus-within:text-c-1 last:ui-open:border-b-0 border-b", e.isStatic && "last-of-type:first-of-type:border-b-0"]),
+      class: n(["group/collapse text-c-2 focus-within:text-c-1 last:ui-open:border-b-0 border-b", e.isStatic && "last-of-type:first-of-type:border-b-0"]),
       defaultOpen: e.defaultOpen,
       static: e.isStatic
     }, {
-      default: n(({ open: t }) => [
-        r(V, {
+      default: c(({ open: t }) => [
+        d(w, {
           value: t,
-          onChange: p[0] || (p[0] = (g) => h("update:modelValue", g))
+          onChange: m[0] || (m[0] = (g) => h("update:modelValue", g))
         }, null, 8, ["value"]),
-        l("section", {
-          "aria-labelledby": s(u),
+        a("section", {
+          "aria-labelledby": s(f),
           class: "contents"
         }, [
-          l("div", {
-            class: i(["bg-b-2 flex items-center", e.isStatic && "rounded-t-lg border border-b-0"])
+          a("div", {
+            class: n(["bg-b-2 flex items-center", e.isStatic && "rounded-t-lg border border-b-0"])
           }, [
-            r(s(v), {
-              class: i(["hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-base font-medium outline-none md:px-1.5 xl:pr-0.5 xl:pl-2", e.isStatic && "!pl-3"]),
+            d(s(B), {
+              class: n(["hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-base font-medium outline-none md:px-1.5 xl:pr-0.5 xl:pl-2", e.isStatic && "!pl-3"]),
               disabled: e.isStatic
             }, {
-              default: n(() => [
-                e.isStatic ? a("", !0) : (o(), f(s(B), {
+              default: c(() => [
+                e.isStatic ? i("", !0) : (l(), p(s($), {
                   key: 0,
                   class: "text-c-3 group-hover:text-c-1 rounded-px ui-open:rotate-90 ui-not-open:rotate-0 outline-offset-2 group-focus-visible:outline",
                   icon: "ChevronRight",
                   size: "md"
                 })),
-                l("h2", w, [
-                  l("span", {
-                    id: s(u),
+                a("h2", I, [
+                  a("span", {
+                    id: s(f),
                     class: "contents"
                   }, [
-                    c(e.$slots, "title", { open: t }),
-                    t ? a("", !0) : (o(), d("span", I, " (Collapsed) "))
-                  ], 8, D),
-                  !t && e.itemCount ? (o(), d("span", N, [
-                    C(m(e.itemCount) + " ", 1),
-                    l("span", O, "Item" + m(e.itemCount === 1 ? "" : "s"), 1)
-                  ])) : a("", !0)
+                    u(o.$slots, "title", { open: t }),
+                    t ? i("", !0) : (l(), r("span", O, " (Collapsed) "))
+                  ], 8, N),
+                  !t && e.itemCount ? (l(), r("span", z, [
+                    S(b(e.itemCount) + " ", 1),
+                    a("span", E, "Item" + b(e.itemCount === 1 ? "" : "s"), 1)
+                  ])) : i("", !0)
                 ])
               ]),
               _: 2
             }, 1032, ["class", "disabled"]),
-            e.$slots.actions ? (o(), d("div", z, [
-              c(e.$slots, "actions", { open: t })
-            ])) : a("", !0)
+            o.$slots.actions ? (l(), r("div", P, [
+              u(o.$slots, "actions", { open: t })
+            ])) : i("", !0)
           ], 2),
-          r(s(k), _(e.$attrs, { class: "diclosure-panel h-full max-h-fit rounded-b" }), {
-            default: n(() => [
-              c(e.$slots, "default", { open: t })
+          d(s(V), v(o.$attrs, { class: "diclosure-panel h-full max-h-fit rounded-b" }), {
+            default: c(() => [
+              u(o.$slots, "default", { open: t })
             ]),
             _: 2
           }, 1040)
-        ], 8, $)
+        ], 8, D)
       ]),
       _: 3
     }, 8, ["class", "defaultOpen", "static"]));

package/dist/v2/components/modals/DeleteModal.vue.js

@@ -1,31 +1,31 @@
-import { defineComponent as s, computed as i, createBlock as c, openBlock as a, unref as p, withCtx as d, createElementBlock as u, createCommentVNode as f, toDisplayString as g } from "vue";
-import { truncate as _ } from "@scalar/helpers/string/truncate";
-import k from "../forms/ConfirmationForm.vue.js";
-const v = {
+import { defineComponent as m, computed as s, createBlock as i, openBlock as a, unref as c, withCtx as d, createElementBlock as u, createCommentVNode as f, toDisplayString as g } from "vue";
+import { truncate as p } from "@scalar/helpers/string/truncate";
+import x from "../forms/ConfirmationForm.vue.js";
+const k = {
   key: 0,
   class: "text-c-2 text-sm leading-normal text-pretty"
-}, M = /* @__PURE__ */ s({
+}, $ = /* @__PURE__ */ m({
   __name: "DeleteModal",
   props: {
     name: {},
     warningMessage: {}
   },
   emits: ["close", "delete"],
-  setup(o, { emit: r }) {
-    const t = r, l = i(() => _(o.name));
-    return (n, e) => (a(), c(p(k), {
-      label: `Delete ${l.value}`,
+  setup(t, { emit: o }) {
+    const n = o, r = s(() => p(t.name));
+    return (v, e) => (a(), i(c(x), {
+      label: `Delete ${r.value}`,
       variant: "danger",
-      onCancel: e[0] || (e[0] = (m) => t("close")),
-      onSubmit: e[1] || (e[1] = (m) => t("delete"))
+      onCancel: e[0] || (e[0] = (l) => n("close")),
+      onSubmit: e[1] || (e[1] = (l) => n("delete"))
     }, {
       default: d(() => [
-        n.warningMessage ? (a(), u("p", v, g(n.warningMessage), 1)) : f("", !0)
+        t.warningMessage ? (a(), u("p", k, g(t.warningMessage), 1)) : f("", !0)
       ]),
       _: 1
     }, 8, ["label"]));
   }
 });
 export {
-  M as default
+  $ as default
 };

package/dist/v2/components/resize/Resize.vue2.js

@@ -1,29 +1,29 @@
-import { defineComponent as f, ref as v, createElementBlock as h, openBlock as g, normalizeStyle as p, renderSlot as w, createElementVNode as E } from "vue";
+import { defineComponent as f, ref as v, createElementBlock as h, openBlock as g, normalizeStyle as w, renderSlot as p, createElementVNode as E } from "vue";
 const l = "scalar-dragging", D = /* @__PURE__ */ f({
   __name: "Resize",
   props: {
     width: {}
   },
   emits: ["update:width"],
-  setup(n, { emit: m }) {
-    const s = m, o = v(!1), r = (t) => {
-      t.preventDefault();
-      const d = t.clientX, c = n.width, a = (u) => {
-        o.value = !0, document.body.classList.add(l);
-        let e = c + u.clientX - d;
+  setup(t, { emit: m }) {
+    const s = m, d = v(!1), r = (n) => {
+      n.preventDefault();
+      const o = n.clientX, c = t.width, a = (u) => {
+        d.value = !0, document.body.classList.add(l);
+        let e = c + u.clientX - o;
         e > 420 && (e = 420 + (e - 420) * 0.2), e < 240 && (e = 240), s("update:width", e);
       }, i = () => {
-        o.value = !1, document.body.classList.remove(l), document.documentElement.removeEventListener("mousemove", a, !1), document.documentElement.removeEventListener("mouseup", i, !1), n.width > 420 ? s("update:width", 360) : n.width < 240 && s("update:width", 240);
+        d.value = !1, document.body.classList.remove(l), document.documentElement.removeEventListener("mousemove", a, !1), document.documentElement.removeEventListener("mouseup", i, !1), t.width > 420 ? s("update:width", 360) : t.width < 240 && s("update:width", 240);
       };
       document.documentElement.addEventListener("mousemove", a, !1), document.documentElement.addEventListener("mouseup", i, !1);
     };
-    return (t, d) => (g(), h("div", {
+    return (n, o) => (g(), h("div", {
       class: "relative",
-      style: p({
+      style: w({
         width: `${t.width}px`
       })
     }, [
-      w(t.$slots, "default", {}, void 0, !0),
+      p(n.$slots, "default", {}, void 0, !0),
       E("div", {
         class: "resizer",
         onMousedown: r

package/dist/v2/components/server/ServerDropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as v, createBlock as m, openBlock as t, unref as s, withCtx as n, createVNode as d, createElementBlock as i, Fragment as p, createElementVNode as a, createTextVNode as h, toDisplayString as U, createCommentVNode as w, renderList as C } from "vue";
+import { defineComponent as y, computed as p, createBlock as m, openBlock as t, unref as a, withCtx as o, createVNode as n, createElementBlock as d, Fragment as c, createElementVNode as s, createTextVNode as h, toDisplayString as U, createCommentVNode as w, renderList as C } from "vue";
 import { ScalarPopover as B, ScalarButton as z, ScalarFloatingBackdrop as N } from "@scalar/components";
 import { ScalarIconPlus as V, ScalarIconPencilSimple as D } from "@scalar/icons";
 import I from "./ServerDropdownItem.vue.js";
@@ -11,14 +11,14 @@ const P = ["onClick"], $ = { class: "flex items-center justify-center" }, W = /*
     layout: {}
   },
   emits: ["update:selectedServer", "update:variable", "update:servers"],
-  setup(o, { emit: f }) {
-    const u = f, b = v(
-      () => o.servers.map((e) => ({
-        id: e.url,
-        label: e.url ?? "Unknown server"
+  setup(e, { emit: f }) {
+    const i = f, b = p(
+      () => e.servers.map((u) => ({
+        id: u.url,
+        label: u.url ?? "Unknown server"
       }))
-    ), S = v(() => o.server?.url?.endsWith("/") ? o.server.url.slice(0, -1) : o.server?.url || "");
-    return (e, r) => (t(), m(s(B), {
+    ), x = p(() => e.server?.url?.endsWith("/") ? e.server.url.slice(0, -1) : e.server?.url || "");
+    return (u, r) => (t(), m(a(B), {
       class: "max-h-[inherit] p-0 text-base",
       focus: "",
       offset: 0,
@@ -27,47 +27,47 @@ const P = ["onClick"], $ = { class: "flex items-center justify-center" }, W = /*
       target: e.target,
       teleport: `#${e.target}`
     }, {
-      popover: n(({ close: g }) => [
-        a("div", {
+      popover: o(({ close: S }) => [
+        s("div", {
           class: "custom-scroll flex max-h-[inherit] flex-col gap-1 border-t p-1",
-          onClick: g
+          onClick: S
         }, [
-          (t(!0), i(p, null, C(b.value, (l, k) => (t(), m(I, {
+          (t(!0), d(c, null, C(b.value, (l, g) => (t(), m(I, {
             key: l.id,
             server: e.server,
             serverOption: l,
             type: "request",
-            "onUpdate:selectedServer": (c) => u("update:selectedServer", { url: l.id }),
-            "onUpdate:variable": (c, x) => u("update:variable", { index: k, key: c, value: x })
+            "onUpdate:selectedServer": (v) => i("update:selectedServer", { url: l.id }),
+            "onUpdate:variable": (v, k) => i("update:variable", { index: g, key: v, value: k })
           }, null, 8, ["server", "serverOption", "onUpdate:selectedServer", "onUpdate:variable"]))), 128)),
-          e.layout !== "modal" ? (t(), i("button", {
+          e.layout !== "modal" ? (t(), d("button", {
             key: 0,
             class: "text-xxs hover:bg-b-2 flex cursor-pointer items-center gap-1.5 rounded p-1.75",
             type: "button",
-            onClick: r[0] || (r[0] = (l) => u("update:servers"))
+            onClick: r[0] || (r[0] = (l) => i("update:servers"))
           }, [
-            a("div", $, [
-              d(s(D), { class: "size-4" })
+            s("div", $, [
+              n(a(D), { class: "size-4" })
             ]),
-            r[3] || (r[3] = a("span", null, "Update Servers", -1))
+            r[3] || (r[3] = s("span", null, "Update Servers", -1))
           ])) : w("", !0)
         ], 8, P)
       ]),
-      backdrop: n(() => [
-        d(s(N), { class: "-top-(--scalar-address-bar-height) rounded-lg" })
+      backdrop: o(() => [
+        n(a(N), { class: "-top-(--scalar-address-bar-height) rounded-lg" })
       ]),
-      default: n(() => [
-        d(s(z), {
+      default: o(() => [
+        n(a(z), {
           class: "z-context-plus hover:bg-b-2 font-code text-c-2 ml-0.75 h-auto gap-0.75 rounded border px-1.5 text-base whitespace-nowrap",
           variant: "ghost"
         }, {
-          default: n(() => [
-            e.server ? (t(), i(p, { key: 0 }, [
-              r[1] || (r[1] = a("span", { class: "sr-only" }, "Server:", -1)),
-              h(" " + U(S.value), 1)
-            ], 64)) : (t(), i(p, { key: 1 }, [
-              r[2] || (r[2] = a("span", { class: "sr-only" }, "Add Server", -1)),
-              d(s(V), { class: "size-3" })
+          default: o(() => [
+            e.server ? (t(), d(c, { key: 0 }, [
+              r[1] || (r[1] = s("span", { class: "sr-only" }, "Server:", -1)),
+              h(" " + U(x.value), 1)
+            ], 64)) : (t(), d(c, { key: 1 }, [
+              r[2] || (r[2] = s("span", { class: "sr-only" }, "Add Server", -1)),
+              n(a(V), { class: "size-3" })
             ], 64))
           ]),
           _: 1

package/dist/v2/components/server/ServerDropdownItem.vue2.js

@@ -1,49 +1,49 @@
-import { defineComponent as h, useId as k, computed as c, createElementBlock as a, openBlock as n, normalizeClass as g, createElementVNode as l, createCommentVNode as m, mergeProps as S, unref as s, createVNode as d, toDisplayString as y, withModifiers as w } from "vue";
-import { ScalarListboxCheckbox as C, ScalarMarkdown as O } from "@scalar/components";
-import V from "../../../components/Server/ServerVariablesForm.vue.js";
-const _ = ["aria-expanded"], E = { class: "overflow-hidden text-ellipsis whitespace-nowrap" }, I = ["id"], N = { key: 0 }, B = { class: "description text-c-3 px-3 py-1.5" }, j = /* @__PURE__ */ h({
+import { defineComponent as x, useId as h, computed as u, createElementBlock as o, openBlock as a, normalizeClass as k, createElementVNode as n, createCommentVNode as p, mergeProps as g, unref as s, createVNode as l, toDisplayString as S, withModifiers as y } from "vue";
+import { ScalarListboxCheckbox as w, ScalarMarkdown as C } from "@scalar/components";
+import O from "../../../components/Server/ServerVariablesForm.vue.js";
+const V = ["aria-expanded"], E = { class: "overflow-hidden text-ellipsis whitespace-nowrap" }, I = ["id"], N = { key: 0 }, B = { class: "description text-c-3 px-3 py-1.5" }, z = /* @__PURE__ */ x({
   __name: "ServerDropdownItem",
   props: {
     server: {},
     serverOption: {}
   },
   emits: ["update:variable", "update:selectedServer"],
-  setup(o, { emit: b }) {
-    const v = b, p = k(), f = () => Object.keys(o.server?.variables ?? {}).length > 0, r = c(() => o.serverOption.id === o.server?.url), i = c(() => r.value && f());
-    return (t, e) => (n(), a("div", {
-      class: g(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !r.value }])
+  setup(e, { emit: m }) {
+    const d = m, v = h(), b = () => Object.keys(e.server?.variables ?? {}).length > 0, t = u(() => e.serverOption.id === e.server?.url), i = u(() => t.value && b());
+    return (D, r) => (a(), o("div", {
+      class: k(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !t.value }])
     }, [
-      l("button", S(i.value ? { "aria-controls": s(p) } : {}, {
+      n("button", g(i.value ? { "aria-controls": s(v) } : {}, {
         "aria-expanded": i.value,
-        class: ["flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5", r.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"],
+        class: ["flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5", t.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"],
         type: "button",
-        onClick: e[0] || (e[0] = (u) => v("update:selectedServer"))
+        onClick: r[0] || (r[0] = (c) => d("update:selectedServer"))
       }), [
-        d(s(C), { selected: r.value }, null, 8, ["selected"]),
-        l("span", E, y(t.serverOption.label), 1)
-      ], 16, _),
-      i.value ? (n(), a("div", {
+        l(s(w), { selected: t.value }, null, 8, ["selected"]),
+        n("span", E, S(e.serverOption.label), 1)
+      ], 16, V),
+      i.value ? (a(), o("div", {
         key: 0,
-        id: s(p),
+        id: s(v),
         class: "bg-b-2 divide divide-y rounded-b border-t *:pl-4",
-        onClick: e[2] || (e[2] = w(() => {
+        onClick: r[2] || (r[2] = y(() => {
         }, ["stop"]))
       }, [
-        d(V, {
-          variables: t.server?.variables,
-          "onUpdate:variable": e[1] || (e[1] = (u, x) => v("update:variable", u, x))
+        l(O, {
+          variables: e.server?.variables,
+          "onUpdate:variable": r[1] || (r[1] = (c, f) => d("update:variable", c, f))
         }, null, 8, ["variables"]),
-        t.server?.description ? (n(), a("div", N, [
-          l("div", B, [
-            d(s(O), {
-              value: t.server.description
+        e.server?.description ? (a(), o("div", N, [
+          n("div", B, [
+            l(s(C), {
+              value: e.server.description
             }, null, 8, ["value"])
           ])
-        ])) : m("", !0)
-      ], 8, I)) : m("", !0)
+        ])) : p("", !0)
+      ], 8, I)) : p("", !0)
     ], 2));
   }
 });
 export {
-  j as default
+  z as default
 };