@scalar/api-client 2.2.17 → 2.2.19

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @scalar/api-client
 
+## 2.2.19
+
+### Patch Changes
+
+- 53d99b7: style(api-client): add enviornment / workspace to sidebar
+
+## 2.2.18
+
+### Patch Changes
+
+- 3c7d7dd: fix: reverts sets server variables values in client
+- 33c8393: style: fixes spacing and padding inconcistensies
+- 66905d2: fix: adds active request safety check for request body
+- Updated dependencies [33c8393]
+- Updated dependencies [3791738]
+  - @scalar/components@0.13.9
+  - @scalar/openapi-parser@0.10.2
+  - @scalar/use-codemirror@0.11.53
+  - @scalar/import@0.2.11
+  - @scalar/oas-utils@0.2.91
+
 ## 2.2.17
 
 ### Patch Changes

package/dist/components/DataTable/DataTable.vue.js

@@ -14,7 +14,7 @@ const b = {
     return (o, w) => (e(), l("div", n(m(
       c(s)(
         o.scroll ? "overflow-x-auto custom-scroll" : "overflow-visible",
-        "scalar-data-table border-1/2 rounded bg-b-1"
+        "scalar-data-table border-t-1/2 bg-b-1"
       )
     )), [
       i("table", {

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAqdA,wBAMG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AA4cA,wBAMG"}

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as D, computed as w, watch as I, onMounted as B, openBlock as l, createElementBlock as h, createVNode as r, unref as n, withCtx as i, Fragment as j, renderList as z, createBlock as E, withModifiers as k, createTextVNode as u, toDisplayString as g, createElementVNode as m, normalizeClass as M, createCommentVNode as V } from "vue";
+import { defineComponent as N, computed as f, watch as B, onMounted as D, openBlock as l, createElementBlock as x, createVNode as r, unref as n, withCtx as i, Fragment as j, renderList as M, createBlock as w, withModifiers as h, createTextVNode as E, toDisplayString as k, createElementVNode as m, normalizeClass as V, createCommentVNode as z } from "vue";
 import { useActiveEntities as W } from "../../store/active-entities.js";
-import { ScalarDropdown as L, ScalarDropdownItem as v, ScalarListboxCheckbox as O, ScalarIcon as d, ScalarDropdownDivider as R, ScalarButton as $ } from "@scalar/components";
+import { ScalarDropdown as L, ScalarDropdownItem as u, ScalarListboxCheckbox as O, ScalarIcon as g, ScalarDropdownDivider as R, ScalarButton as $ } from "@scalar/components";
 import { useRouter as A } from "vue-router";
 import { useWorkspace as F } from "../../store/store.js";
-const T = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap" }, q = { class: "flex items-center justify-center h-4 w-4" }, U = /* @__PURE__ */ D({
+const T = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap" }, q = { class: "flex items-center justify-center h-4 w-4" }, U = /* @__PURE__ */ N({
   __name: "EnvironmentSelector",
   setup(G) {
-    const { activeCollection: o, activeWorkspace: c, activeEnvironment: p } = W(), { isReadOnly: C, collectionMutators: _ } = F(), b = A(), f = (t) => {
+    const { activeCollection: o, activeWorkspace: c, activeEnvironment: v } = W(), { isReadOnly: C, collectionMutators: _ } = F(), b = A(), d = (t) => {
       o.value && (_.edit(
         o.value.uid,
         "x-scalar-active-environment",
@@ -17,31 +17,31 @@ const T = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
       params: {
         environment: c.value.uid
       }
-    }), y = w(() => {
-      const { value: t } = p, { value: e } = o;
-      return (t == null ? void 0 : t.uid) || (e == null ? void 0 : e["x-scalar-active-environment"]) || "No Environment";
-    }), N = w(() => {
+    }), y = f(() => {
+      const { value: t } = v, { value: e } = o;
+      return (t == null ? void 0 : t.uid) || (e == null ? void 0 : e["x-scalar-active-environment"]) || "Environment";
+    }), I = f(() => {
       const { value: t } = o, e = t == null ? void 0 : t["x-scalar-environments"];
       return e ? Object.entries(e).map(([a, s]) => ({
         ...s,
         uid: a,
         name: a
       })) : [];
-    }), x = (t) => {
+    }), p = (t) => {
       const e = t["x-scalar-active-environment"];
       e && o.value ? (o.value["x-scalar-active-environment"] = e, c.value.activeEnvironmentId = e) : c.value.activeEnvironmentId = "";
     };
-    return I(o, (t) => {
-      x(t);
-    }), B(() => {
-      x(o.value);
-    }), (t, e) => (l(), h("div", null, [
+    return B(o, (t) => {
+      p(t);
+    }), D(() => {
+      p(o.value);
+    }), (t, e) => (l(), x("div", null, [
       r(n(L), { placement: "bottom-end" }, {
         items: i(() => [
-          (l(!0), h(j, null, z(N.value, (a) => (l(), E(n(v), {
+          (l(!0), x(j, null, M(I.value, (a) => (l(), w(n(u), {
             key: a.uid,
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: k((s) => f(a.uid), ["stop"])
+            onClick: h((s) => d(a.uid), ["stop"])
           }, {
             default: i(() => {
               var s;
@@ -49,44 +49,44 @@ const T = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
                 r(n(O), {
                   selected: ((s = n(o)) == null ? void 0 : s["x-scalar-active-environment"]) === a.uid
                 }, null, 8, ["selected"]),
-                u(" " + g(a.name), 1)
+                E(" " + k(a.name), 1)
               ];
             }),
             _: 2
           }, 1032, ["onClick"]))), 128)),
-          r(n(v), {
+          r(n(u), {
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: e[0] || (e[0] = k((a) => f(""), ["stop"]))
+            onClick: e[0] || (e[0] = h((a) => d(""), ["stop"]))
           }, {
             default: i(() => {
               var a;
               return [
                 m("div", {
-                  class: M([
+                  class: V([
                     "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
-                    n(p).uid === "" && ((a = n(o)) == null ? void 0 : a["x-scalar-active-environment"]) === "" ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
+                    n(v).uid === "" && ((a = n(o)) == null ? void 0 : a["x-scalar-active-environment"]) === "" ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
                   ])
                 }, [
-                  r(n(d), {
+                  r(n(g), {
                     class: "size-2.5",
                     icon: "Checkmark",
                     thickness: "3.5"
                   })
                 ], 2),
-                e[1] || (e[1] = u(" No Environment "))
+                e[1] || (e[1] = E(" No Environment "))
               ];
             }),
             _: 1
           }),
           r(n(R)),
-          n(C) ? V("", !0) : (l(), E(n(v), {
+          n(C) ? z("", !0) : (l(), w(n(u), {
             key: 0,
             class: "flex items-center gap-1.5",
             onClick: S
           }, {
             default: i(() => [
               m("div", q, [
-                r(n(d), {
+                r(n(g), {
                   icon: "Brackets",
                   size: "sm"
                 })
@@ -98,18 +98,12 @@ const T = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
         ]),
         default: i(() => [
           r(n($), {
-            class: "font-normal h-auto justify-start py-1.5 px-1.5 pl-2 text-c-1 hover:bg-b-2 text-c-1 w-fit",
+            class: "font-normal h-auto justify-start py-1.5 px-1.5 pl-2 text-c-1 hover:bg-b-2 w-fit",
             fullWidth: "",
             variant: "ghost"
           }, {
             default: i(() => [
-              m("h2", T, [
-                u(g(y.value) + " ", 1),
-                r(n(d), {
-                  icon: "ChevronDown",
-                  size: "md"
-                })
-              ])
+              m("h2", T, k(y.value), 1)
             ]),
             _: 1
           })

package/dist/components/SideNav/SideNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AA+NA,wBAMG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAoOA,wBAMG"}

package/dist/components/SideNav/SideNav.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, openBlock as r, createElementBlock as o, normalizeClass as p, unref as e, createVNode as t, withCtx as n, createElementVNode as i, Fragment as v, renderList as w, createTextVNode as d, toDisplayString as y, createCommentVNode as b } from "vue";
+import { defineComponent as h, openBlock as r, createElementBlock as o, normalizeClass as f, unref as e, createVNode as t, withCtx as n, createElementVNode as i, Fragment as v, renderList as w, createTextVNode as d, toDisplayString as y, createCommentVNode as b } from "vue";
 import { ROUTES as k } from "../../constants.js";
 import { ScalarIcon as N } from "@scalar/components";
 import { useRouter as S } from "vue-router";
@@ -9,20 +9,23 @@ import _ from "./SideNavRouterLink.vue.js";
 import { useLayout as j } from "../../hooks/useLayout.js";
 const B = { class: "flex items-center" }, E = { class: "flex items-center" }, L = {
   key: 0,
-  class: "hidden sm:ml-2 sm:flex items-center justify-center"
+  class: "hidden sm:ml-1.5 sm:flex items-center justify-center"
 }, q = /* @__PURE__ */ h({
   __name: "SideNav",
   setup(R) {
     const { currentRoute: m } = S(), { layout: s } = j();
     return ($, l) => (r(), o("nav", {
       "aria-label": "App Navigation",
-      class: p(["flex items-center justify-center sm:justify-between gap-1.5 app-drag-region", e(s) === "web" ? "border h-header" : "sm:flex-col px-2 pb-2"]),
+      class: f([
+        "flex items-center justify-center sm:justify-between gap-1.5 app-drag-region pt-2",
+        e(s) === "web" ? "border h-header !pt-0" : "sm:flex-col px-2 pb-2"
+      ]),
       role: "navigation"
     }, [
       t(u, { class: "app-no-drag-region" }, {
         default: n(() => [
           i("a", {
-            class: p(["hidden items-center mr-3 ml-1", {
+            class: f(["hidden items-center mr-3 ml-1", {
               "sm:flex": e(s) === "web"
             }]),
             href: "https://www.scalar.com",
@@ -36,10 +39,10 @@ const B = { class: "flex items-center" }, E = { class: "flex items-center" }, L
           (r(!0), o(v, null, w(e(k).filter(
             (a) => a.name !== "settings"
           ), ({ icon: a, name: c, prettyName: g }, x) => {
-            var f;
+            var p;
             return r(), o("li", { key: x }, [
               t(_, {
-                active: (f = e(m).name) == null ? void 0 : f.startsWith(c),
+                active: (p = e(m).name) == null ? void 0 : p.startsWith(c),
                 icon: a,
                 name: c
               }, {

package/dist/components/Sidebar/Sidebar.vue.js

@@ -1,7 +1,7 @@
 import o from "./Sidebar.vue2.js";
 /* empty css             */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1cfdf7d0"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7954c54a"]]);
 export {
-  d as default
+  p as default
 };

package/dist/components/Sidebar/Sidebar.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as S, ref as h, withDirectives as D, openBlock as l, createElementBlock as m, normalizeClass as g, normalizeStyle as _, unref as s, renderSlot as r, createElementVNode as n, toDisplayString as B, createCommentVNode as u, Fragment as L, vShow as W } from "vue";
+import { defineComponent as S, ref as b, withDirectives as D, openBlock as l, createElementBlock as m, normalizeClass as g, normalizeStyle as _, unref as s, renderSlot as n, createElementVNode as r, toDisplayString as B, createCommentVNode as u, Fragment as L, vShow as W } from "vue";
 import { useBreakpoints as $ } from "@scalar/use-hooks/useBreakpoints";
 import { useWorkspace as z } from "../../store/store.js";
 const C = {
   key: 0,
-  class: "min-h-12 xl:min-h-client-header flex items-center justify-between border-b-1/2 px-3 py-1.5 md:px-4 md:py-2.5 text-sm"
+  class: "min-h-12 xl:min-h-client-header flex items-center justify-between px-3 py-1.5 md:px-4 md:py-2.5 text-sm"
 }, I = { class: "font-medium m-0 text-sm whitespace-nowrap" }, R = { class: "relative z-10 pt-0 md:px-2.5 md:pb-2.5 sticky bottom-0 w-[inherit] has-[.empty-sidebar-item]:border-t-1/2" }, j = /* @__PURE__ */ S({
   __name: "Sidebar",
   props: {
@@ -11,43 +11,43 @@ const C = {
     showSideBar: { type: Boolean, default: !0 }
   },
   setup(y) {
-    const w = y, { isReadOnly: c, sidebarWidth: o, setSidebarWidth: i } = z(), d = h(!1), p = h(null), { breakpoints: a } = $(), k = (e) => {
+    const w = y, { isReadOnly: c, sidebarWidth: o, setSidebarWidth: i } = z(), a = b(!1), p = b(null), { breakpoints: d } = $(), k = (e) => {
       e.preventDefault();
       const f = e.clientX, x = parseInt(
         getComputedStyle(p.value).width || o.value,
         10
       ), v = (E) => {
-        d.value = !0, document.body.classList.add("dragging");
+        a.value = !0, document.body.classList.add("dragging");
         let t = x + E.clientX - f;
         t > 420 && (t = 420 + (t - 420) * 0.2), t < 240 && (t = 240), i(`${t}px`);
-      }, b = () => {
-        d.value = !1, document.body.classList.remove("dragging"), document.documentElement.removeEventListener("mousemove", v, !1), document.documentElement.removeEventListener("mouseup", b, !1), parseInt(o.value, 10) > 420 ? i("360px") : parseInt(o.value, 10) < 240 && i("240px");
+      }, h = () => {
+        a.value = !1, document.body.classList.remove("dragging"), document.documentElement.removeEventListener("mousemove", v, !1), document.documentElement.removeEventListener("mouseup", h, !1), parseInt(o.value, 10) > 420 ? i("360px") : parseInt(o.value, 10) < 240 && i("240px");
       };
-      document.documentElement.addEventListener("mousemove", v, !1), document.documentElement.addEventListener("mouseup", b, !1);
+      document.documentElement.addEventListener("mousemove", v, !1), document.documentElement.addEventListener("mouseup", h, !1);
     };
     return (e, f) => D((l(), m("aside", {
       ref_key: "sidebarRef",
       ref: p,
-      class: g(["sidebar overflow-hidden relative flex flex-col flex-1 md:flex-none bg-b-1 md:border-b-0 md:border-r-1/2 min-w-full md:min-w-fit", { dragging: d.value }]),
-      style: _({ width: s(a).md ? s(o) : "100%" })
+      class: g(["sidebar overflow-hidden relative flex flex-col flex-1 md:flex-none bg-b-1 md:border-b-0 md:border-r-1/2 min-w-full md:min-w-fit leading-3", { dragging: a.value }]),
+      style: _({ width: s(d).lg ? s(o) : "100%" })
     }, [
-      r(e.$slots, "header", {}, void 0, !0),
+      n(e.$slots, "header", {}, void 0, !0),
       !s(c) && e.title ? (l(), m("div", C, [
-        n("h2", I, B(e.title), 1),
-        s(a).md ? u("", !0) : r(e.$slots, "button", { key: 0 }, void 0, !0)
+        r("h2", I, B(e.title), 1),
+        s(d).lg ? u("", !0) : n(e.$slots, "button", { key: 0 }, void 0, !0)
       ])) : u("", !0),
-      n("div", {
+      r("div", {
         class: g(["custom-scroll sidebar-height pb-0 md:pb-[37px] w-[inherit]", {
           "sidebar-mask": !s(c)
         }])
       }, [
-        r(e.$slots, "content", {}, void 0, !0)
+        n(e.$slots, "content", {}, void 0, !0)
       ], 2),
-      s(a).md ? (l(), m(L, { key: 1 }, [
-        n("div", R, [
-          r(e.$slots, "button", {}, void 0, !0)
+      s(d).lg ? (l(), m(L, { key: 1 }, [
+        r("div", R, [
+          n(e.$slots, "button", {}, void 0, !0)
         ]),
-        n("div", {
+        r("div", {
           class: "resizer",
           onMousedown: k
         }, null, 32)

package/dist/components/Sidebar/SidebarListElement.vue.js

@@ -1,7 +1,7 @@
 import t from "./SidebarListElement.vue2.js";
 /* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-f7711416"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-a3cf480d"]]);
 export {
-  a as default
+  m as default
 };

package/dist/components/Sidebar/SidebarListElement.vue2.js

@@ -35,7 +35,7 @@ const V = { class: "empty-variable-name text-sm" }, q = /* @__PURE__ */ g({
       const l = C("router-link");
       return r(), p("li", null, [
         d(l, {
-          class: h(["h-8 text-c-2 hover:bg-b-2 group relative block flex items-center gap-1.5 rounded py-1 pr-2 font-medium no-underline", [e.variable.color ? "pl-1" : "pl-2"]]),
+          class: h(["h-8 text-c-2 hover:bg-b-2 group relative block flex items-center gap-1.5 rounded py-1 pr-1.5 font-medium no-underline", [e.variable.color ? "pl-1" : "pl-1.5"]]),
           exactActiveClass: "active-link",
           to: e.collectionId ? `/workspace/${t(n).uid}/${e.type}/${e.collectionId}/${e.variable.uid}` : `/workspace/${t(n).uid}/${e.type}/${e.variable.uid}`,
           onClick: a[1] || (a[1] = D((o) => y(o, e.variable.uid, e.collectionId), ["prevent"]))

package/dist/components/Sidebar/SidebarToggle.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as l, createElementBlock as n, createElementVNode as e, toDisplayString as r, normalizeClass as a } from "vue";
 const i = { class: "sr-only" }, d = {
-  class: "size-3.5",
+  class: "size-4",
   fill: "none",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
@@ -12,7 +12,7 @@ const i = { class: "sr-only" }, d = {
   emits: ["update:modelValue"],
   setup(u) {
     return (o, t) => (l(), n("button", {
-      class: "text-c-1 hover:bg-b-2 active:text-c-1 p-2 rounded",
+      class: "text-c-3 hover:bg-b-2 active:text-c-1 p-2 rounded-lg",
       type: "button",
       onClick: t[0] || (t[0] = (m) => o.$emit("update:modelValue", !o.modelValue))
     }, [

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AA+DA,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAkBJ,iBAAS,cAAc;WA2IT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBAlLH,OAAO;eACT,MAAM;6EAyLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AA+DA,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAkBJ,iBAAS,cAAc;WAwIT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBA/KH,OAAO;eACT,MAAM;6EAsLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as c, openBlock as s, createBlock as d, unref as o, withCtx as n, createElementVNode as r, createVNode as i, renderSlot as l, createElementBlock as u, toDisplayString as p, createCommentVNode as a, mergeProps as f } from "vue";
+import { defineComponent as c, openBlock as s, createBlock as d, unref as o, withCtx as l, createElementVNode as i, createVNode as n, renderSlot as r, createElementBlock as a, toDisplayString as f, createCommentVNode as u, mergeProps as p } from "vue";
 import { Disclosure as m, DisclosureButton as x, DisclosurePanel as h } from "@headlessui/vue";
 import { ScalarIcon as b } from "@scalar/components";
-const g = { class: "flex items-center" }, v = { class: "flex flex-1 items-center gap-1.5 text-c-1" }, _ = {
+const g = { class: "flex items-center" }, _ = { class: "flex flex-1 items-center gap-1.5 text-c-1" }, v = {
   key: 0,
-  class: "bg-b-2 text-c-2 text-3xs inline-flex h-4 w-4 items-center justify-center rounded-full font-semibold"
+  class: "bg-b-2 text-c-2 text-3xs inline-flex h-4 w-4 items-center justify-center rounded-full font-semibold border-1/2"
 }, C = {
   key: 0,
   class: "ui-not-open:invisible flex items-center gap-2 pr-2"
@@ -14,34 +14,34 @@ const g = { class: "flex items-center" }, v = { class: "flex flex-1 items-center
     itemCount: { default: 0 }
   },
   setup(y) {
-    return (e, w) => (s(), d(o(m), {
+    return (e, k) => (s(), d(o(m), {
       as: "div",
-      class: "focus-within:bg-b-2 ui-not-open:hover:bg-b-2 focus-within:text-c-1 text-c-2 rounded request-item ui-not-open:bg-transparent ui-open:[&:not(:last-child)]:mb-2.5 ui-not-open:mb-[0.5px]",
+      class: "bg-b-2 focus-within:text-c-1 text-c-2 request-item border-b-1/2",
       defaultOpen: e.defaultOpen
     }, {
-      default: n(({ open: t }) => [
-        r("div", g, [
-          i(o(x), { class: "group hover:text-c-1 flex flex-1 items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium px-1 md:px-1.5 xl:px-2 outline-none" }, {
-            default: n(() => [
-              i(o(b), {
+      default: l(({ open: t }) => [
+        i("div", g, [
+          n(o(x), { class: "group hover:text-c-1 flex flex-1 items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium px-1 md:px-1.5 xl:px-2 outline-none" }, {
+            default: l(() => [
+              n(o(b), {
                 class: "text-c-3 group-hover:text-c-1 group-focus-visible:outline ui-open:rotate-90 ui-not-open:rotate-0 rounded-[1px] outline-offset-2",
                 icon: "ChevronRight",
                 size: "md"
               }),
-              r("div", v, [
-                l(e.$slots, "title", { open: t }),
-                !t && e.itemCount ? (s(), u("span", _, p(e.itemCount), 1)) : a("", !0)
+              i("div", _, [
+                r(e.$slots, "title", { open: t }),
+                !t && e.itemCount ? (s(), a("span", v, f(e.itemCount), 1)) : u("", !0)
               ])
             ]),
             _: 2
           }, 1024),
-          e.$slots.actions ? (s(), u("div", C, [
-            l(e.$slots, "actions", { open: t })
-          ])) : a("", !0)
+          e.$slots.actions ? (s(), a("div", C, [
+            r(e.$slots, "actions", { open: t })
+          ])) : u("", !0)
         ]),
-        i(o(h), f(e.$attrs, { class: "h-full max-h-fit rounded-b diclosure-panel" }), {
-          default: n(() => [
-            l(e.$slots, "default", { open: t })
+        n(o(h), p(e.$attrs, { class: "h-full max-h-fit rounded-b diclosure-panel" }), {
+          default: l(() => [
+            r(e.$slots, "default", { open: t })
           ]),
           _: 2
         }, 1040)

package/dist/components/ViewLayout/ViewLayoutSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutSection.vue"],"names":[],"mappings":"AAmBA,iBAAS,cAAc;WA+DT,OAAO,IAA6B;;uBATvB,GAAG;yBACD,GAAG;;;;EAa/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,uRAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutSection.vue"],"names":[],"mappings":"AAmBA,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;uBATvB,GAAG;yBACD,GAAG;;;;EAa/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,uRAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayoutSection.vue.js

@@ -1,15 +1,15 @@
-import { openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as t } from "vue";
-import s from "../../_virtual/_plugin-vue_export-helper.js";
-const c = {}, r = { class: "flex xl:h-full xl:min-w-0 flex-1 flex-col xl:custom-scroll bg-b-1" }, i = { class: "min-h-12 xl:min-h-client-header flex items-center border-b-1/2 px-3.5 py-1.5 md:px-4 md:py-2 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none z-1" };
-function m(e, d) {
+import { openBlock as o, createElementBlock as l, createElementVNode as s, renderSlot as t } from "vue";
+import n from "../../_virtual/_plugin-vue_export-helper.js";
+const c = {}, r = { class: "flex xl:h-full xl:min-w-0 flex-1 flex-col xl:custom-scroll bg-b-1" }, i = { class: "min-h-11 flex items-center border-b-1/2 px-4 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none z-1" };
+function f(e, m) {
   return o(), l("section", r, [
-    n("div", i, [
+    s("div", i, [
       t(e.$slots, "title")
     ]),
     t(e.$slots, "default")
   ]);
 }
-const p = /* @__PURE__ */ s(c, [["render", m]]);
+const a = /* @__PURE__ */ n(c, [["render", f]]);
 export {
-  p as default
+  a as default
 };

package/dist/layouts/App/create-api-client-app.d.ts

@@ -6,7 +6,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
     app: import("vue").App<Element>;
     updateSpec: (spec: import("@scalar/types").SpecConfiguration) => Promise<void>;
     updateConfig(newConfig: ClientConfiguration, mergeConfigs?: boolean): void;
-    updateServer: (serverUrl: string, variables?: Record<string, string>) => void;
+    updateServer: (serverUrl: string) => void;
     onUpdateServer: (callback: (url: string) => void) => void;
     updateAuth: <P extends import("@scalar/object-utils/nested").Path<import("@scalar/oas-utils/entities/spec").SecurityScheme>>({ nameKey, propertyKey, value, }: {
         nameKey: string;
@@ -1930,7 +1930,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 };
                 serverVariables?: Record<string, string[]> | undefined;
             }) => void;
-            edit: <P extends "parameters" | "type" | "name" | "uid" | "body" | "requestUid" | "serverVariables" | "body.binary" | "parameters.cookies" | `parameters.cookies.${number}` | "parameters.path" | "parameters.headers" | "parameters.query" | `parameters.cookies.${number}.description` | `parameters.cookies.${number}.type` | `parameters.cookies.${number}.default` | `parameters.cookies.${number}.key` | `parameters.cookies.${number}.required` | `parameters.cookies.${number}.value` | `parameters.cookies.${number}.enum` | `parameters.cookies.${number}.file` | `parameters.cookies.${number}.nullable` | `parameters.cookies.${number}.enabled` | `parameters.cookies.${number}.minimum` | `parameters.cookies.${number}.maximum` | `parameters.cookies.${number}.format` | `parameters.cookies.${number}.default.${string}` | `parameters.cookies.${number}.enum.${number}` | `parameters.cookies.${number}.file.${string}` | `parameters.path.${number}` | `parameters.path.${number}.description` | `parameters.path.${number}.type` | `parameters.path.${number}.default` | `parameters.path.${number}.key` | `parameters.path.${number}.required` | `parameters.path.${number}.value` | `parameters.path.${number}.enum` | `parameters.path.${number}.file` | `parameters.path.${number}.nullable` | `parameters.path.${number}.enabled` | `parameters.path.${number}.minimum` | `parameters.path.${number}.maximum` | `parameters.path.${number}.format` | `parameters.path.${number}.default.${string}` | `parameters.path.${number}.enum.${number}` | `parameters.path.${number}.file.${string}` | `parameters.headers.${number}` | `parameters.headers.${number}.description` | `parameters.headers.${number}.type` | `parameters.headers.${number}.default` | `parameters.headers.${number}.key` | `parameters.headers.${number}.required` | `parameters.headers.${number}.value` | `parameters.headers.${number}.enum` | `parameters.headers.${number}.file` | `parameters.headers.${number}.nullable` | `parameters.headers.${number}.enabled` | `parameters.headers.${number}.minimum` | `parameters.headers.${number}.maximum` | `parameters.headers.${number}.format` | `parameters.headers.${number}.default.${string}` | `parameters.headers.${number}.enum.${number}` | `parameters.headers.${number}.file.${string}` | `parameters.query.${number}` | `parameters.query.${number}.description` | `parameters.query.${number}.type` | `parameters.query.${number}.default` | `parameters.query.${number}.key` | `parameters.query.${number}.required` | `parameters.query.${number}.value` | `parameters.query.${number}.enum` | `parameters.query.${number}.file` | `parameters.query.${number}.nullable` | `parameters.query.${number}.enabled` | `parameters.query.${number}.minimum` | `parameters.query.${number}.maximum` | `parameters.query.${number}.format` | `parameters.query.${number}.default.${string}` | `parameters.query.${number}.enum.${number}` | `parameters.query.${number}.file.${string}` | "body.raw" | "body.formData" | "body.activeBody" | "body.raw.value" | "body.raw.encoding" | "body.formData.value" | "body.formData.encoding" | `body.formData.value.${number}` | `body.formData.value.${number}.description` | `body.formData.value.${number}.type` | `body.formData.value.${number}.default` | `body.formData.value.${number}.key` | `body.formData.value.${number}.required` | `body.formData.value.${number}.value` | `body.formData.value.${number}.enum` | `body.formData.value.${number}.file` | `body.formData.value.${number}.nullable` | `body.formData.value.${number}.enabled` | `body.formData.value.${number}.minimum` | `body.formData.value.${number}.maximum` | `body.formData.value.${number}.format` | `body.formData.value.${number}.default.${string}` | `body.formData.value.${number}.enum.${number}` | `body.formData.value.${number}.file.${string}` | "body.binary.type" | "body.binary.size" | "body.binary.slice" | "body.binary.text" | "body.binary.arrayBuffer" | "body.binary.stream" | `serverVariables.${string}`>(uid: string, path: P, value: P extends "parameters" | "type" | "name" | "uid" | "body" | "requestUid" | "serverVariables" ? {
+            edit: <P extends "parameters" | "type" | "name" | "uid" | "body" | "requestUid" | "serverVariables" | "body.binary" | "parameters.cookies" | `parameters.cookies.${number}` | "parameters.path" | "parameters.headers" | "parameters.query" | `parameters.cookies.${number}.description` | `parameters.cookies.${number}.type` | `parameters.cookies.${number}.default` | `parameters.cookies.${number}.key` | `parameters.cookies.${number}.required` | `parameters.cookies.${number}.file` | `parameters.cookies.${number}.value` | `parameters.cookies.${number}.enum` | `parameters.cookies.${number}.nullable` | `parameters.cookies.${number}.enabled` | `parameters.cookies.${number}.minimum` | `parameters.cookies.${number}.maximum` | `parameters.cookies.${number}.format` | `parameters.cookies.${number}.default.${string}` | `parameters.cookies.${number}.file.${string}` | `parameters.cookies.${number}.enum.${number}` | `parameters.path.${number}` | `parameters.path.${number}.description` | `parameters.path.${number}.type` | `parameters.path.${number}.default` | `parameters.path.${number}.key` | `parameters.path.${number}.required` | `parameters.path.${number}.file` | `parameters.path.${number}.value` | `parameters.path.${number}.enum` | `parameters.path.${number}.nullable` | `parameters.path.${number}.enabled` | `parameters.path.${number}.minimum` | `parameters.path.${number}.maximum` | `parameters.path.${number}.format` | `parameters.path.${number}.default.${string}` | `parameters.path.${number}.file.${string}` | `parameters.path.${number}.enum.${number}` | `parameters.headers.${number}` | `parameters.headers.${number}.description` | `parameters.headers.${number}.type` | `parameters.headers.${number}.default` | `parameters.headers.${number}.key` | `parameters.headers.${number}.required` | `parameters.headers.${number}.file` | `parameters.headers.${number}.value` | `parameters.headers.${number}.enum` | `parameters.headers.${number}.nullable` | `parameters.headers.${number}.enabled` | `parameters.headers.${number}.minimum` | `parameters.headers.${number}.maximum` | `parameters.headers.${number}.format` | `parameters.headers.${number}.default.${string}` | `parameters.headers.${number}.file.${string}` | `parameters.headers.${number}.enum.${number}` | `parameters.query.${number}` | `parameters.query.${number}.description` | `parameters.query.${number}.type` | `parameters.query.${number}.default` | `parameters.query.${number}.key` | `parameters.query.${number}.required` | `parameters.query.${number}.file` | `parameters.query.${number}.value` | `parameters.query.${number}.enum` | `parameters.query.${number}.nullable` | `parameters.query.${number}.enabled` | `parameters.query.${number}.minimum` | `parameters.query.${number}.maximum` | `parameters.query.${number}.format` | `parameters.query.${number}.default.${string}` | `parameters.query.${number}.file.${string}` | `parameters.query.${number}.enum.${number}` | "body.raw" | "body.formData" | "body.activeBody" | "body.raw.value" | "body.raw.encoding" | "body.formData.value" | "body.formData.encoding" | `body.formData.value.${number}` | `body.formData.value.${number}.description` | `body.formData.value.${number}.type` | `body.formData.value.${number}.default` | `body.formData.value.${number}.key` | `body.formData.value.${number}.required` | `body.formData.value.${number}.file` | `body.formData.value.${number}.value` | `body.formData.value.${number}.enum` | `body.formData.value.${number}.nullable` | `body.formData.value.${number}.enabled` | `body.formData.value.${number}.minimum` | `body.formData.value.${number}.maximum` | `body.formData.value.${number}.format` | `body.formData.value.${number}.default.${string}` | `body.formData.value.${number}.file.${string}` | `body.formData.value.${number}.enum.${number}` | "body.binary.type" | "body.binary.size" | "body.binary.slice" | "body.binary.text" | "body.binary.arrayBuffer" | "body.binary.stream" | `serverVariables.${string}`>(uid: string, path: P, value: P extends "parameters" | "type" | "name" | "uid" | "body" | "requestUid" | "serverVariables" ? {
                 type: "requestExample";
                 uid: string;
                 name: string;
@@ -2213,7 +2213,7 @@ export declare const createApiClientApp: (el: HTMLElement | null, configuration?
                 };
                 serverVariables?: Record<string, string[]> | undefined;
             }[K], R> : never : K extends `${number}` ? never : never : P extends `${number}` ? never : never) => void;
-            untrackedEdit: <P extends "parameters" | "type" | "name" | "uid" | "body" | "requestUid" | "serverVariables" | "body.binary" | "parameters.cookies" | `parameters.cookies.${number}` | "parameters.path" | "parameters.headers" | "parameters.query" | `parameters.cookies.${number}.description` | `parameters.cookies.${number}.type` | `parameters.cookies.${number}.default` | `parameters.cookies.${number}.key` | `parameters.cookies.${number}.required` | `parameters.cookies.${number}.value` | `parameters.cookies.${number}.enum` | `parameters.cookies.${number}.file` | `parameters.cookies.${number}.nullable` | `parameters.cookies.${number}.enabled` | `parameters.cookies.${number}.minimum` | `parameters.cookies.${number}.maximum` | `parameters.cookies.${number}.format` | `parameters.cookies.${number}.default.${string}` | `parameters.cookies.${number}.enum.${number}` | `parameters.cookies.${number}.file.${string}` | `parameters.path.${number}` | `parameters.path.${number}.description` | `parameters.path.${number}.type` | `parameters.path.${number}.default` | `parameters.path.${number}.key` | `parameters.path.${number}.required` | `parameters.path.${number}.value` | `parameters.path.${number}.enum` | `parameters.path.${number}.file` | `parameters.path.${number}.nullable` | `parameters.path.${number}.enabled` | `parameters.path.${number}.minimum` | `parameters.path.${number}.maximum` | `parameters.path.${number}.format` | `parameters.path.${number}.default.${string}` | `parameters.path.${number}.enum.${number}` | `parameters.path.${number}.file.${string}` | `parameters.headers.${number}` | `parameters.headers.${number}.description` | `parameters.headers.${number}.type` | `parameters.headers.${number}.default` | `parameters.headers.${number}.key` | `parameters.headers.${number}.required` | `parameters.headers.${number}.value` | `parameters.headers.${number}.enum` | `parameters.headers.${number}.file` | `parameters.headers.${number}.nullable` | `parameters.headers.${number}.enabled` | `parameters.headers.${number}.minimum` | `parameters.headers.${number}.maximum` | `parameters.headers.${number}.format` | `parameters.headers.${number}.default.${string}` | `parameters.headers.${number}.enum.${number}` | `parameters.headers.${number}.file.${string}` | `parameters.query.${number}` | `parameters.query.${number}.description` | `parameters.query.${number}.type` | `parameters.query.${number}.default` | `parameters.query.${number}.key` | `parameters.query.${number}.required` | `parameters.query.${number}.value` | `parameters.query.${number}.enum` | `parameters.query.${number}.file` | `parameters.query.${number}.nullable` | `parameters.query.${number}.enabled` | `parameters.query.${number}.minimum` | `parameters.query.${number}.maximum` | `parameters.query.${number}.format` | `parameters.query.${number}.default.${string}` | `parameters.query.${number}.enum.${number}` | `parameters.query.${number}.file.${string}` | "body.raw" | "body.formData" | "body.activeBody" | "body.raw.value" | "body.raw.encoding" | "body.formData.value" | "body.formData.encoding" | `body.formData.value.${number}` | `body.formData.value.${number}.description` | `body.formData.value.${number}.type` | `body.formData.value.${number}.default` | `body.formData.value.${number}.key` | `body.formData.value.${number}.required` | `body.formData.value.${number}.value` | `body.formData.value.${number}.enum` | `body.formData.value.${number}.file` | `body.formData.value.${number}.nullable` | `body.formData.value.${number}.enabled` | `body.formData.value.${number}.minimum` | `body.formData.value.${number}.maximum` | `body.formData.value.${number}.format` | `body.formData.value.${number}.default.${string}` | `body.formData.value.${number}.enum.${number}` | `body.formData.value.${number}.file.${string}` | "body.binary.type" | "body.binary.size" | "body.binary.slice" | "body.binary.text" | "body.binary.arrayBuffer" | "body.binary.stream" | `serverVariables.${string}`>(uid: string, path: P, value: P extends "parameters" | "type" | "name" | "uid" | "body" | "requestUid" | "serverVariables" ? {
+            untrackedEdit: <P extends "parameters" | "type" | "name" | "uid" | "body" | "requestUid" | "serverVariables" | "body.binary" | "parameters.cookies" | `parameters.cookies.${number}` | "parameters.path" | "parameters.headers" | "parameters.query" | `parameters.cookies.${number}.description` | `parameters.cookies.${number}.type` | `parameters.cookies.${number}.default` | `parameters.cookies.${number}.key` | `parameters.cookies.${number}.required` | `parameters.cookies.${number}.file` | `parameters.cookies.${number}.value` | `parameters.cookies.${number}.enum` | `parameters.cookies.${number}.nullable` | `parameters.cookies.${number}.enabled` | `parameters.cookies.${number}.minimum` | `parameters.cookies.${number}.maximum` | `parameters.cookies.${number}.format` | `parameters.cookies.${number}.default.${string}` | `parameters.cookies.${number}.file.${string}` | `parameters.cookies.${number}.enum.${number}` | `parameters.path.${number}` | `parameters.path.${number}.description` | `parameters.path.${number}.type` | `parameters.path.${number}.default` | `parameters.path.${number}.key` | `parameters.path.${number}.required` | `parameters.path.${number}.file` | `parameters.path.${number}.value` | `parameters.path.${number}.enum` | `parameters.path.${number}.nullable` | `parameters.path.${number}.enabled` | `parameters.path.${number}.minimum` | `parameters.path.${number}.maximum` | `parameters.path.${number}.format` | `parameters.path.${number}.default.${string}` | `parameters.path.${number}.file.${string}` | `parameters.path.${number}.enum.${number}` | `parameters.headers.${number}` | `parameters.headers.${number}.description` | `parameters.headers.${number}.type` | `parameters.headers.${number}.default` | `parameters.headers.${number}.key` | `parameters.headers.${number}.required` | `parameters.headers.${number}.file` | `parameters.headers.${number}.value` | `parameters.headers.${number}.enum` | `parameters.headers.${number}.nullable` | `parameters.headers.${number}.enabled` | `parameters.headers.${number}.minimum` | `parameters.headers.${number}.maximum` | `parameters.headers.${number}.format` | `parameters.headers.${number}.default.${string}` | `parameters.headers.${number}.file.${string}` | `parameters.headers.${number}.enum.${number}` | `parameters.query.${number}` | `parameters.query.${number}.description` | `parameters.query.${number}.type` | `parameters.query.${number}.default` | `parameters.query.${number}.key` | `parameters.query.${number}.required` | `parameters.query.${number}.file` | `parameters.query.${number}.value` | `parameters.query.${number}.enum` | `parameters.query.${number}.nullable` | `parameters.query.${number}.enabled` | `parameters.query.${number}.minimum` | `parameters.query.${number}.maximum` | `parameters.query.${number}.format` | `parameters.query.${number}.default.${string}` | `parameters.query.${number}.file.${string}` | `parameters.query.${number}.enum.${number}` | "body.raw" | "body.formData" | "body.activeBody" | "body.raw.value" | "body.raw.encoding" | "body.formData.value" | "body.formData.encoding" | `body.formData.value.${number}` | `body.formData.value.${number}.description` | `body.formData.value.${number}.type` | `body.formData.value.${number}.default` | `body.formData.value.${number}.key` | `body.formData.value.${number}.required` | `body.formData.value.${number}.file` | `body.formData.value.${number}.value` | `body.formData.value.${number}.enum` | `body.formData.value.${number}.nullable` | `body.formData.value.${number}.enabled` | `body.formData.value.${number}.minimum` | `body.formData.value.${number}.maximum` | `body.formData.value.${number}.format` | `body.formData.value.${number}.default.${string}` | `body.formData.value.${number}.file.${string}` | `body.formData.value.${number}.enum.${number}` | "body.binary.type" | "body.binary.size" | "body.binary.slice" | "body.binary.text" | "body.binary.arrayBuffer" | "body.binary.stream" | `serverVariables.${string}`>(uid: string, path: P, value: P extends "parameters" | "type" | "name" | "uid" | "body" | "requestUid" | "serverVariables" ? {
                 type: "requestExample";
                 uid: string;
                 name: string;