@scalar/api-reference 1.28.23 → 1.28.25

package/dist/components/Content/ClientLibraries/ClientLibraries.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientLibraries.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientLibraries.vue"],"names":[],"mappings":";AAmTA,wBAKG"}
+{"version":3,"file":"ClientLibraries.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientLibraries.vue"],"names":[],"mappings":";AAmbA,wBAKG"}

package/dist/components/Content/ClientLibraries/ClientLibraries.vue.js

@@ -1,7 +1,7 @@
 import o from "./ClientLibraries.vue2.js";
 /* empty css                     */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a8ebef7d"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-db261135"]]);
 export {
-  i as default
+  e as default
 };

package/dist/components/Content/ClientLibraries/ClientLibraries.vue2.js

@@ -1,82 +1,125 @@
-import { defineComponent as v, ref as I, useId as p, watch as P, unref as e, openBlock as n, createElementBlock as d, createVNode as l, withCtx as i, createElementVNode as K, Fragment as L, renderList as N, createBlock as V, createTextVNode as B, toDisplayString as o, createCommentVNode as F } from "vue";
-import { TabGroup as H, TabList as S, TabPanels as w, TabPanel as E } from "@headlessui/vue";
-import D from "./ClientSelector.vue.js";
-import { useFeaturedHttpClients as G } from "./useFeaturedHttpClients.js";
-import { useHttpClientStore as j } from "../../../stores/useHttpClientStore.js";
-const q = { key: 0 }, z = ["id"], A = ["id"], W = /* @__PURE__ */ v({
+import { defineComponent as B, ref as N, useId as h, watch as V, computed as F, unref as e, openBlock as n, createElementBlock as l, createVNode as i, withCtx as m, createElementVNode as H, Fragment as y, createCommentVNode as _, renderList as S, createBlock as A, createTextVNode as E, toDisplayString as p } from "vue";
+import { TabGroup as j, TabList as D, TabPanels as G, TabPanel as M } from "@headlessui/vue";
+import { useWorkspace as O } from "@scalar/api-client/store";
+import { ScalarMarkdown as W, ScalarCodeBlock as q } from "@scalar/components";
+import z from "./ClientSelector.vue.js";
+import { useFeaturedHttpClients as J } from "./useFeaturedHttpClients.js";
+import { useHttpClientStore as Q } from "../../../stores/useHttpClientStore.js";
+const R = { key: 0 }, U = ["id"], Y = {
+  key: 0,
+  class: "selected-client card-footer -outline-offset-2",
+  role: "tabpanel",
+  tabindex: "0"
+}, Z = {
+  key: 1,
+  class: "selected-client card-footer -outline-offset-2",
+  role: "tabpanel",
+  tabindex: "1"
+}, $ = ["id"], ie = /* @__PURE__ */ B({
   __name: "ClientLibraries",
-  setup(J) {
+  setup(X) {
     const {
-      availableTargets: _,
-      httpTargetTitle: b,
-      httpClientTitle: h,
-      getClientTitle: C,
-      getTargetTitle: g,
-      httpClient: s,
-      setHttpClient: T
-    } = j(), { featuredClients: r, isFeatured: y } = G(), c = I(0), u = p(), f = p();
-    P(
-      s,
-      (t) => {
-        t && (c.value = r.findIndex(
-          (a) => a.targetKey === t.targetKey && a.clientKey === t.clientKey
+      availableTargets: C,
+      httpTargetTitle: k,
+      httpClientTitle: x,
+      getClientTitle: T,
+      getTargetTitle: L,
+      httpClient: r,
+      setHttpClient: w
+    } = Q(), { featuredClients: d, isFeatured: I } = J(), K = O(), b = N(0), v = h(), g = h();
+    V(
+      r,
+      (a) => {
+        a && (b.value = d.findIndex(
+          (t) => t.targetKey === a.targetKey && t.clientKey === a.clientKey
         ));
       },
       { immediate: !0 }
     );
-    function x(t) {
-      const a = r[t];
-      a && T(a);
+    function P(a) {
+      const t = d[a];
+      t && w(t);
     }
-    return (t, a) => e(_).length ? (n(), d("div", q, [
-      l(e(H), {
+    const o = F(() => {
+      var c;
+      const a = Object.values(K.collections)[0], t = (c = a == null ? void 0 : a.info) == null ? void 0 : c["x-scalar-sdk-installation"];
+      if (!Array.isArray(t) || !(t != null && t.length))
+        return;
+      const s = t.find(
+        (u) => {
+          var f;
+          return u.lang.toLowerCase() === ((f = r == null ? void 0 : r.targetKey) == null ? void 0 : f.toLowerCase());
+        }
+      );
+      if (s)
+        return s;
+    });
+    return (a, t) => e(C).length ? (n(), l("div", R, [
+      i(e(j), {
         manual: "",
-        selectedIndex: c.value,
-        onChange: x
+        selectedIndex: b.value,
+        onChange: P
       }, {
-        default: i(() => [
-          K("div", {
-            id: e(u),
+        default: m(() => [
+          H("div", {
+            id: e(v),
             class: "client-libraries-heading"
-          }, " Client Libraries ", 8, z),
-          l(e(S), {
-            "aria-labelledby": e(u),
+          }, " Client Libraries ", 8, U),
+          i(e(D), {
+            "aria-labelledby": e(v),
             class: "client-libraries-list"
           }, {
-            default: i(() => [
-              l(D, {
-                featured: e(r),
-                morePanel: e(f)
+            default: m(() => [
+              i(z, {
+                featured: e(d),
+                morePanel: e(g)
               }, null, 8, ["featured", "morePanel"])
             ]),
             _: 1
           }, 8, ["aria-labelledby"]),
-          l(e(w), null, {
-            default: i(() => [
-              e(s) && e(y)(e(s)) ? (n(!0), d(L, { key: 0 }, N(e(r), (m, k) => (n(), V(e(E), {
-                key: k,
-                class: "selected-client card-footer -outline-offset-2"
-              }, {
-                default: i(() => [
-                  B(o(e(C)(m)) + " " + o(e(g)(m)), 1)
-                ]),
-                _: 2
-              }, 1024))), 128)) : (n(), d("div", {
-                key: 1,
-                id: e(f),
-                class: "selected-client card-footer -outline-offset-2",
-                role: "tabpanel",
-                tabindex: "0"
-              }, o(e(h)) + " " + o(e(b)), 9, A))
-            ]),
+          i(e(G), null, {
+            default: m(() => {
+              var s, c;
+              return [
+                (s = o.value) != null && s.source || (c = o.value) != null && c.description ? (n(), l(y, { key: 0 }, [
+                  o.value.description ? (n(), l("div", Y, [
+                    i(e(W), {
+                      value: o.value.description
+                    }, null, 8, ["value"])
+                  ])) : _("", !0),
+                  o.value.source ? (n(), l("div", Z, [
+                    i(e(q), {
+                      lang: "shell",
+                      content: o.value.source,
+                      copy: !1,
+                      class: "min-h-6 p-1"
+                    }, null, 8, ["content"])
+                  ])) : _("", !0)
+                ], 64)) : e(r) && e(I)(e(r)) ? (n(!0), l(y, { key: 1 }, S(e(d), (u, f) => (n(), A(e(M), {
+                  key: f,
+                  class: "selected-client card-footer -outline-offset-2"
+                }, {
+                  default: m(() => [
+                    E(p(e(T)(u)) + " " + p(e(L)(u)), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128)) : (n(), l("div", {
+                  key: 2,
+                  id: e(g),
+                  class: "selected-client card-footer -outline-offset-2",
+                  role: "tabpanel",
+                  tabindex: "0"
+                }, p(e(x)) + " " + p(e(k)), 9, $))
+              ];
+            }),
             _: 1
           })
         ]),
         _: 1
       }, 8, ["selectedIndex"])
-    ])) : F("", !0);
+    ])) : _("", !0);
   }
 });
 export {
-  W as default
+  ie as default
 };

package/dist/components/Content/Introduction/Introduction.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Introduction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Introduction/Introduction.vue"],"names":[],"mappings":"AAqHA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAwBhD,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,OAAO,CACX,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,GAAG,WAAW,CAAC,UAAU,CACrE,CAAA;IACD,UAAU,EAAE,IAAI,CAAA;CACjB,CAAC;AA0CF,iBAAS,cAAc;WAoKT,OAAO,IAA6B;;uBATtB,GAAG;uBACH,GAAG;;;;EAa9B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Introduction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Introduction/Introduction.vue"],"names":[],"mappings":"AAsHA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAwBhD,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,OAAO,CACX,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,GAAG,WAAW,CAAC,UAAU,CACrE,CAAA;IACD,UAAU,EAAE,IAAI,CAAA;CACjB,CAAC;AA0CF,iBAAS,cAAc;WAyKT,OAAO,IAA6B;;uBATtB,GAAG;uBACH,GAAG;;;;EAa9B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Content/Introduction/Introduction.vue.js

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

package/dist/components/Content/Introduction/Introduction.vue2.js

@@ -1,47 +1,47 @@
-import { defineComponent as $, computed as s, onMounted as D, openBlock as l, createBlock as a, unref as o, withCtx as t, createVNode as r, createElementVNode as S, createTextVNode as d, toDisplayString as u, createCommentVNode as f, renderSlot as _ } from "vue";
-import I from "github-slugger";
-import { useConfig as L } from "../../../hooks/useConfig.js";
-import { useNavState as V } from "../../../hooks/useNavState.js";
-import w from "../../../features/DownloadLink/DownloadLink.vue.js";
-import H from "./Description.vue.js";
-import B from "../../Section/SectionContainer.vue.js";
-import O from "../../Section/Section.vue.js";
-import { DEFAULT_INTRODUCTION_SLUG as U } from "../../../hooks/useSidebar.js";
-import b from "../../Section/SectionContent.vue.js";
+import { defineComponent as D, computed as s, onMounted as I, openBlock as l, createBlock as a, unref as o, withCtx as t, createVNode as i, createElementVNode as S, createTextVNode as u, toDisplayString as d, createCommentVNode as f, renderSlot as _ } from "vue";
+import L from "github-slugger";
+import { useConfig as V } from "../../../hooks/useConfig.js";
+import { useNavState as w } from "../../../hooks/useNavState.js";
+import H from "../../../features/DownloadLink/DownloadLink.vue.js";
+import B from "./Description.vue.js";
+import O from "../../Section/SectionContainer.vue.js";
+import U from "../../Section/Section.vue.js";
+import { DEFAULT_INTRODUCTION_SLUG as b } from "../../../hooks/useSidebar.js";
+import A from "../../Section/SectionContent.vue.js";
 import C from "../../Badge/Badge.vue.js";
-import A from "../../Section/SectionHeader.vue.js";
-import E from "../../Section/SectionHeaderTag.vue.js";
-import F from "../../Section/SectionColumns.vue.js";
+import E from "../../Section/SectionHeader.vue.js";
+import F from "../../Section/SectionHeaderTag.vue.js";
+import G from "../../Section/SectionColumns.vue.js";
 import T from "../../Section/SectionColumn.vue.js";
-import G from "../../SpecificationExtension/SpecificationExtension.vue.js";
-const M = { class: "flex gap-1" }, R = { class: "sticky-cards" }, ne = /* @__PURE__ */ $({
+import h from "../../SpecificationExtension/SpecificationExtension.vue.js";
+const M = { class: "flex gap-1" }, R = { class: "sticky-cards" }, ne = /* @__PURE__ */ D({
   __name: "Introduction",
   props: {
     info: {},
     parsedSpec: {}
   },
-  setup(h) {
-    const i = h, { getHeadingId: k } = V(), m = s(
+  setup(k) {
+    const n = k, { getHeadingId: y } = w(), m = s(
       () => {
-        var e, n;
-        return ((e = i.parsedSpec) == null ? void 0 : e.openapi) ?? ((n = i.parsedSpec) == null ? void 0 : n.swagger) ?? "";
+        var e, r;
+        return ((e = n.parsedSpec) == null ? void 0 : e.openapi) ?? ((r = n.parsedSpec) == null ? void 0 : r.swagger) ?? "";
       }
-    ), y = new I(), N = s(() => {
+    ), N = new L(), $ = s(() => {
       var e;
-      return y.slug(((e = i.info) == null ? void 0 : e.title) ?? "");
+      return N.slug(((e = n.info) == null ? void 0 : e.title) ?? "");
     }), p = s(() => {
-      var e, n;
-      return typeof ((e = i.info) == null ? void 0 : e.version) == "string" ? i.info.version.toString().match(/^\d/) ? `v${i.info.version}` : i.info.version : typeof ((n = i.info) == null ? void 0 : n.version) == "number" ? `v${i.info.version}` : void 0;
-    }), c = L();
-    return D(() => {
-      var e, n;
-      return (n = (e = c.value).onLoaded) == null ? void 0 : n.call(e);
-    }), (e, n) => (l(), a(o(B), null, {
+      var e, r;
+      return typeof ((e = n.info) == null ? void 0 : e.version) == "string" ? n.info.version.toString().match(/^\d/) ? `v${n.info.version}` : n.info.version : typeof ((r = n.info) == null ? void 0 : r.version) == "number" ? `v${n.info.version}` : void 0;
+    }), c = V();
+    return I(() => {
+      var e, r;
+      return (r = (e = c.value).onLoaded) == null ? void 0 : r.call(e);
+    }), (e, r) => (l(), a(o(O), null, {
       default: t(() => [
-        r(o(O), {
+        i(o(U), {
           class: "introduction-section gap-12",
-          id: o(k)({
-            slug: o(U),
+          id: o(y)({
+            slug: o(b),
             depth: 1,
             value: "Introduction"
           })
@@ -49,44 +49,44 @@ const M = { class: "flex gap-1" }, R = { class: "sticky-cards" }, ne = /* @__PUR
           default: t(() => {
             var v, g;
             return [
-              r(o(b), {
+              i(o(A), {
                 loading: o(c).isLoading ?? (!((v = e.info) != null && v.description) && !((g = e.info) != null && g.title))
               }, {
                 default: t(() => [
                   S("div", M, [
                     p.value ? (l(), a(o(C), { key: 0 }, {
                       default: t(() => [
-                        d(u(p.value), 1)
+                        u(d(p.value), 1)
                       ]),
                       _: 1
                     })) : f("", !0),
                     m.value ? (l(), a(o(C), { key: 1 }, {
                       default: t(() => [
-                        d("OAS " + u(m.value), 1)
+                        u("OAS " + d(m.value), 1)
                       ]),
                       _: 1
                     })) : f("", !0)
                   ]),
-                  r(o(A), {
+                  i(o(E), {
                     loading: !e.info.title,
                     tight: ""
                   }, {
                     default: t(() => [
-                      r(o(E), { level: 1 }, {
+                      i(o(F), { level: 1 }, {
                         default: t(() => [
-                          d(u(e.info.title), 1)
+                          u(d(e.info.title), 1)
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
                   }, 8, ["loading"]),
-                  r(w, { specTitle: N.value }, null, 8, ["specTitle"]),
-                  r(o(F), null, {
+                  i(H, { specTitle: $.value }, null, 8, ["specTitle"]),
+                  i(o(G), null, {
                     default: t(() => [
-                      r(o(T), null, {
+                      i(o(T), null, {
                         default: t(() => [
-                          r(H, {
+                          i(B, {
                             value: e.info.description
                           }, null, 8, ["value"])
                         ]),
@@ -103,7 +103,8 @@ const M = { class: "flex gap-1" }, R = { class: "sticky-cards" }, ne = /* @__PUR
                     ]),
                     _: 3
                   }),
-                  r(o(G), { value: e.info }, null, 8, ["value"])
+                  i(o(h), { value: e.parsedSpec }, null, 8, ["value"]),
+                  i(o(h), { value: e.info }, null, 8, ["value"])
                 ]),
                 _: 3
               }, 8, ["loading"]),

package/dist/components/Content/Schema/SchemaDiscriminator.vue.js

@@ -1,7 +1,7 @@
 import o from "./SchemaDiscriminator.vue2.js";
 /* empty css                         */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0e658f97"]]);
+const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-67468e64"]]);
 export {
   i as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SpecificationExtension.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SpecificationExtension/SpecificationExtension.vue"],"names":[],"mappings":"AAmEA,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;CAC3C,CAAC;;AA0GF,wBAMG"}
+{"version":3,"file":"SpecificationExtension.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SpecificationExtension/SpecificationExtension.vue"],"names":[],"mappings":"AAsEA,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;CAC3C,CAAC;;AA2GF,wBAMG"}

package/dist/components/SpecificationExtension/SpecificationExtension.vue.js

@@ -1,33 +1,38 @@
-import { defineComponent as f, openBlock as o, createElementBlock as d, Fragment as E, renderList as _, unref as s, createBlock as a, withCtx as g, createElementVNode as x, resolveDynamicComponent as C, mergeProps as v, createCommentVNode as k } from "vue";
-import { ScalarErrorBoundary as y } from "@scalar/components";
-import { usePluginManager as h } from "../../plugins/hooks/usePluginManager.js";
-const B = { class: "text-base" }, j = /* @__PURE__ */ f({
+import { defineComponent as d, computed as s, openBlock as n, createElementBlock as u, Fragment as v, renderList as g, createBlock as c, unref as E, withCtx as _, resolveDynamicComponent as x, mergeProps as C, createCommentVNode as h } from "vue";
+import { ScalarErrorBoundary as k } from "@scalar/components";
+import { usePluginManager as y } from "../../plugins/hooks/usePluginManager.js";
+const B = {
+  key: 0,
+  class: "text-base"
+}, j = /* @__PURE__ */ d({
   __name: "SpecificationExtension",
   props: {
     value: {}
   },
-  setup(c) {
-    const { getSpecificationExtensions: m } = h();
-    function i(e) {
+  setup(m) {
+    const { getSpecificationExtensions: i } = y();
+    function l(e) {
       return Object.keys(e ?? {}).filter(
         (t) => t.startsWith("x-")
       );
     }
-    function u(e) {
-      return e.flatMap((t) => m(t)).filter((t) => t.component);
+    function p(e) {
+      return e.flatMap((t) => i(t)).filter((t) => t.component);
     }
-    const l = i(c.value), p = u(l);
-    return (e, t) => typeof e.value == "object" ? (o(!0), d(E, { key: 0 }, _(s(p), (n) => (o(), a(s(y), null, {
-      default: g(() => {
-        var r;
-        return [
-          x("div", B, [
-            (o(), a(C(n.component), v({ ref_for: !0 }, { [n.name]: (r = e.value) == null ? void 0 : r[n.name] }), null, 16))
-          ])
-        ];
-      }),
-      _: 2
-    }, 1024))), 256)) : k("", !0);
+    const f = s(() => l(m.value)), r = s(
+      () => p(f.value)
+    );
+    return (e, t) => typeof e.value == "object" && r.value.length ? (n(), u("div", B, [
+      (n(!0), u(v, null, g(r.value, (o) => (n(), c(E(k), null, {
+        default: _(() => {
+          var a;
+          return [
+            (n(), c(x(o.component), C({ ref_for: !0 }, { [o.name]: (a = e.value) == null ? void 0 : a[o.name] }), null, 16))
+          ];
+        }),
+        _: 2
+      }, 1024))), 256))
+    ])) : h("", !0);
   }
 });
 export {

package/dist/features/ApiClientModal/ApiClientModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ApiClientModal/ApiClientModal.vue"],"names":[],"mappings":"AA8EA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAWzE,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;CAC/C,CAAC;;AAgHF,wBAOG"}
+{"version":3,"file":"ApiClientModal.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ApiClientModal/ApiClientModal.vue"],"names":[],"mappings":"AA8GA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAYzE,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAA;CAC/C,CAAC;;AAqIF,wBAOG"}

package/dist/features/ApiClientModal/ApiClientModal.vue.js

@@ -1,47 +1,51 @@
-import { defineComponent as m, ref as p, onMounted as d, watch as v, onBeforeUnmount as g, openBlock as h, createElementBlock as x } from "vue";
-import { useWorkspace as E } from "@scalar/api-client/store";
-import { watchDebounced as _ } from "@vueuse/core";
-import { useApiClient as k } from "./useApiClient.js";
+import { defineComponent as h, ref as v, onMounted as d, watch as E, onBeforeUnmount as C, openBlock as g, createElementBlock as x } from "vue";
+import { useActiveEntities as S, useWorkspace as _ } from "@scalar/api-client/store";
+import { mutateServerDiff as k, mutateSecuritySchemeDiff as b } from "@scalar/api-client/views/Request/libs";
+import { watchDebounced as A } from "@vueuse/core";
+import B from "microdiff";
+import { useApiClient as D } from "./useApiClient.js";
 import { useNavState as y } from "../../hooks/useNavState.js";
-import { useExampleStore as S } from "../../legacy/stores/useExampleStore.js";
-const M = /* @__PURE__ */ m({
+import { useExampleStore as I } from "../../legacy/stores/useExampleStore.js";
+const F = /* @__PURE__ */ h({
   __name: "ApiClientModal",
   props: {
     configuration: {}
   },
-  setup(n) {
-    const o = p(null), { client: t, init: c } = k(), { selectedExampleKey: s, operationId: r } = S(), f = E(), { isIntersectionEnabled: a } = y();
+  setup(i) {
+    const n = v(null), { client: o, init: p } = D(), { selectedExampleKey: f, operationId: u } = I(), c = S(), a = _(), { isIntersectionEnabled: l } = y();
     return d(() => {
-      o.value && c({
-        el: o.value,
-        configuration: n.configuration,
-        store: f
+      n.value && p({
+        el: n.value,
+        configuration: i.configuration,
+        store: a
       });
-    }), _(
-      () => n.configuration,
-      (e, u) => {
-        var l;
-        let i = !0;
-        try {
-          i = JSON.stringify(e) !== JSON.stringify(u);
-        } catch {
-        }
-        e && i && (a.value = !1, (l = t.value) == null || l.updateConfig(e), setTimeout(() => {
-          a.value = !0;
-        }, 1e3));
+    }), A(
+      () => i.configuration,
+      (e, r) => {
+        var m;
+        if (!r)
+          return;
+        const s = B(r, e);
+        s.some(
+          (t) => t.path[0] === "url" || t.path[0] === "content" || t.path[1] === "url" || t.path[1] === "content"
+        ) ? (m = o.value) == null || m.updateConfig(e) : s.forEach((t) => {
+          t.path[0] === "servers" ? k(t, c, a) : t.path[0] === "authentication" && b(t, c, a);
+        }), l.value = !1, setTimeout(() => {
+          l.value = !0;
+        }, 1e3);
       },
       { deep: !0, debounce: 300 }
-    ), v(s, (e) => {
-      t.value && e && r.value && t.value.updateExample(e, r.value);
-    }), g(() => {
+    ), E(f, (e) => {
+      o.value && e && u.value && o.value.updateExample(e, u.value);
+    }), C(() => {
       var e;
-      return (e = t.value) == null ? void 0 : e.app.unmount();
-    }), (e, u) => (h(), x("div", {
+      return (e = o.value) == null ? void 0 : e.app.unmount();
+    }), (e, r) => (g(), x("div", {
       ref_key: "el",
-      ref: o
+      ref: n
     }, null, 512));
   }
 });
 export {
-  M as default
+  F as default
 };