@scalar/api-client 2.5.32 → 2.5.33

package/dist/components/Server/ServerDropdown.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as z, computed as u, watch as E, useTemplateRef as L, createBlock as p, openBlock as s, unref as a, withCtx as v, createVNode as c, createElementBlock as n, Fragment as d, createElementVNode as i, createTextVNode as T, toDisplayString as W, createCommentVNode as h, renderList as k } from "vue";
-import { ScalarPopover as q, ScalarButton as F, ScalarIcon as x, ScalarFloatingBackdrop as I, ScalarDropdownDivider as M } from "@scalar/components";
-import { emitCustomEvent as P } from "@scalar/workspace-store/events";
-import { useLayout as $ } from "../../hooks/useLayout.js";
-import { useWorkspace as j } from "../../store/store.js";
-import y from "./ServerDropdownItem.vue.js";
-const R = ["onClick"], G = { class: "flex h-4 w-4 items-center justify-center" }, Z = /* @__PURE__ */ z({
+import { defineComponent as V, computed as u, watch as z, useTemplateRef as E, createBlock as p, openBlock as o, unref as n, withCtx as v, createVNode as c, createElementBlock as a, Fragment as d, createElementVNode as s, createTextVNode as L, toDisplayString as T, createCommentVNode as g, renderList as h } from "vue";
+import { ScalarPopover as W, ScalarButton as q, ScalarIcon as k, ScalarFloatingBackdrop as F, ScalarDropdownDivider as I } from "@scalar/components";
+import { emitCustomEvent as M } from "@scalar/workspace-store/events";
+import { useLayout as O } from "../../hooks/useLayout.js";
+import { useWorkspace as P } from "../../store/store.js";
+import w from "./ServerDropdownItem.vue.js";
+const $ = ["onClick"], j = { class: "flex h-4 w-4 items-center justify-center" }, X = /* @__PURE__ */ V({
   __name: "ServerDropdown",
   props: {
     collection: {},
@@ -12,65 +12,42 @@ const R = ["onClick"], G = { class: "flex h-4 w-4 items-center justify-center" }
     server: {},
     target: {}
   },
-  setup(l) {
-    const { layout: w } = $(), { servers: m, collectionMutators: U, events: C, serverMutators: A } = j(), f = u(
-      () => {
-        var e, r;
-        return (r = (e = l.operation) == null ? void 0 : e.servers) == null ? void 0 : r.map((t) => {
-          var o;
-          return {
-            id: t,
-            label: ((o = m[t]) == null ? void 0 : o.url) ?? "Unknown server"
-          };
-        });
-      }
+  setup(r) {
+    const { layout: x } = O(), { servers: m, collectionMutators: y, events: U, serverMutators: C } = P(), f = u(
+      () => r.operation?.servers?.map((e) => ({
+        id: e,
+        label: m[e]?.url ?? "Unknown server"
+      }))
     ), b = u(
-      () => {
-        var e, r;
-        return (
-          // Filters out servers already present in the request
-          (r = (e = l.collection) == null ? void 0 : e.servers) == null ? void 0 : r.filter((t) => {
-            var o, g;
-            return !((g = (o = l.operation) == null ? void 0 : o.servers) != null && g.includes(t));
-          }).map((t) => {
-            var o;
-            return {
-              id: t,
-              label: ((o = m[t]) == null ? void 0 : o.url) ?? "Unknown server"
-            };
-          })
-        );
-      }
-    ), D = u(
-      () => {
-        var e, r;
-        return ((e = f.value) == null ? void 0 : e.length) && ((r = b.value) == null ? void 0 : r.length);
-      }
+      () => (
+        // Filters out servers already present in the request
+        r.collection?.servers?.filter((e) => !r.operation?.servers?.includes(e)).map((e) => ({
+          id: e,
+          label: m[e]?.url ?? "Unknown server"
+        }))
+      )
+    ), A = u(
+      () => f.value?.length && b.value?.length
     );
-    E([() => l.collection, () => l.operation], ([e, r]) => {
-      var o;
-      if (!e || e.selectedServerUid || r != null && r.selectedServerUid)
+    z([() => r.collection, () => r.operation], ([e, t]) => {
+      if (!e || e.selectedServerUid || t?.selectedServerUid)
         return;
-      const t = (o = l.collection.servers) == null ? void 0 : o[0];
-      t && U.edit(l.collection.uid, "selectedServerUid", t);
+      const l = r.collection.servers?.[0];
+      l && y.edit(r.collection.uid, "selectedServerUid", l);
     });
-    const B = () => C.commandPalette.emit({
+    const D = () => U.commandPalette.emit({
       commandName: "Add Server"
-    }), N = u(() => {
-      var e, r, t;
-      return (r = (e = l.server) == null ? void 0 : e.url) != null && r.endsWith("/") ? l.server.url.slice(0, -1) : ((t = l.server) == null ? void 0 : t.url) || "";
-    }), S = (e, r) => {
-      var o;
-      if (!l.server)
+    }), B = u(() => r.server?.url?.endsWith("/") ? r.server.url.slice(0, -1) : r.server?.url || ""), S = (e, t) => {
+      if (!r.server)
         return;
-      const t = l.server.variables || {};
-      t[e] = { ...t[e], default: r }, A.edit(l.server.uid, "variables", t), P(
-        (o = V.value) == null ? void 0 : o.$el,
+      const l = r.server.variables || {};
+      l[e] = { ...l[e], default: t }, C.edit(r.server.uid, "variables", l), M(
+        N.value?.$el,
         "scalar-update-selected-server-variables",
-        { key: e, value: r }
+        { key: e, value: t }
       );
-    }, V = L("wrapper-ref");
-    return (e, r) => (s(), p(a(q), {
+    }, N = E("wrapper-ref");
+    return (e, t) => (o(), p(n(W), {
       ref: "wrapper-ref",
       class: "max-h-[inherit] p-0 text-base",
       focus: "",
@@ -80,72 +57,69 @@ const R = ["onClick"], G = { class: "flex h-4 w-4 items-center justify-center" }
       target: e.target,
       teleport: `#${e.target}`
     }, {
-      popover: v(({ close: t }) => [
-        i("div", {
+      popover: v(({ close: l }) => [
+        s("div", {
           class: "custom-scroll flex max-h-[inherit] flex-col gap-1 border-t p-1",
-          onClick: t
+          onClick: l
         }, [
-          (s(!0), n(d, null, k(f.value, (o) => (s(), p(y, {
-            key: o.id,
+          (o(!0), a(d, null, h(f.value, (i) => (o(), p(w, {
+            key: i.id,
             collection: e.collection,
             operation: e.operation,
             server: e.server,
-            serverOption: o,
+            serverOption: i,
             type: "request",
             "onUpdate:variable": S
           }, null, 8, ["collection", "operation", "server", "serverOption"]))), 128)),
-          D.value ? (s(), n(d, { key: 0 }, [
-            c(a(M)),
-            r[2] || (r[2] = i("div", { class: "text-xxs text-c-2 px-2.5 py-1" }, "Collection", -1))
-          ], 64)) : h("", !0),
-          (s(!0), n(d, null, k(b.value, (o) => (s(), p(y, {
-            key: o.id,
+          A.value ? (o(), a(d, { key: 0 }, [
+            c(n(I)),
+            t[2] || (t[2] = s("div", { class: "text-xxs text-c-2 px-2.5 py-1" }, "Collection", -1))
+          ], 64)) : g("", !0),
+          (o(!0), a(d, null, h(b.value, (i) => (o(), p(w, {
+            key: i.id,
             collection: e.collection,
             operation: e.operation,
             server: e.server,
-            serverOption: o,
+            serverOption: i,
             type: "collection",
             "onUpdate:variable": S
           }, null, 8, ["collection", "operation", "server", "serverOption"]))), 128)),
-          a(w) !== "modal" ? (s(), n("button", {
+          n(x) !== "modal" ? (o(), a("button", {
             key: 1,
             class: "text-xxs hover:bg-b-2 flex cursor-pointer items-center gap-1.5 rounded p-1.75",
             type: "button",
-            onClick: B
+            onClick: D
           }, [
-            i("div", G, [
-              c(a(x), {
+            s("div", j, [
+              c(n(k), {
                 icon: "Add",
                 size: "sm"
               })
             ]),
-            r[3] || (r[3] = i("span", null, "Add Server", -1))
-          ])) : h("", !0)
-        ], 8, R)
+            t[3] || (t[3] = s("span", null, "Add Server", -1))
+          ])) : g("", !0)
+        ], 8, $)
       ]),
       backdrop: v(() => [
-        c(a(I), { class: "-top-(--scalar-address-bar-height) rounded-lg" })
+        c(n(F), { class: "-top-(--scalar-address-bar-height) rounded-lg" })
       ]),
       default: v(() => [
-        c(a(F), {
+        c(n(q), {
           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: v(() => {
-            var t;
-            return [
-              (t = e.operation) != null && t.selectedServerUid || e.collection.selectedServerUid ? (s(), n(d, { key: 0 }, [
-                r[0] || (r[0] = i("span", { class: "sr-only" }, "Server:", -1)),
-                T(" " + W(N.value), 1)
-              ], 64)) : (s(), n(d, { key: 1 }, [
-                r[1] || (r[1] = i("span", { class: "sr-only" }, "Add Server", -1)),
-                c(a(x), {
-                  icon: "Add",
-                  size: "xs"
-                })
-              ], 64))
-            ];
-          }),
+          default: v(() => [
+            e.operation?.selectedServerUid || e.collection.selectedServerUid ? (o(), a(d, { key: 0 }, [
+              t[0] || (t[0] = s("span", { class: "sr-only" }, "Server:", -1)),
+              L(" " + T(B.value), 1)
+            ], 64)) : (o(), a(d, { key: 1 }, [
+              t[1] || (t[1] = s("span", { class: "sr-only" }, "Add Server", -1)),
+              c(n(k), {
+                icon: "Add",
+                size: "xs"
+              })
+            ], 64))
+          ]),
           _: 1
         })
       ]),
@@ -154,5 +128,5 @@ const R = ["onClick"], G = { class: "flex h-4 w-4 items-center justify-center" }
   }
 });
 export {
-  Z as default
+  X as default
 };

package/dist/components/Server/ServerDropdownItem.vue.js

@@ -1,5 +1,5 @@
 import o from "./ServerDropdownItem.vue2.js";
-import "./ServerDropdownItem.vue3.js";
+/* empty css                        */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-92012388"]]);
 export {

package/dist/components/Server/ServerDropdownItem.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as q, useId as E, computed as k, useTemplateRef as M, createElementBlock as p, openBlock as c, normalizeClass as I, createElementVNode as u, createCommentVNode as x, mergeProps as N, unref as n, createVNode as v, toDisplayString as B, withModifiers as D } from "vue";
-import { ScalarListboxCheckbox as P, ScalarMarkdown as j } from "@scalar/components";
-import { emitCustomEvent as w } from "@scalar/workspace-store/events";
-import z from "./ServerVariablesForm.vue.js";
-import { useWorkspace as L } from "../../store/store.js";
-const R = ["aria-expanded"], T = { class: "overflow-hidden text-ellipsis whitespace-nowrap" }, W = ["id"], $ = { key: 0 }, A = { class: "description text-c-3 px-3 py-1.5" }, Q = /* @__PURE__ */ q({
+import { defineComponent as O, useId as U, computed as b, useTemplateRef as C, createElementBlock as a, openBlock as n, normalizeClass as V, createElementVNode as d, createCommentVNode as S, mergeProps as q, unref as s, createVNode as p, toDisplayString as E, withModifiers as M } from "vue";
+import { ScalarListboxCheckbox as I, ScalarMarkdown as N } from "@scalar/components";
+import { emitCustomEvent as y } from "@scalar/workspace-store/events";
+import B from "./ServerVariablesForm.vue.js";
+import { useWorkspace as D } from "../../store/store.js";
+const P = ["aria-expanded"], j = { class: "overflow-hidden text-ellipsis whitespace-nowrap" }, z = ["id"], L = { key: 0 }, R = { class: "description text-c-3 px-3 py-1.5" }, G = /* @__PURE__ */ O({
   __name: "ServerDropdownItem",
   props: {
     collection: {},
@@ -13,82 +13,72 @@ const R = ["aria-expanded"], T = { class: "overflow-hidden text-ellipsis whitesp
     type: {}
   },
   emits: ["update:variable"],
-  setup(_, { emit: O }) {
-    const e = _, U = O, f = E(), { collectionMutators: m, requestMutators: l, servers: b } = L(), C = (r, t) => {
-      var i, s, a, h, g;
-      if (S(r) && (t == null || t.stopPropagation()), o.value) {
-        (s = (i = e.operation) == null ? void 0 : i.servers) != null && s.length && l.edit(e.operation.uid, "selectedServerUid", null), e.type === "collection" ? (m.edit(
+  setup(h, { emit: g }) {
+    const e = h, k = g, c = U(), { collectionMutators: u, requestMutators: i, servers: v } = D(), x = (r, t) => {
+      if (f(r) && t?.stopPropagation(), o.value) {
+        e.operation?.servers?.length && i.edit(e.operation.uid, "selectedServerUid", null), e.type === "collection" ? (u.edit(
           e.collection.uid,
           "selectedServerUid",
           void 0
-        ), w(y.value, "scalar-update-selected-server", {
+        ), y(m.value, "scalar-update-selected-server", {
           value: void 0,
           options: { disableOldStoreUpdate: !0 }
-        })) : e.type === "request" && e.operation && l.edit(e.operation.uid, "selectedServerUid", null);
+        })) : e.type === "request" && e.operation && i.edit(e.operation.uid, "selectedServerUid", null);
         return;
       }
-      e.type === "collection" && e.collection ? ((h = (a = e.operation) == null ? void 0 : a.servers) != null && h.length && l.edit(e.operation.uid, "selectedServerUid", null), m.edit(
+      e.type === "collection" && e.collection ? (e.operation?.servers?.length && i.edit(e.operation.uid, "selectedServerUid", null), u.edit(
         e.collection.uid,
         "selectedServerUid",
         r
-      ), w(y.value, "scalar-update-selected-server", {
-        value: (g = b[r]) == null ? void 0 : g.url,
+      ), y(m.value, "scalar-update-selected-server", {
+        value: v[r]?.url,
         options: { disableOldStoreUpdate: !0 }
-      })) : e.type === "request" && e.operation && l.edit(e.operation.uid, "selectedServerUid", r);
-    }, o = k(() => {
-      var r;
-      return e.type === "collection" ? e.collection.selectedServerUid === e.serverOption.id && !((r = e.operation) != null && r.selectedServerUid) : e.type === "request" && e.operation ? e.operation.selectedServerUid === e.serverOption.id : !1;
-    }), S = (r) => {
+      })) : e.type === "request" && e.operation && i.edit(e.operation.uid, "selectedServerUid", r);
+    }, o = b(() => e.type === "collection" ? e.collection.selectedServerUid === e.serverOption.id && !e.operation?.selectedServerUid : e.type === "request" && e.operation ? e.operation.selectedServerUid === e.serverOption.id : !1), f = (r) => {
       if (!r)
         return !1;
-      const t = b[r];
-      return Object.keys((t == null ? void 0 : t.variables) ?? {}).length > 0;
-    }, d = k(
-      () => {
-        var r;
-        return o.value && S(((r = e.server) == null ? void 0 : r.uid) ?? "");
-      }
-    ), V = (r, t) => {
-      U("update:variable", r, t);
-    }, y = M("wrapper-ref");
-    return (r, t) => {
-      var i, s;
-      return c(), p("div", {
-        ref: "wrapper-ref",
-        class: I(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !o.value }])
+      const t = v[r];
+      return Object.keys(t?.variables ?? {}).length > 0;
+    }, l = b(
+      () => o.value && f(e.server?.uid ?? "")
+    ), w = (r, t) => {
+      k("update:variable", r, t);
+    }, m = C("wrapper-ref");
+    return (r, t) => (n(), a("div", {
+      ref: "wrapper-ref",
+      class: V(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !o.value }])
+    }, [
+      d("button", q(l.value ? { "aria-controls": s(c) } : {}, {
+        "aria-expanded": l.value,
+        class: ["flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5", o.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"],
+        type: "button",
+        onClick: t[0] || (t[0] = (_) => x(r.serverOption.id, _))
+      }), [
+        p(s(I), { selected: o.value }, null, 8, ["selected"]),
+        d("span", j, E(r.serverOption.label), 1)
+      ], 16, P),
+      l.value ? (n(), a("div", {
+        key: 0,
+        id: s(c),
+        class: "bg-b-2 divide divide-y rounded-b border-t *:pl-4",
+        onClick: t[1] || (t[1] = M(() => {
+        }, ["stop"]))
       }, [
-        u("button", N(d.value ? { "aria-controls": n(f) } : {}, {
-          "aria-expanded": d.value,
-          class: ["flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5", o.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"],
-          type: "button",
-          onClick: t[0] || (t[0] = (a) => C(r.serverOption.id, a))
-        }), [
-          v(n(P), { selected: o.value }, null, 8, ["selected"]),
-          u("span", T, B(r.serverOption.label), 1)
-        ], 16, R),
-        d.value ? (c(), p("div", {
-          key: 0,
-          id: n(f),
-          class: "bg-b-2 divide divide-y rounded-b border-t *:pl-4",
-          onClick: t[1] || (t[1] = D(() => {
-          }, ["stop"]))
-        }, [
-          v(z, {
-            variables: (i = r.server) == null ? void 0 : i.variables,
-            "onUpdate:variable": V
-          }, null, 8, ["variables"]),
-          (s = r.server) != null && s.description ? (c(), p("div", $, [
-            u("div", A, [
-              v(n(j), {
-                value: r.server.description
-              }, null, 8, ["value"])
-            ])
-          ])) : x("", !0)
-        ], 8, W)) : x("", !0)
-      ], 2);
-    };
+        p(B, {
+          variables: r.server?.variables,
+          "onUpdate:variable": w
+        }, null, 8, ["variables"]),
+        r.server?.description ? (n(), a("div", L, [
+          d("div", R, [
+            p(s(N), {
+              value: r.server.description
+            }, null, 8, ["value"])
+          ])
+        ])) : S("", !0)
+      ], 8, z)) : S("", !0)
+    ], 2));
   }
 });
 export {
-  Q as default
+  G as default
 };

package/dist/components/Server/ServerSelector.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as w, computed as n, watch as b, createBlock as h, createElementBlock as y, openBlock as m, unref as i, withCtx as p, createVNode as g, createElementVNode as s, toDisplayString as S } from "vue";
-import { ScalarListbox as k, ScalarButton as U } from "@scalar/components";
-import { ScalarIconCaretDown as V } from "@scalar/icons";
-import { useWorkspace as B } from "../../store/store.js";
-const W = { class: "overflow-x-auto" }, z = {
+import { defineComponent as x, computed as a, watch as w, createBlock as b, createElementBlock as h, openBlock as v, unref as n, withCtx as f, createVNode as m, createElementVNode as l, toDisplayString as p } from "vue";
+import { ScalarListbox as y, ScalarButton as k } from "@scalar/components";
+import { ScalarIconCaretDown as U } from "@scalar/icons";
+import { useWorkspace as V } from "../../store/store.js";
+const B = { class: "overflow-x-auto" }, W = {
   key: 1,
   class: "text-c-1 flex h-auto w-full items-center gap-0.75 rounded-b-lg px-3 py-1.5 text-base leading-[20px] whitespace-nowrap"
-}, C = { class: "overflow-x-auto" }, I = /* @__PURE__ */ w({
+}, z = { class: "overflow-x-auto" }, j = /* @__PURE__ */ x({
   __name: "ServerSelector",
   props: {
     collection: {},
@@ -13,67 +13,56 @@ const W = { class: "overflow-x-auto" }, z = {
     target: {}
   },
   emits: ["updateServer"],
-  setup(o, { emit: x }) {
-    const u = x, { servers: l, collectionMutators: c } = B(), a = n(
-      () => {
-        var t;
-        return (t = o.collection) == null ? void 0 : t.servers.map((e) => {
-          var r;
-          return {
-            id: e,
-            label: ((r = l[e]) == null ? void 0 : r.url) ?? "Unknown server"
-          };
-        });
-      }
-    ), d = n({
-      get: () => o.server ? a.value.find((t) => t.id === o.server.uid) : void 0,
-      set: (t) => {
-        var r;
-        if (!t)
+  setup(r, { emit: g }) {
+    const i = g, { servers: o, collectionMutators: u } = V(), s = a(
+      () => r.collection?.servers.map((e) => ({
+        id: e,
+        label: o[e]?.url ?? "Unknown server"
+      }))
+    ), c = a({
+      get: () => r.server ? s.value.find((e) => e.id === r.server.uid) : void 0,
+      set: (e) => {
+        if (!e)
           return;
-        c.edit(
-          o.collection.uid,
+        u.edit(
+          r.collection.uid,
           "selectedServerUid",
-          t.id
+          e.id
         );
-        const e = (r = l[t.id]) == null ? void 0 : r.url;
-        e && u("updateServer", e);
+        const t = o[e.id]?.url;
+        t && i("updateServer", t);
       }
     });
-    b(
-      () => o.collection,
-      (t) => {
-        var r, f;
-        if (!t || t.selectedServerUid)
+    w(
+      () => r.collection,
+      (e) => {
+        if (!e || e.selectedServerUid)
           return;
-        const e = (r = o.collection.servers) == null ? void 0 : r[0];
-        e && (c.edit(o.collection.uid, "selectedServerUid", e), (f = l[e]) != null && f.url && u("updateServer", l[e].url));
+        const t = r.collection.servers?.[0];
+        t && (u.edit(r.collection.uid, "selectedServerUid", t), o[t]?.url && i("updateServer", o[t].url));
       }
     );
-    const v = n(() => {
-      var t, e, r;
-      return (e = (t = o.server) == null ? void 0 : t.url) != null && e.endsWith("/") ? o.server.url.slice(0, -1) : ((r = o.server) == null ? void 0 : r.url) || "";
-    });
-    return (t, e) => a.value.length > 1 ? (m(), h(i(k), {
+    const d = a(() => r.server?.url?.endsWith("/") ? r.server.url.slice(0, -1) : r.server?.url || "");
+    return (e, t) => s.value.length > 1 ? (v(), b(n(y), {
       key: 0,
-      modelValue: d.value,
-      "onUpdate:modelValue": e[0] || (e[0] = (r) => d.value = r),
-      options: a.value,
+      modelValue: c.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (S) => c.value = S),
+      options: s.value,
       placement: "bottom-start",
       resize: "",
-      target: t.target,
-      teleport: `#${t.target}`,
+      target: e.target,
+      teleport: `#${e.target}`,
       class: "group"
     }, {
-      default: p(() => [
-        g(i(U), {
+      default: f(() => [
+        m(n(k), {
           class: "bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none rounded-b-lg px-3 py-1.5 text-base font-normal whitespace-nowrap -outline-offset-1",
           variant: "ghost"
         }, {
-          default: p(() => [
-            e[1] || (e[1] = s("span", { class: "sr-only" }, "Server:", -1)),
-            s("span", W, S(v.value), 1),
-            g(i(V), {
+          default: f(() => [
+            t[1] || (t[1] = l("span", { class: "sr-only" }, "Server:", -1)),
+            l("span", B, p(d.value), 1),
+            m(n(U), {
               weight: "bold",
               class: "text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100"
             })
@@ -83,12 +72,12 @@ const W = { class: "overflow-x-auto" }, z = {
         })
       ]),
       _: 1
-    }, 8, ["modelValue", "options", "target", "teleport"])) : (m(), y("div", z, [
-      e[2] || (e[2] = s("span", { class: "sr-only" }, "Server:", -1)),
-      s("span", C, S(v.value), 1)
+    }, 8, ["modelValue", "options", "target", "teleport"])) : (v(), h("div", W, [
+      t[2] || (t[2] = l("span", { class: "sr-only" }, "Server:", -1)),
+      l("span", z, p(d.value), 1)
     ]));
   }
 });
 export {
-  I as default
+  j as default
 };

package/dist/components/Server/ServerVariablesForm.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, useId as k, createElementBlock as v, createCommentVNode as $, openBlock as a, Fragment as C, renderList as V, normalizeClass as B, createElementVNode as S, createBlock as p, unref as s, toDisplayString as j } from "vue";
-import E from "./ServerVariablesSelect.vue.js";
-import F from "./ServerVariablesTextbox.vue.js";
-const N = ["for"], z = /* @__PURE__ */ h({
+import { defineComponent as m, useId as v, createElementBlock as c, createCommentVNode as p, openBlock as t, Fragment as g, renderList as y, normalizeClass as h, createElementVNode as k, createBlock as b, unref as a, toDisplayString as $ } from "vue";
+import C from "./ServerVariablesSelect.vue.js";
+import V from "./ServerVariablesTextbox.vue.js";
+const B = ["for"], F = /* @__PURE__ */ m({
   __name: "ServerVariablesForm",
   props: {
     variables: {},
@@ -10,46 +10,40 @@ const N = ["for"], z = /* @__PURE__ */ h({
     layout: { default: "client" }
   },
   emits: ["update:variable"],
-  setup(i, { emit: g }) {
-    const y = g, n = k();
-    function u(r, l) {
-      y("update:variable", r, l);
+  setup(n, { emit: d }) {
+    const f = d, o = v();
+    function s(e, u) {
+      f("update:variable", e, u);
     }
-    const c = (r) => {
-      var l, e, t;
-      return (((l = i.values) == null ? void 0 : l[r]) ?? ((t = (e = i.variables) == null ? void 0 : e[r]) == null ? void 0 : t.default) ?? "").toString();
-    };
-    return (r, l) => r.variables && Object.keys(r.variables ?? {}).length ? (a(!0), v(C, { key: 0 }, V(Object.keys(r.variables), (e) => {
-      var t, b, d, f, m;
-      return a(), v("div", {
-        key: e,
-        class: B([
-          "group/label flex w-full",
-          r.layout === "reference" && "items-center border-x border-b last:rounded-b-lg"
-        ])
-      }, [
-        S("label", {
-          for: `${s(n)}-${e}`,
-          class: "flex items-center py-1.5 pl-3 group-has-[input]/label:mr-0 after:content-[':']"
-        }, j(e), 9, N),
-        (d = (b = (t = r.variables) == null ? void 0 : t[e]) == null ? void 0 : b.enum) != null && d.length ? (a(), p(E, {
-          key: 0,
-          id: `${s(n)}-${e}`,
-          controls: r.controls,
-          enum: ((m = (f = r.variables[e]) == null ? void 0 : f.enum) == null ? void 0 : m.map((o) => `${o}`)) ?? [],
-          value: c(e),
-          onChange: (o) => u(e, o)
-        }, null, 8, ["id", "controls", "enum", "value", "onChange"])) : (a(), p(F, {
-          key: 1,
-          id: `${s(n)}-${e}`,
-          controls: r.controls,
-          value: c(e),
-          onChange: (o) => u(e, o)
-        }, null, 8, ["id", "controls", "value", "onChange"]))
-      ], 2);
-    }), 128)) : $("", !0);
+    const i = (e) => (n.values?.[e] ?? n.variables?.[e]?.default ?? "").toString();
+    return (e, u) => e.variables && Object.keys(e.variables ?? {}).length ? (t(!0), c(g, { key: 0 }, y(Object.keys(e.variables), (r) => (t(), c("div", {
+      key: r,
+      class: h([
+        "group/label flex w-full",
+        e.layout === "reference" && "items-center border-x border-b last:rounded-b-lg"
+      ])
+    }, [
+      k("label", {
+        for: `${a(o)}-${r}`,
+        class: "flex items-center py-1.5 pl-3 group-has-[input]/label:mr-0 after:content-[':']"
+      }, $(r), 9, B),
+      e.variables?.[r]?.enum?.length ? (t(), b(C, {
+        key: 0,
+        id: `${a(o)}-${r}`,
+        controls: e.controls,
+        enum: e.variables[r]?.enum?.map((l) => `${l}`) ?? [],
+        value: i(r),
+        onChange: (l) => s(r, l)
+      }, null, 8, ["id", "controls", "enum", "value", "onChange"])) : (t(), b(V, {
+        key: 1,
+        id: `${a(o)}-${r}`,
+        controls: e.controls,
+        value: i(r),
+        onChange: (l) => s(r, l)
+      }, null, 8, ["id", "controls", "value", "onChange"]))
+    ], 2))), 128)) : p("", !0);
   }
 });
 export {
-  z as default
+  F as default
 };