@scalar/api-client 2.1.18 → 2.1.20

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

@@ -1,65 +1,68 @@
-import { defineComponent as w, ref as M, openBlock as l, createElementBlock as c, Fragment as k, createElementVNode as m, unref as a, createVNode as i, withModifiers as y, createCommentVNode as u, withCtx as N, createBlock as $ } from "vue";
-import x from "./Actions/DeleteSidebarListElement.vue.js";
-import { useModal as D, ScalarIcon as d, ScalarModal as S } from "@scalar/components";
-import { useClipboard as A } from "../../hooks/useClipboard.js";
-const B = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" }, I = /* @__PURE__ */ w({
+import { defineComponent as y, ref as h, openBlock as n, createElementBlock as i, Fragment as w, createElementVNode as k, unref as a, createVNode as r, createCommentVNode as s, withModifiers as M, withCtx as D, createBlock as N } from "vue";
+import $ from "./Actions/DeleteSidebarListElement.vue.js";
+import { useModal as B, ScalarIcon as m, ScalarModal as S } from "@scalar/components";
+import { useClipboard as x } from "../../hooks/useClipboard.js";
+const A = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" }, I = /* @__PURE__ */ y({
   __name: "SidebarListElementActions",
   props: {
     variable: {},
-    warningMessage: {}
+    warningMessage: {},
+    isCopyable: { type: Boolean },
+    isDeletable: { type: Boolean }
   },
   emits: ["delete"],
-  setup(p, { emit: v }) {
-    const { variable: b } = p, f = v, t = M({ action: "None", name: "" }), n = D(), { copyToClipboard: g } = A();
-    function C(e) {
-      t.value = { action: e, name: b.name }, n.show();
+  setup(d, { emit: p }) {
+    const { variable: b } = d, v = p, t = h({ action: "None", name: "" }), l = B(), { copyToClipboard: f } = x();
+    function g(e) {
+      t.value = { action: e, name: b.name }, l.show();
     }
-    function r() {
-      n.hide(), t.value = { action: "None", name: "" };
+    function u() {
+      l.hide(), t.value = { action: "None", name: "" };
     }
-    function h(e) {
-      f("delete", e), r();
+    function C(e) {
+      v("delete", e), u();
     }
-    return (e, o) => (l(), c(k, null, [
-      m("div", B, [
-        m("button", {
+    return (e, o) => (n(), i(w, null, [
+      k("div", A, [
+        e.isCopyable ? (n(), i("button", {
+          key: 0,
           class: "text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-[5px]",
           type: "button",
-          onClick: o[0] || (o[0] = (s) => a(g)(e.variable.name))
+          onClick: o[0] || (o[0] = (c) => a(f)(e.variable.name))
         }, [
-          i(a(d), {
+          r(a(m), {
             class: "h-3 w-3",
             icon: "Clipboard"
           })
-        ]),
-        e.variable.isDefault ? u("", !0) : (l(), c("button", {
-          key: 0,
+        ])) : s("", !0),
+        !e.variable.isDefault && e.isDeletable ? (n(), i("button", {
+          key: 1,
           class: "text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-1",
           type: "button",
-          onClick: o[1] || (o[1] = y((s) => C(
+          onClick: o[1] || (o[1] = M((c) => g(
             "Delete"
             /* Delete */
           ), ["prevent"]))
         }, [
-          i(a(d), {
+          r(a(m), {
             class: "h-3.5 w-3.5",
             icon: "Close"
           })
-        ]))
+        ])) : s("", !0)
       ]),
-      i(a(S), {
+      r(a(S), {
         size: "sm",
-        state: a(n),
+        state: a(l),
         title: `${t.value.action} ${t.value.name}`
       }, {
-        default: N(() => [
-          t.value.action === "Delete" ? (l(), $(x, {
+        default: D(() => [
+          t.value.action === "Delete" ? (n(), N($, {
             key: 0,
             variableName: t.value.name,
             warningMessage: e.warningMessage,
-            onClose: r,
-            onDelete: o[2] || (o[2] = (s) => h(e.variable.uid))
-          }, null, 8, ["variableName", "warningMessage"])) : u("", !0)
+            onClose: u,
+            onDelete: o[2] || (o[2] = (c) => C(e.variable.uid))
+          }, null, 8, ["variableName", "warningMessage"])) : s("", !0)
         ]),
         _: 1
       }, 8, ["state", "title"])

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

@@ -1 +1 @@
-{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";gBAoQc;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;;gBAApC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;;AAwdlD,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";gBAoRc;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;;gBAApC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;;AA2dlD,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/TopNav/TopNav.vue.js

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

package/dist/components/TopNav/TopNav.vue2.js

@@ -1,23 +1,22 @@
-import { defineComponent as z, reactive as A, ref as B, computed as M, watch as y, onMounted as j, onBeforeUnmount as E, openBlock as d, createElementBlock as g, createElementVNode as f, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as C, Fragment as V, renderList as D, createBlock as q, pushScopeId as K, popScopeId as F } from "vue";
+import { defineComponent as z, reactive as A, ref as M, computed as j, watch as C, onMounted as B, onBeforeUnmount as E, openBlock as d, createElementBlock as g, createElementVNode as h, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as x, Fragment as V, renderList as D, createBlock as K, pushScopeId as q, popScopeId as F } from "vue";
 import H from "../ScalarHotkey.vue.js";
 import { ROUTES as W } from "../../constants.js";
 import { useClipboard as G } from "../../hooks/useClipboard.js";
-import { ScalarContextMenu as J, ScalarIcon as h, ScalarDropdown as P, ScalarDropdownItem as x } from "@scalar/components";
+import { ScalarContextMenu as J, ScalarIcon as f, ScalarDropdown as P, ScalarDropdownItem as I } from "@scalar/components";
 import { capitalize as Q } from "@scalar/oas-utils/helpers";
 import X from "./TopNavItem.vue.js";
 import { useWorkspace as Y } from "../../store/store.js";
-import { hotKeyBus as I } from "../../libs/event-busses/hot-keys-bus.js";
-const Z = (s) => (K("data-v-9a66e94b"), s = s(), F(), s), ee = { class: "flex h-10 t-app__top-nav" }, te = /* @__PURE__ */ Z(() => /* @__PURE__ */ f("div", { class: "t-app__top-nav-draggable" }, null, -1)), oe = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-1 relative overflow-hidden" }, ae = {
+const Z = (c) => (q("data-v-f3ff8743"), c = c(), F(), c), ee = { class: "flex h-10 t-app__top-nav" }, te = /* @__PURE__ */ Z(() => /* @__PURE__ */ h("div", { class: "t-app__top-nav-draggable" }, null, -1)), oe = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-1 relative overflow-hidden" }, ae = {
   key: 0,
   class: "h-full w-full overflow-hidden"
-}, de = /* @__PURE__ */ z({
+}, me = /* @__PURE__ */ z({
   __name: "TopNav",
   props: {
     openNewTab: {}
   },
-  setup(s) {
-    const S = s, { activeRequest: L, router: i } = Y(), { copyToClipboard: U } = G(), t = A([{ label: "", path: "", icon: "Add" }]), o = B(0), T = M(() => o.value);
-    function k() {
+  setup(c) {
+    const S = c, { activeRequest: L, router: i, events: T } = Y(), { copyToClipboard: U } = G(), t = A([{ label: "", path: "", icon: "Add" }]), o = M(0), k = j(() => o.value);
+    function _() {
       var a;
       const e = W.find((p) => i.currentRoute.value.name == p.name);
       e && ((e == null ? void 0 : e.name) === "request" ? t[o.value] = {
@@ -34,35 +33,37 @@ const Z = (s) => (K("data-v-9a66e94b"), s = s(), F(), s), ee = { class: "flex h-
       i.push(t[o.value].path);
     }
     function m() {
-      t.push({ label: "", path: "", icon: "Add" }), o.value = t.length - 1, k();
+      t.push({ label: "", path: "", icon: "Add" }), o.value = t.length - 1, _();
     }
     function r(e) {
       o.value = e, v();
     }
-    y(
+    C(
       () => i.currentRoute.value.path,
       () => {
-        k();
+        _();
       },
       { immediate: !0 }
     );
-    function _(e) {
+    function N(e) {
       t.splice(e, 1), o.value = Math.min(
         o.value,
         t.length - 1
       ), v();
     }
-    const N = (e) => {
+    const y = (e) => {
       const a = new URL(window.location.href);
       a.pathname = t[e].path, U(a.toString());
     }, R = (e) => {
       t.splice(0, e), t.splice(1), o.value = 0, v();
     }, w = (e) => {
-      if (e.addTopNav && m(), e.closeTopNav && _(o.value), e.navigateTopNavLeft && r(Math.max(o.value - 1, 0)), e.navigateTopNavRight && r(Math.min(o.value + 1, t.length - 1)), e.jumpToTab) {
-        const a = Number(e.jumpToTab.key) - 1;
-        a >= 0 && a < t.length && r(a);
+      if (e) {
+        if (e.addTopNav && m(), e.closeTopNav && N(o.value), e.navigateTopNavLeft && r(Math.max(o.value - 1, 0)), e.navigateTopNavRight && r(Math.min(o.value + 1, t.length - 1)), e.jumpToTab) {
+          const a = Number(e.jumpToTab.key) - 1;
+          a >= 0 && a < t.length && r(a);
+        }
+        e.jumpToLastTab && r(t.length - 1);
       }
-      e.jumpToLastTab && r(t.length - 1);
     }, $ = (e) => {
       t.push({
         label: e.name,
@@ -70,24 +71,24 @@ const Z = (s) => (K("data-v-9a66e94b"), s = s(), F(), s), ee = { class: "flex h-
         icon: "ExternalLink"
       });
     };
-    return y(
+    return C(
       () => S.openNewTab,
       (e) => {
         e && $(e);
       },
       { immediate: !0 }
-    ), j(() => I.on(w)), E(() => I.off(w)), (e, a) => (d(), g("nav", ee, [
+    ), B(() => T.hotKeys.on(w)), E(() => T.hotKeys.off(w)), (e, a) => (d(), g("nav", ee, [
       te,
-      f("div", oe, [
+      h("div", oe, [
         t.length === 1 ? (d(), g("div", ae, [
           n(l(J), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
             trigger: u(() => [
-              n(l(h), {
+              n(l(f), {
                 icon: t[0].icon,
                 size: "xs",
                 thickness: "2.5"
               }, null, 8, ["icon"]),
-              f("span", null, O(t[0].label), 1)
+              h("span", null, O(t[0].label), 1)
             ]),
             content: u(() => [
               n(l(P), {
@@ -95,17 +96,17 @@ const Z = (s) => (K("data-v-9a66e94b"), s = s(), F(), s), ee = { class: "flex h-
                 static: ""
               }, {
                 items: u(() => [
-                  n(l(x), {
+                  n(l(I), {
                     class: "flex items-center gap-1.5",
                     onClick: m
                   }, {
                     default: u(() => [
-                      n(l(h), {
+                      n(l(f), {
                         icon: "AddTab",
                         size: "sm",
                         thickness: "1.5"
                       }),
-                      C(" New Tab "),
+                      x(" New Tab "),
                       n(H, {
                         class: "bg-b-2 ml-auto",
                         hotkey: "T"
@@ -113,17 +114,17 @@ const Z = (s) => (K("data-v-9a66e94b"), s = s(), F(), s), ee = { class: "flex h-
                     ]),
                     _: 1
                   }),
-                  n(l(x), {
+                  n(l(I), {
                     class: "flex items-center gap-1.5",
-                    onClick: a[0] || (a[0] = (p) => N(T.value))
+                    onClick: a[0] || (a[0] = (p) => y(k.value))
                   }, {
                     default: u(() => [
-                      n(l(h), {
+                      n(l(f), {
                         icon: "Link",
                         size: "sm",
                         thickness: "1.5"
                       }),
-                      C(" Copy URL ")
+                      x(" Copy URL ")
                     ]),
                     _: 1
                   })
@@ -133,24 +134,24 @@ const Z = (s) => (K("data-v-9a66e94b"), s = s(), F(), s), ee = { class: "flex h-
             ]),
             _: 1
           })
-        ])) : (d(!0), g(V, { key: 1 }, D(t, (p, c) => (d(), q(X, {
-          key: c,
-          active: c === T.value,
-          hotkey: (c + 1).toString(),
+        ])) : (d(!0), g(V, { key: 1 }, D(t, (p, s) => (d(), K(X, {
+          key: s,
+          active: s === k.value,
+          hotkey: (s + 1).toString(),
           icon: p.icon,
           label: p.label,
-          onClick: (b) => r(c),
-          onClose: (b) => _(c),
-          onCloseOtherTabs: (b) => R(c),
-          onCopyUrl: (b) => N(c),
+          onClick: (b) => r(s),
+          onClose: (b) => N(s),
+          onCloseOtherTabs: (b) => R(s),
+          onCopyUrl: (b) => y(s),
           onNewTab: m
         }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
-        f("button", {
+        h("button", {
           class: "text-c-3 hover:bg-b-3 p-1.5 rounded webkit-app-no-drag",
           type: "button",
           onClick: m
         }, [
-          n(l(h), {
+          n(l(f), {
             icon: "Add",
             size: "xs",
             thickness: "2.5"
@@ -161,5 +162,5 @@ const Z = (s) => (K("data-v-9a66e94b"), s = s(), F(), s), ee = { class: "flex h-
   }
 });
 export {
-  de as default
+  me as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBAyBM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBA2BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,12 +1,12 @@
-import { openBlock as o, createElementBlock as r, renderSlot as t } from "vue";
-import l from "../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, c = { class: "flex flex-col min-h-0 flex-1 xl:overflow-hidden md:flex-row leading-3 z-0" };
-function f(e, s) {
-  return o(), r("div", c, [
-    t(e.$slots, "default")
+import { openBlock as o, createElementBlock as d, renderSlot as r } from "vue";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const i = {}, l = { class: "divide-y md:divide-y-0 divide-1 flex flex-col min-h-0 flex-1 xl:overflow-hidden md:flex-row leading-3" };
+function n(e, c) {
+  return o(), d("div", l, [
+    r(e.$slots, "default")
   ]);
 }
-const a = /* @__PURE__ */ l(n, [["render", f]]);
+const a = /* @__PURE__ */ t(i, [["render", n]]);
 export {
   a as default
 };

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":"AAiFA,iBAAS,cAAc;;;QA+IK,GAAG;;;QACD,GAAG;;;QACH,GAAG;EAkBhC;AACD,QAAA,MAAM,eAAe;kBAxLH,OAAO;gBACT,MAAM;;;;;kBADJ,OAAO;gBACT,MAAM;;;;;iBADJ,OAAO;eACT,MAAM;MA6LpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAiFA,iBAAS,cAAc;;;QAgJK,GAAG;;;QACD,GAAG;;;QACH,GAAG;EAkBhC;AACD,QAAA,MAAM,eAAe;kBAzLH,OAAO;gBACT,MAAM;;;;;kBADJ,OAAO;gBACT,MAAM;;;;;iBADJ,OAAO;eACT,MAAM;MA8LpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -40,7 +40,7 @@ const x = { class: "flex flex-1 items-center gap-1.5 text-c-1" }, g = {
           ]),
           _: 2
         }, 1024),
-        i(o(h), { class: "rounded-b" }, {
+        i(o(h), { class: "rounded-b diclosure-panel" }, {
           default: n(() => [
             l(e.$slots, "default", { open: t })
           ]),

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

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutContent.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBA6BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutContent.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBA4BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,6 +1,6 @@
 import { openBlock as o, createElementBlock as r, renderSlot as t } from "vue";
 import d from "../../_virtual/_plugin-vue_export-helper.js";
-const l = {}, c = { class: "border-t-1/2 md:border-t-0 divide divide-y xl:divide-y-0 xl:divide-x-1/2 flex xl:flex-row flex-col custom-scroll pr-0 rounded" };
+const l = {}, c = { class: "border-t-1/2 md:border-t-0 divide divide-y xl:divide-y-0 xl:divide-x-1/2 flex xl:flex-row flex-col custom-scroll pr-0" };
 function i(e, n) {
   return o(), r("div", c, [
     t(e.$slots, "default")

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":"AA8BA,iBAAS,cAAc;mBA6CI,GAAG;qBACD,GAAG;EAc/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,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":"AA8BA,iBAAS,cAAc;mBA8CI,GAAG;qBACD,GAAG;EAc/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,20 +1,20 @@
-import { defineComponent as n, openBlock as r, createElementBlock as s, unref as o, createElementVNode as d, renderSlot as l } from "vue";
-import { nanoid as i } from "nanoid";
+import { defineComponent as n, openBlock as r, createElementBlock as s, unref as t, createElementVNode as i, renderSlot as o } from "vue";
+import { nanoid as d } from "nanoid";
 const a = ["aria-labelledby"], c = ["id"], u = /* @__PURE__ */ n({
   __name: "ViewLayoutSection",
   setup(m) {
-    const e = i();
-    return (t, p) => (r(), s("section", {
-      "aria-labelledby": o(e),
-      class: "flex xl:min-w-0 xl:flex-1 flex-col xl:custom-scroll bg-b-1"
+    const e = d();
+    return (l, p) => (r(), s("section", {
+      "aria-labelledby": t(e),
+      class: "flex h-full xl:min-w-0 xl:flex-1 flex-col xl:custom-scroll bg-b-1"
     }, [
-      d("div", {
-        id: o(e),
-        class: "xl:min-h-header flex items-center border-b-1/2 p-2 md:px-4 md:py-2.5 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 z-20 rounded-t xl:rounded-none"
+      i("div", {
+        id: t(e),
+        class: "min-h-11 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-2 md:px-4 md:py-2.5 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none"
       }, [
-        l(t.$slots, "title")
+        o(l.$slots, "title")
       ], 8, c),
-      l(t.$slots, "default")
+      o(l.$slots, "default")
     ], 8, a));
   }
 });

package/dist/constants.d.ts

@@ -10,5 +10,9 @@ export declare const ROUTES: readonly [{
     readonly prettyName: "Env Vars";
     readonly name: "environment";
     readonly icon: "Brackets";
+}, {
+    readonly prettyName: "Settings";
+    readonly name: "settings";
+    readonly icon: "Settings";
 }];
 //# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;EAMT,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;EAOT,CAAA"}

package/dist/constants.js

@@ -1,7 +1,8 @@
 const e = [
   { prettyName: "Request", name: "request", icon: "ExternalLink" },
   { prettyName: "Cookies", name: "cookies", icon: "Cookie" },
-  { prettyName: "Env Vars", name: "environment", icon: "Brackets" }
+  { prettyName: "Env Vars", name: "environment", icon: "Brackets" },
+  { prettyName: "Settings", name: "settings", icon: "Settings" }
   // { prettyName: 'Servers', name: 'servers', icon: 'Server' },
   // { label: 'Git Sync', icon: 'Branch', path: '/git-sync' },
 ];

package/dist/hooks/useDarkModeState.d.ts

@@ -1,7 +1,8 @@
 /** This hook helps with retrieving the dark mode setting from local storage or from system settings. */
-export declare function useDarkModeState(isDarkInitially?: boolean): {
-    isDark: import("vue").Ref<boolean>;
+export declare function useDarkModeState(): {
+    colorMode: import("vue").Ref<"light" | "dark" | "system">;
     toggleDarkMode: () => void;
-    setDarkMode: (value: boolean) => void;
+    setDarkMode: (value: boolean | null) => void;
+    getSystemModePreference: () => boolean;
 };
 //# sourceMappingURL=useDarkModeState.d.ts.map

package/dist/hooks/useDarkModeState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDarkModeState.d.ts","sourceRoot":"","sources":["../../src/hooks/useDarkModeState.ts"],"names":[],"mappings":"AAKA,wGAAwG;AACxG,wBAAgB,gBAAgB,CAAC,eAAe,CAAC,EAAE,OAAO;;;yBAoC5B,OAAO;EA8BpC"}
+{"version":3,"file":"useDarkModeState.d.ts","sourceRoot":"","sources":["../../src/hooks/useDarkModeState.ts"],"names":[],"mappings":"AAIA,wGAAwG;AACxG,wBAAgB,gBAAgB;;;yBAYF,OAAO,GAAG,IAAI;;EA+E3C"}

package/dist/hooks/useDarkModeState.js

@@ -1,31 +1,46 @@
-import { ref as s, watch as f } from "vue";
-const t = s(!1);
-function c(a) {
-  var n;
-  const r = () => {
-    var o, i;
-    const e = typeof window < "u" ? (o = window.localStorage) == null ? void 0 : o.getItem("isDark") : null;
-    return typeof e == "string" ? !!JSON.parse(e) : !!(typeof window < "u" && typeof (window == null ? void 0 : window.matchMedia) == "function" && ((i = window == null ? void 0 : window.matchMedia("(prefers-color-scheme: dark)")) != null && i.matches));
-  }, d = () => {
+import { ref as r, watch as l, onMounted as s, onUnmounted as c } from "vue";
+const o = r("dark");
+function f() {
+  const a = () => {
     var e;
-    t.value = !t.value, typeof window < "u" && ((e = window == null ? void 0 : window.localStorage) == null || e.setItem("isDark", JSON.stringify(t.value)));
+    o.value = o.value === "dark" ? "light" : "dark", typeof window < "u" && ((e = window == null ? void 0 : window.localStorage) == null || e.setItem("colorMode", o.value));
   };
-  function l(e) {
-    var o;
-    t.value = e, typeof window < "u" && ((o = window == null ? void 0 : window.localStorage) == null || o.setItem("isDark", JSON.stringify(t.value)));
+  function i(e) {
+    var d;
+    o.value = e === null ? "system" : e ? "dark" : "light", typeof window < "u" && ((d = window == null ? void 0 : window.localStorage) == null || d.setItem("colorMode", o.value));
   }
-  return t.value = (typeof window > "u" ? null : JSON.parse(((n = window.localStorage) == null ? void 0 : n.getItem("isDark")) || "null")) ?? a ?? r(), f(
-    t,
+  const t = () => {
+    var e;
+    return typeof window < "u" && typeof (window == null ? void 0 : window.matchMedia) == "function" ? (e = window == null ? void 0 : window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : e.matches : !1;
+  }, n = (e) => {
+    typeof document < "u" && (e === null ? (document.body.classList.toggle("dark-mode", t()), document.body.classList.toggle("light-mode", !t())) : (document.body.classList.toggle("dark-mode", e === !0), document.body.classList.toggle("light-mode", e === !1)));
+  };
+  return o.value = typeof window > "u" ? "dark" : localStorage.getItem("colorMode") || "dark", n(
+    o.value === "dark" || o.value === "system" && t()
+  ), l(
+    o,
     (e) => {
-      typeof document > "u" || (document.body.classList.toggle("dark-mode", e), document.body.classList.toggle("light-mode", !e));
+      n(
+        e === "dark" || e === "system" && t()
+      );
     },
     { immediate: !0 }
-  ), {
-    isDark: t,
-    toggleDarkMode: d,
-    setDarkMode: l
+  ), s(() => {
+    if (typeof window < "u" && typeof window.matchMedia == "function") {
+      const e = window.matchMedia("(prefers-color-scheme: dark)"), d = () => {
+        o.value === "system" && n(t());
+      };
+      e.addEventListener("change", d), c(() => {
+        e.removeEventListener("change", d);
+      });
+    }
+  }), {
+    colorMode: o,
+    toggleDarkMode: a,
+    setDarkMode: i,
+    getSystemModePreference: t
   };
 }
 export {
-  c as useDarkModeState
+  f as useDarkModeState
 };

package/dist/layouts/App/ApiClientApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cA0I8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAoMjD,wBAMG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cAyH8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAgMjD,wBAMG"}