@scalar/api-client 2.2.6 → 2.2.7

package/dist/components/ImportCollection/ImportCollectionModal.vue.js

@@ -1,29 +1,34 @@
-import { defineComponent as B, ref as q, computed as l, watch as y, onMounted as H, onUnmounted as R, openBlock as c, createBlock as W, unref as r, withCtx as K, createElementBlock as a, createCommentVNode as p, createElementVNode as e, normalizeClass as G, Fragment as _, createVNode as d, toDisplayString as J, createTextVNode as L } from "vue";
-import Q from "../CommandPalette/WatchModeToggle.vue.js";
-import X from "./ImportNowButton.vue.js";
-import Y from "./IntegrationLogo.vue.js";
-import Z from "./PrefetchError.vue.js";
-import ee from "./WorkspaceSelector.vue.js";
-import { useUrlPrefetcher as te } from "./hooks/useUrlPrefetcher.js";
-import { getOpenApiDocumentVersion as M } from "./utils/getOpenApiDocumentVersion.js";
+import { defineComponent as H, ref as W, computed as c, watch as _, onMounted as K, onUnmounted as G, openBlock as l, createBlock as J, unref as i, withCtx as Q, createElementBlock as a, createCommentVNode as m, createElementVNode as e, normalizeClass as X, Fragment as g, createVNode as d, toDisplayString as Y, createTextVNode as M } from "vue";
+import Z from "../CommandPalette/WatchModeToggle.vue.js";
+import ee from "./ImportNowButton.vue.js";
+import te from "./IntegrationLogo.vue.js";
+import oe from "./PrefetchError.vue.js";
+import se from "./WorkspaceSelector.vue.js";
+import { useUrlPrefetcher as ne } from "./hooks/useUrlPrefetcher.js";
+import { getOpenApiDocumentVersion as U } from "./utils/getOpenApiDocumentVersion.js";
 import { isDocument as A } from "./utils/isDocument.js";
-import { isUrl as T } from "./utils/isUrl.js";
-import { useActiveEntities as oe } from "../../store/active-entities.js";
-import { useModal as se, ScalarModal as ne, ScalarIcon as ie } from "@scalar/components";
-import { isLocalUrl as re } from "@scalar/oas-utils/helpers";
-import { normalize as le } from "@scalar/openapi-parser";
-import { getThemeStyles as ce } from "@scalar/themes";
-import { useWorkspace as ae } from "../../store/store.js";
-const de = ["innerHTML"], me = { class: "flex flex-col h-screen justify-center px-6 overflow-hidden relative md:px-0" }, ue = {
+import { isUrl as C } from "./utils/isUrl.js";
+import { useActiveEntities as re } from "../../store/active-entities.js";
+import { useModal as ie, ScalarModal as le, ScalarIcon as ce } from "@scalar/components";
+import { isLocalUrl as ae } from "@scalar/oas-utils/helpers";
+import { normalize as de } from "@scalar/openapi-parser";
+import { getThemeStyles as me } from "@scalar/themes";
+import { useColorMode as ue } from "@scalar/use-hooks/useColorMode";
+import { useRouter as pe } from "vue-router";
+import { useWorkspace as fe } from "../../store/store.js";
+const ve = ["innerHTML"], he = { class: "flex flex-col h-screen justify-center px-6 overflow-hidden relative md:px-0" }, xe = {
   key: 0,
   class: "flex justify-center items-center mb-2 p-1"
-}, pe = { class: "rounded-xl size-10" }, fe = { class: "text-center text-md font-bold mb-2 line-clamp-1" }, ve = { class: "inline-flex flex-col gap-2 items-center z-10 w-full" }, he = { class: "flex justify-center" }, xe = { class: "inline-flex py-1 px-4 items-center text-xs font-medium text-c-3" }, ye = {
+}, ye = { class: "rounded-xl size-10" }, _e = ["src"], ge = {
+  key: 2,
+  class: "text-center text-md font-bold mb-2 line-clamp-1"
+}, be = { class: "inline-flex flex-col gap-2 items-center z-10 w-full" }, we = { class: "flex justify-center" }, ke = { class: "inline-flex py-1 px-4 items-center text-xs font-medium text-c-3" }, Ie = {
   key: 0,
   class: "text-sm overflow-hidden mt-5 pt-4 border-t-1/2"
-}, _e = { class: "flex items-center justify-center" }, be = { class: "flex flex-col justify-center items-center pb-8" }, ge = { class: "text-center flex items-center flex-col" }, we = { class: "mb-2 w-10 h-10 border rounded-[10px] flex items-center justify-center" }, ke = {
+}, Le = { class: "flex items-center justify-center" }, Me = { class: "flex flex-col justify-center items-center pb-8" }, Ue = { class: "text-center flex items-center flex-col" }, Ae = { class: "mb-2 w-10 h-10 border rounded-[10px] flex items-center justify-center" }, Ce = {
   href: "https://scalar.com/download",
   target: "_blank"
-}, Ee = /* @__PURE__ */ B({
+}, Ge = /* @__PURE__ */ H({
   __name: "ImportCollectionModal",
   props: {
     source: {},
@@ -31,84 +36,91 @@ const de = ["innerHTML"], me = { class: "flex flex-col h-screen justify-center p
     eventType: {}
   },
   emits: ["importFinished"],
-  setup(U, { emit: P }) {
-    const o = U, C = P, { activeWorkspace: m } = oe(), { workspaceMutators: D, events: V } = ae(), { prefetchResult: n, prefetchUrl: b, resetPrefetchResult: S } = te(), i = se(), f = q(!0);
-    V.hotKeys.on(() => i.hide());
-    const j = l(() => {
+  setup(T, { emit: P }) {
+    const s = T, D = P, { activeWorkspace: u } = re(), { workspaceMutators: V, events: j } = fe(), { prefetchResult: n, prefetchUrl: b, resetPrefetchResult: S } = ne(), r = ie(), f = W(!0);
+    j.hotKeys.on(() => r.hide());
+    const z = c(() => {
       try {
-        return le(
-          n.content || o.source || ""
+        return de(
+          n.content || s.source || ""
         );
       } catch {
         return;
       }
-    }), z = l(() => {
-      var s, t;
-      return (t = (s = j.value) == null ? void 0 : s.info) == null ? void 0 : t.title;
-    }), g = l(
-      () => M(n.content || o.source || "")
-    );
-    y(
-      () => o.source,
-      async (s) => {
+    }), N = c(() => {
+      var o, t;
+      return (t = (o = z.value) == null ? void 0 : o.info) == null ? void 0 : t.title;
+    }), w = c(
+      () => U(n.content || s.source || "")
+    ), { darkLightMode: O } = ue(), { currentRoute: $ } = pe(), v = c(() => {
+      try {
+        const o = $.value.query, t = O.value === "dark" ? o.dark_logo : o.light_logo;
+        if (t) return decodeURIComponent(t);
+      } catch {
+      }
+      return null;
+    });
+    _(
+      () => s.source,
+      async (o) => {
         var t;
-        if (S(), T(s)) {
-          if (o.eventType && ["paste", "drop"].includes(o.eventType)) {
-            const { error: u } = await b(
-              s,
-              (t = m.value) == null ? void 0 : t.proxyUrl
+        if (S(), C(o)) {
+          if (s.eventType && ["paste", "drop"].includes(s.eventType)) {
+            const { error: p } = await b(
+              o,
+              (t = u.value) == null ? void 0 : t.proxyUrl
             );
-            u ? i.hide() : i.show();
+            p ? r.hide() : r.show();
             return;
           }
-          b(s, m.value.proxyUrl), i.show();
+          b(o, u.value.proxyUrl), r.show();
           return;
         }
-        s && A(s) && M(s) ? i.show() : i.hide();
+        o && A(o) && U(o) ? r.show() : r.hide();
       }
     );
-    const N = l(() => !!o.source && T(o.source)), O = l(() => !!o.source && A(o.source)), v = l(() => n.url && re(n.url)), h = (s) => {
-      document.body.classList.remove("has-no-import-url"), (N.value || O.value) && i.open ? document.body.classList.add("has-import-url") : document.body.classList.remove("has-import-url");
-    }, $ = () => {
+    const E = c(() => !!s.source && C(s.source)), F = c(() => !!s.source && A(s.source)), h = c(() => n.url && ae(n.url)), x = (o) => {
+      document.body.classList.remove("has-no-import-url"), (E.value || F.value) && r.open ? document.body.classList.add("has-import-url") : document.body.classList.remove("has-import-url");
+    }, R = () => {
       document.body.classList.remove("has-import-url"), document.body.classList.add("has-no-import-url");
     };
-    y(
-      () => i.open,
-      (s) => {
-        s ? h() : $();
+    _(
+      () => r.open,
+      (o) => {
+        o ? x() : R();
       }
-    ), y(
-      () => o.source,
+    ), _(
+      () => s.source,
       () => {
-        h();
+        x();
       }
-    ), H(() => {
-      h();
-    }), R(() => {
+    ), K(() => {
+      x();
+    }), G(() => {
       document.body.classList.remove("has-import-url"), document.body.classList.remove("has-no-import-url");
     });
-    const w = l(
-      () => m.value && v.value && o.integration && `<style>${ce(o.integration)}</style>`
+    const k = c(
+      () => u.value && h.value && s.integration && `<style>${me(s.integration)}</style>`
     );
-    function E() {
-      v.value && o.integration && D.edit(
-        m.value.uid,
+    function q() {
+      h.value && s.integration && V.edit(
+        u.value.uid,
         "themeId",
-        o.integration
-      ), C("importFinished");
+        s.integration
+      ), D("importFinished");
     }
-    return (s, t) => (c(), W(r(ne), {
+    return (o, t) => (l(), J(i(le), {
       size: "full",
-      state: r(i)
+      state: i(r)
     }, {
-      default: K(() => {
-        var x, u, k, I;
+      default: Q(() => {
+        var y, p, I, L;
         return [
-          w.value ? (c(), a("div", {
+          k.value ? (l(), a("div", {
             key: 0,
-            innerHTML: w.value
-          }, null, 8, de)) : p("", !0),
-          e("div", me, [
+            innerHTML: k.value
+          }, null, 8, ve)) : m("", !0),
+          e("div", he, [
             t[6] || (t[6] = e("div", { class: "section-flare" }, [
               e("div", { class: "section-flare-item" }),
               e("div", { class: "section-flare-item" }),
@@ -120,54 +132,59 @@ const de = ["innerHTML"], me = { class: "flex flex-col h-screen justify-center p
               e("div", { class: "section-flare-item" })
             ], -1)),
             e("div", {
-              class: G(["flex items-center flex-col m-auto px-8 py-8 rounded-xl border-1/2 max-w-[380px] w-full transition-opacity", { "opacity-0": r(n).state === "loading" }])
+              class: X(["flex items-center flex-col m-auto px-8 py-8 rounded-xl border-1/2 max-w-[380px] w-full transition-opacity", { "opacity-0": i(n).state === "loading" }])
             }, [
-              r(n).error && r(n).state === "idle" && !g.value ? (c(), a(_, { key: 0 }, [
+              i(n).error && i(n).state === "idle" && !w.value ? (l(), a(g, { key: 0 }, [
                 t[1] || (t[1] = e("div", { class: "text-center text-md font-bold mb-2 line-clamp-1" }, " No OpenAPI document found ", -1)),
-                d(Z, {
-                  url: ((x = r(n)) == null ? void 0 : x.input) || o.source
+                d(oe, {
+                  url: ((y = i(n)) == null ? void 0 : y.input) || s.source
                 }, null, 8, ["url"])
-              ], 64)) : (c(), a(_, { key: 1 }, [
-                v.value ? (c(), a("div", ue, [
-                  e("div", pe, [
-                    d(Y, { integration: s.integration }, null, 8, ["integration"])
+              ], 64)) : (l(), a(g, { key: 1 }, [
+                h.value ? (l(), a("div", xe, [
+                  e("div", ye, [
+                    d(te, { integration: o.integration }, null, 8, ["integration"])
                   ])
-                ])) : p("", !0),
-                e("div", fe, J(z.value || "Untitled Collection"), 1),
+                ])) : v.value ? (l(), a("img", {
+                  key: 1,
+                  alt: "Logo",
+                  class: "w-full object-contain mb-2",
+                  src: v.value
+                }, null, 8, _e)) : m("", !0),
+                v.value ? m("", !0) : (l(), a("div", ge, Y(N.value || "Untitled Collection"), 1)),
                 t[4] || (t[4] = e("div", { class: "text-c-1 text-sm font-medium text-center text-balance" }, " Import the OpenAPI document to instantly send API requests. No signup required. ", -1)),
-                g.value ? (c(), a(_, { key: 1 }, [
-                  e("div", ve, [
-                    d(X, {
-                      source: ((u = r(n)) == null ? void 0 : u.url) ?? ((k = r(n)) == null ? void 0 : k.content) ?? s.source,
+                w.value ? (l(), a(g, { key: 3 }, [
+                  e("div", be, [
+                    d(ee, {
+                      source: ((p = i(n)) == null ? void 0 : p.url) ?? ((I = i(n)) == null ? void 0 : I.content) ?? o.source,
                       variant: "button",
                       watchMode: f.value,
-                      onImportFinished: E
+                      onImportFinished: q
                     }, null, 8, ["source", "watchMode"])
                   ]),
-                  e("div", he, [
-                    e("div", xe, [
-                      t[2] || (t[2] = L(" Import to: ")),
-                      d(ee)
+                  e("div", we, [
+                    e("div", ke, [
+                      t[2] || (t[2] = M(" Import to: ")),
+                      d(se)
                     ])
                   ]),
-                  (I = r(n)) != null && I.url ? (c(), a("div", ye, [
-                    e("div", _e, [
-                      d(Q, {
+                  (L = i(n)) != null && L.url ? (l(), a("div", Ie, [
+                    e("div", Le, [
+                      d(Z, {
                         modelValue: f.value,
-                        "onUpdate:modelValue": t[0] || (t[0] = (F) => f.value = F),
+                        "onUpdate:modelValue": t[0] || (t[0] = (B) => f.value = B),
                         disableToolTip: !0
                       }, null, 8, ["modelValue"])
                     ]),
                     t[3] || (t[3] = e("div", { class: "pt-0 text-center text-balance font-medium text-xs text-c-3" }, " Automatically update your API client when the OpenAPI document content changes. ", -1))
-                  ])) : p("", !0)
-                ], 64)) : p("", !0)
+                  ])) : m("", !0)
+                ], 64)) : m("", !0)
               ], 64))
             ], 2),
-            e("div", be, [
-              e("div", ge, [
-                e("div", we, [
-                  e("a", ke, [
-                    d(r(ie), {
+            e("div", Me, [
+              e("div", Ue, [
+                e("div", Ae, [
+                  e("a", Ce, [
+                    d(i(ce), {
                       icon: "Logo",
                       size: "xl"
                     })
@@ -180,7 +197,7 @@ const de = ["innerHTML"], me = { class: "flex flex-col h-screen justify-center p
                     target: "_blank"
                   }, " Download Desktop App "),
                   e("br"),
-                  L(" free · open-source · offline first ")
+                  M(" free · open-source · offline first ")
                 ], -1))
               ])
             ])
@@ -192,5 +209,5 @@ const de = ["innerHTML"], me = { class: "flex flex-col h-screen justify-center p
   }
 });
 export {
-  Ee as default
+  Ge as default
 };

package/dist/components/OpenApiClientButton.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     buttonSource: 'sidebar' | 'modal';
+    source?: 'api-reference' | 'gitbook';
     isDevelopment?: boolean;
     integration?: string | null;
     url?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"OpenApiClientButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/OpenApiClientButton.vue"],"names":[],"mappings":"AAmGA,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,SAAS,GAAG,OAAO,CAAA;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAC;;AAyGF,wBAMG"}
+{"version":3,"file":"OpenApiClientButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/OpenApiClientButton.vue"],"names":[],"mappings":"AAuHA,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,SAAS,GAAG,OAAO,CAAA;IACjC,MAAM,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAC;;AA4HF,wBAMG"}

package/dist/components/OpenApiClientButton.vue.js

@@ -1,7 +1,7 @@
 import t from "./OpenApiClientButton.vue2.js";
 /* empty css                         */
 import o from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-3ceef301"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-2e9f75f1"]]);
 export {
-  f as default
+  r as default
 };

package/dist/components/OpenApiClientButton.vue2.js

@@ -1,39 +1,45 @@
-import { defineComponent as a, computed as i, openBlock as c, createElementBlock as s, createVNode as m, unref as u, createTextVNode as l, createCommentVNode as f } from "vue";
-import { ScalarIcon as p } from "@scalar/components";
-import { makeUrlAbsolute as d } from "@scalar/oas-utils/helpers";
-const h = ["href"], P = /* @__PURE__ */ a({
+import { defineComponent as i, computed as s, openBlock as m, createElementBlock as l, createVNode as u, unref as d, createTextVNode as f, createCommentVNode as g } from "vue";
+import { ScalarIcon as h } from "@scalar/components";
+import { makeUrlAbsolute as p } from "@scalar/oas-utils/helpers";
+const k = ["href"], v = /* @__PURE__ */ i({
   __name: "OpenApiClientButton",
   props: {
     buttonSource: {},
+    source: { default: "api-reference" },
     isDevelopment: { type: Boolean },
     integration: {},
     url: {}
   },
-  setup(n) {
-    const o = i(() => {
-      const r = n.url ?? (typeof window < "u" ? window.location.href : void 0), e = d(r);
-      if (!(e != null && e.length))
+  setup(o) {
+    const a = s(() => {
+      const c = o.url ?? (typeof window < "u" ? window.location.href : void 0), t = p(c);
+      if (!(t != null && t.length))
         return;
-      const t = new URL(
-        n.isDevelopment ? "http://localhost:5065" : "https://client.scalar.com"
+      const e = new URL(
+        o.isDevelopment ? "http://localhost:5065" : "https://client.scalar.com"
       );
-      return t.searchParams.set("url", e), n.integration !== null && t.searchParams.set("integration", n.integration ?? "vue"), t.searchParams.set("utm_source", "api-reference"), t.searchParams.set("utm_medium", "button"), t.searchParams.set("utm_campaign", n.buttonSource), t.toString();
+      if (e.searchParams.set("url", t), o.integration !== null && e.searchParams.set("integration", o.integration ?? "vue"), e.searchParams.set("utm_source", "api-reference"), e.searchParams.set("utm_medium", "button"), e.searchParams.set("utm_campaign", o.buttonSource), o.source === "gitbook") {
+        e.searchParams.set("utm_source", "gitbook");
+        const n = document.querySelector("img.dark\\:block[alt='Logo']"), r = document.querySelector("img.dark\\:hidden[alt='Logo']");
+        n && n instanceof HTMLImageElement && e.searchParams.set("dark_logo", encodeURIComponent(n.src)), r && r instanceof HTMLImageElement && e.searchParams.set("light_logo", encodeURIComponent(r.src));
+      }
+      return e.toString();
     });
-    return (r, e) => o.value ? (c(), s("a", {
+    return (c, t) => a.value ? (m(), l("a", {
       key: 0,
       class: "open-api-client-button",
-      href: o.value,
+      href: a.value,
       target: "_blank"
     }, [
-      m(u(p), {
+      u(d(h), {
         icon: "ExternalLink",
         size: "xs",
         thickness: "2.5"
       }),
-      e[0] || (e[0] = l(" Open API Client "))
-    ], 8, h)) : f("", !0);
+      t[0] || (t[0] = f(" Open API Client "))
+    ], 8, k)) : g("", !0);
   }
 });
 export {
-  P as default
+  v as default
 };

package/dist/components/Search/useSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../src/components/Search/useSearch.ts"],"names":[],"mappings":"AAGA,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAI/C;;;GAGG;AACH,wBAAgB,SAAS;;;eAMd,MAAM;qBACA,MAAM;kBACT,MAAM;YACZ,MAAM;cACJ,MAAM;cACN,MAAM;;;iCA6EsB,UAAU;eAlFrC,MAAM;qBACA,MAAM;kBACT,MAAM;YACZ,MAAM;cACJ,MAAM;cACN,MAAM;MA6E0C;sBA1CjC,IAAI;;;uCAKe,IAAI,GAAG,MAAM;;EAmExD"}
+{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../src/components/Search/useSearch.ts"],"names":[],"mappings":"AAGA,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAI/C;;;GAGG;AACH,wBAAgB,SAAS;;;eAMd,MAAM;qBACA,MAAM;kBACT,MAAM;YACZ,MAAM;cACJ,MAAM;cACN,MAAM;;;iCAqFsB,UAAU;eA1FrC,MAAM;qBACA,MAAM;kBACT,MAAM;YACZ,MAAM;cACJ,MAAM;cACN,MAAM;MAqF0C;sBAlDjC,IAAI;;;uCAae,IAAI,GAAG,MAAM;;EAmExD"}

package/dist/components/Search/useSearch.js

@@ -1,62 +1,66 @@
-import { useActiveEntities as w } from "../../store/active-entities.js";
-import T from "fuse.js";
-import { ref as a, watch as W, computed as x, nextTick as A } from "vue";
+import { useActiveEntities as T } from "../../store/active-entities.js";
+import W from "fuse.js";
+import { ref as a, watch as f, computed as x, nextTick as A } from "vue";
 import { useRouter as E } from "vue-router";
 import { useWorkspace as I } from "../../store/store.js";
 function M() {
-  const m = E(), { activeWorkspace: f, activeWorkspaceRequests: d } = w(), { requests: R } = I(), o = a([]), u = a([]), s = a(0), c = a(""), l = a(null), n = a([]), i = new T(o.value, {
+  const d = E(), { activeWorkspace: R, activeWorkspaceRequests: k } = T(), { requests: S } = I(), u = a([]), c = a([]), s = a(0), o = a(""), l = a(null), r = a([]), i = new W(u.value, {
     keys: ["title", "description", "body"]
-  }), k = () => {
-    c.value = "", s.value = 0, u.value = [], l.value instanceof HTMLInputElement && l.value.blur();
-  }, S = (t) => {
-    o.value = t.map((e) => ({
-      id: e.uid,
-      title: e.summary ?? e.method,
-      description: e.description ?? "",
-      httpVerb: e.method,
-      path: e.path,
-      link: `/workspace/${f.value.uid}/request/${e.uid}`
-    })), i.setCollection(o.value);
-  }, b = () => {
-    s.value = 0, u.value = i.search(c.value);
-  }, y = (t) => {
-    const e = t === "up" ? -1 : 1, h = r.value.length;
-    s.value = (s.value + e + h) % h, A(() => {
-      const p = n.value[s.value];
-      p instanceof HTMLElement && p.scrollIntoView({
+  }), b = () => {
+    o.value = "", s.value = 0, c.value = [], l.value instanceof HTMLInputElement && l.value.blur();
+  }, g = (e) => {
+    u.value = e.map((t) => ({
+      id: t.uid,
+      title: t.summary ?? t.method,
+      description: t.description ?? "",
+      httpVerb: t.method,
+      path: t.path,
+      link: `/workspace/${R.value.uid}/request/${t.uid}`
+    })), i.setCollection(u.value);
+  }, v = () => {
+    s.value = 0, c.value = i.search(o.value);
+  };
+  f(o, (e) => {
+    e.length ? v() : c.value = [];
+  });
+  const y = (e) => {
+    const t = e === "up" ? -1 : 1, p = n.value.length;
+    s.value = (s.value + t + p) % p, A(() => {
+      const m = r.value[s.value];
+      m instanceof HTMLElement && m.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
     });
-  }, g = () => {
-    s.value >= 0 && v(
-      r.value[s.value]
+  }, w = () => {
+    s.value >= 0 && h(
+      n.value[s.value]
     );
   };
-  W(
-    d,
-    (t) => {
-      S(t.map((e) => R[e]));
+  f(
+    k,
+    (e) => {
+      g(e.map((t) => S[t]));
     },
     { immediate: !0 }
   );
-  const v = (t) => {
-    m.push(t.item.id), k();
-  }, r = x(
-    () => c.value.length === 0 ? o.value.map((t) => ({
-      item: t
-    })) : u.value
+  const h = (e) => {
+    d.push(e.item.id), b();
+  }, n = x(
+    () => o.value.length === 0 ? u.value.map((e) => ({
+      item: e
+    })) : c.value
   );
   return {
-    searchText: c,
-    searchResultsWithPlaceholderResults: r,
+    searchText: o,
+    searchResultsWithPlaceholderResults: n,
     selectedSearchResult: s,
-    onSearchResultClick: v,
-    fuseSearch: b,
+    onSearchResultClick: h,
+    fuseSearch: v,
     searchInputRef: l,
-    searchResultRefs: n,
+    searchResultRefs: r,
     navigateSearchResults: y,
-    selectSearchResult: g
+    selectSearchResult: w
   };
 }
 export {

package/dist/layouts/Modal/ApiClientModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/Modal/ApiClientModal.vue"],"names":[],"mappings":";AA8YA,wBAMG"}
+{"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/Modal/ApiClientModal.vue"],"names":[],"mappings":";AA+ZA,wBAMG"}

package/dist/layouts/Modal/ApiClientModal.vue.js

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

package/dist/layouts/Modal/ApiClientModal.vue2.js

@@ -1,31 +1,31 @@
-import { defineComponent as p, ref as f, useId as v, watch as y, onBeforeMount as w, onMounted as h, onBeforeUnmount as _, withDirectives as k, openBlock as C, createElementBlock as E, createElementVNode as r, unref as t, createVNode as K, vShow as F } from "vue";
+import { defineComponent as f, ref as v, useId as w, watch as y, onBeforeMount as h, onMounted as _, onBeforeUnmount as k, withDirectives as C, openBlock as E, createElementBlock as K, createElementVNode as l, unref as t, createVNode as d, withCtx as x, vShow as F } from "vue";
 import { useActiveEntities as M } from "../../store/active-entities.js";
-import { addScalarClassesToHeadless as x } from "@scalar/components";
-import { useFocusTrap as B } from "@vueuse/integrations/useFocusTrap";
-import { RouterView as P } from "vue-router";
-import { useWorkspace as T } from "../../store/store.js";
-import { handleHotKeyDown as b } from "../../libs/hot-keys.js";
-const A = { class: "scalar scalar-app" }, D = { class: "scalar-container z-overlay" }, S = ["id"], O = /* @__PURE__ */ p({
+import { addScalarClassesToHeadless as T, ScalarTeleportRoot as B } from "@scalar/components";
+import { useFocusTrap as P } from "@vueuse/integrations/useFocusTrap";
+import { RouterView as S } from "vue-router";
+import { useWorkspace as b } from "../../store/store.js";
+import { handleHotKeyDown as A } from "../../libs/hot-keys.js";
+const D = { class: "scalar scalar-app" }, V = { class: "scalar-container z-overlay" }, $ = ["id"], U = /* @__PURE__ */ f({
   __name: "ApiClientModal",
-  setup(V) {
-    const { activeWorkspace: d } = M(), { modalState: o, events: a } = T(), n = f(null), s = v(), { activate: m, deactivate: u } = B(n, {
+  setup(g) {
+    const { activeWorkspace: u } = M(), { modalState: o, events: a } = b(), n = v(null), r = w(), { activate: m, deactivate: p } = P(n, {
       allowOutsideClick: !0,
       initialFocus: () => n.value,
-      fallbackFocus: `#${s}`
-    }), l = (e) => b(e, a.hotKeys, d.value.hotKeyConfig);
+      fallbackFocus: `#${r}`
+    }), s = (e) => A(e, a.hotKeys, u.value.hotKeyConfig);
     y(
       () => o.open,
       (e) => {
-        e ? (window.addEventListener("keydown", l), document.documentElement.style.overflow = "hidden", m()) : (window.removeEventListener("keydown", l), document.documentElement.style.removeProperty("overflow"), u());
+        e ? (window.addEventListener("keydown", s), document.documentElement.style.overflow = "hidden", m()) : (window.removeEventListener("keydown", s), document.documentElement.style.removeProperty("overflow"), p());
       }
-    ), w(() => x());
+    ), h(() => T());
     const i = (e) => (e == null ? void 0 : e.closeModal) && o.open && o.hide();
-    return h(() => a.hotKeys.on(i)), _(() => {
+    return _(() => a.hotKeys.on(i)), k(() => {
       document.documentElement.style.removeProperty("overflow"), a.hotKeys.off(i);
-    }), (e, c) => k((C(), E("div", A, [
-      r("div", D, [
-        r("div", {
-          id: t(s),
+    }), (e, c) => C((E(), K("div", D, [
+      l("div", V, [
+        l("div", {
+          id: t(r),
           ref_key: "client",
           ref: n,
           "aria-label": "API Client",
@@ -34,11 +34,16 @@ const A = { class: "scalar scalar-app" }, D = { class: "scalar-container z-overl
           role: "dialog",
           tabindex: "0"
         }, [
-          K(t(P), { key: "$route.fullPath" })
-        ], 8, S),
-        r("div", {
+          d(t(B), null, {
+            default: x(() => [
+              d(t(S), { key: "$route.fullPath" })
+            ]),
+            _: 1
+          })
+        ], 8, $),
+        l("div", {
           class: "scalar-app-exit -z-1",
-          onClick: c[0] || (c[0] = ($) => t(o).hide())
+          onClick: c[0] || (c[0] = (z) => t(o).hide())
         })
       ])
     ], 512)), [
@@ -47,5 +52,5 @@ const A = { class: "scalar scalar-app" }, D = { class: "scalar-container z-overl
   }
 });
 export {
-  O as default
+  U as default
 };

package/dist/libs/create-client.d.ts

@@ -14,6 +14,7 @@ export type ClientConfiguration = {
 export type OpenClientPayload = {
     path: string;
     method: LiteralUnion<RequestMethod | Lowercase<RequestMethod>, string>;
+    _source?: 'api-reference' | 'gitbook';
 };
 type CreateApiClientParams = {
     /** Element to mount the references to */