@scalar/api-reference 1.5.0 → 1.7.0

package/dist/{index-06c444c3.js → index-99107dc9.js}

@@ -1,7 +1,7 @@
-import { defineComponent as R, useCssVars as ae, openBlock as f, createElementBlock as g, normalizeClass as T, createElementVNode as v, createCommentVNode as _, createStaticVNode as re, renderSlot as E, toDisplayString as x, createBlock as A, useAttrs as ie, ref as b, onMounted as le, resolveDynamicComponent as ce, mergeProps as de, unref as y, withKeys as ue, watch as W, Fragment as P, createTextVNode as C, createVNode as S, withCtx as U, computed as he, isRef as pe } from "vue";
-import { _ as F, n as fe, u as me, H as X, F as ge, f as ye, r as Z, c as B, U as K, a as z, b as J, E as H, d as oe, V as q, A as ne, e as se, R as ve, g as ee, m as we, h as Se, D as M, W as _e, i as N, t as I, j as D, k as be, l as ke, o as Ce } from "./index-1820592b.js";
-import { p as Xt } from "./index-1820592b.js";
-import { useTextareaAutosize as xe, useMediaQuery as Fe, useFileDialog as $e } from "@vueuse/core";
+import { defineComponent as R, useCssVars as ae, openBlock as f, createElementBlock as g, normalizeClass as T, createElementVNode as w, createCommentVNode as _, createStaticVNode as re, renderSlot as E, toDisplayString as F, createBlock as A, useAttrs as ie, ref as b, onMounted as le, resolveDynamicComponent as ce, mergeProps as de, unref as y, withKeys as ue, watch as W, Fragment as P, createTextVNode as C, createVNode as v, withCtx as x, computed as he, isRef as pe } from "vue";
+import { _ as M, n as fe, u as me, H as X, F as ge, f as ye, r as Z, c as I, U as K, a as z, b as J, E as H, d as oe, V as q, A as ne, e as se, R as ve, g as ee, m as we, h as Se, D as U, W as _e, i as N, t as B, j as D, k as be, l as ke, o as Ce, p as xe } from "./index-0548261f.js";
+import { q as Gt } from "./index-0548261f.js";
+import { useTextareaAutosize as Fe, useMediaQuery as Me, useFileDialog as $e } from "@vueuse/core";
 import "@headlessui/vue";
 import "axios";
 import "@vcarl/remark-headings";
@@ -11,6 +11,7 @@ import "remark-stringify";
 import "unified";
 import "js-yaml";
 import "unhead";
+import "httpsnippet-lite";
 import "rehype-external-links";
 import "rehype-format";
 import "rehype-highlight";
@@ -18,9 +19,8 @@ import "rehype-sanitize";
 import "rehype-stringify";
 import "remark-gfm";
 import "remark-rehype";
-import "httpsnippet-lite";
 import "fuse.js";
-const Me = (r) => {
+const Ue = (r) => {
   if (typeof r != "string")
     return !1;
   try {
@@ -29,13 +29,13 @@ const Me = (r) => {
     return !1;
   }
   return !0;
-}, Ue = {
+}, Re = {
   key: 0,
   class: "loader-wrapper"
-}, Re = /* @__PURE__ */ re('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-f02d7027></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-f02d7027></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-f02d7027></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-f02d7027></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-f02d7027></path>', 5), Ee = {
+}, Ee = /* @__PURE__ */ re('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-f02d7027></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-f02d7027></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-f02d7027></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-f02d7027></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-f02d7027></path>', 5), Te = {
   key: 0,
   class: "circular-loader"
-}, Te = /* @__PURE__ */ R({
+}, Ie = /* @__PURE__ */ R({
   __name: "FlowLoader",
   props: {
     loaderState: {},
@@ -44,7 +44,7 @@ const Me = (r) => {
   setup(r) {
     return ae((e) => ({
       "0a23b95e": e.size
-    })), (e, t) => e.loaderState ? (f(), g("div", Ue, [
+    })), (e, t) => e.loaderState ? (f(), g("div", Re, [
       (f(), g("svg", {
         class: T(["svg-loader", {
           "icon-is-valid": e.loaderState.valid,
@@ -54,9 +54,9 @@ const Me = (r) => {
         xmlns: "http://www.w3.org/2000/svg",
         "xmlns:xlink": "http://www.w3.org/1999/xlink"
       }, [
-        Re,
-        e.loaderState.isLoading ? (f(), g("g", Ee, [
-          v("circle", {
+        Ee,
+        e.loaderState.isLoading ? (f(), g("g", Te, [
+          w("circle", {
             class: T(["loader-path", {
               "loader-path-off": e.loaderState.valid || e.loaderState.invalid
             }]),
@@ -70,18 +70,17 @@ const Me = (r) => {
       ], 2))
     ])) : _("", !0);
   }
-}), Be = /* @__PURE__ */ F(Te, [["__scopeId", "data-v-f02d7027"]]), Ie = ["title"], De = {
+}), Be = /* @__PURE__ */ M(Ie, [["__scopeId", "data-v-f02d7027"]]), De = ["title"], Ae = {
   key: 0,
   class: "flow-button-decorator"
-}, Ae = { class: "flow-button-loader" }, Oe = /* @__PURE__ */ R({
+}, Oe = { class: "flow-button-loader" }, Ve = /* @__PURE__ */ R({
   __name: "FlowButton",
   props: {
     label: {},
     error: { type: Boolean },
     loaderState: {},
     variant: {},
-    title: {},
-    icon: { type: Boolean }
+    title: {}
   },
   setup(r) {
     return (e, t) => (f(), g("button", {
@@ -89,30 +88,27 @@ const Me = (r) => {
         "flow-button-outlined": !e.error && e.variant === "outlined",
         "flow-button-clear": !e.error && e.variant === "clear",
         "flow-button-text": !e.error && e.variant === "text",
-        "flow-button--delete": e.error,
-        "flow-button-icon-only": e.icon
+        "flow-button--delete": e.error
       }]),
       title: e.title || e.label,
       type: "button"
     }, [
-      e.$slots.default ? (f(), g("div", De, [
+      e.$slots.default ? (f(), g("div", Ae, [
         E(e.$slots, "default", {}, void 0, !0)
       ])) : _("", !0),
-      v("span", {
-        class: T({ "sr-only": e.icon })
-      }, x(e.label), 3),
-      v("div", Ae, [
+      w("span", null, F(e.label), 1),
+      w("div", Oe, [
         e.loaderState ? (f(), A(Be, {
           key: 0,
           loaderState: e.loaderState
         }, null, 8, ["loaderState"])) : _("", !0)
       ])
-    ], 10, Ie));
+    ], 10, De));
   }
-}), te = /* @__PURE__ */ F(Oe, [["__scopeId", "data-v-48c181db"]]), Ve = { class: "flow-input-cont" }, Le = ["for"], Ye = { class: "icon-slot" }, Ne = { class: "helper-text" }, Pe = {
+}), te = /* @__PURE__ */ M(Ve, [["__scopeId", "data-v-34b7939e"]]), Le = { class: "flow-input-cont" }, Ye = ["for"], Ne = { class: "icon-slot" }, Pe = { class: "helper-text" }, ze = {
   inheritAttrs: !1
-}, ze = /* @__PURE__ */ R({
-  ...Pe,
+}, Je = /* @__PURE__ */ R({
+  ...ze,
   __name: "FlowTextField",
   props: {
     modelValue: {},
@@ -129,30 +125,30 @@ const Me = (r) => {
   emits: ["submit", "update:modelValue"],
   setup(r, { emit: e }) {
     const t = r, s = ie(), i = s.id || `id-${fe()}`, a = b(), l = b(!1);
-    let u;
+    let h;
     if (t.isMultiline) {
-      const { triggerResize: o } = xe({
+      const { triggerResize: o } = Fe({
         element: a,
         input: t.modelValue
       });
-      u = o;
+      h = o;
     }
     function d(o) {
       const n = o.target.value;
-      t.isMultiline && u(), t.handleFieldChange ? t.handleFieldChange(n) : e("update:modelValue", n);
+      t.isMultiline && h(), t.handleFieldChange ? t.handleFieldChange(n) : e("update:modelValue", n);
     }
     function c(o) {
-      const n = o.target, p = t.disableTrim || t.isMultiline ? n.value : n.value.trim();
-      t.handleFieldSubmit ? t.handleFieldSubmit(p) : e("submit", p);
+      const n = o.target, u = t.disableTrim || t.isMultiline ? n.value : n.value.trim();
+      t.handleFieldSubmit ? t.handleFieldSubmit(u) : e("submit", u);
     }
-    function h(o) {
+    function p(o) {
       l.value = !1, t.emitOnBlur && t.modelValue && c(o);
     }
     return le(() => {
       var o;
       Object.prototype.hasOwnProperty.call(s, "autofocus") && ((o = a.value) == null || o.focus());
-    }), (o, n) => (f(), g("div", Ve, [
-      v("div", {
+    }), (o, n) => (f(), g("div", Le, [
+      w("div", {
         class: T(["flow-input-wrapper", {
           "flow-input-wrapper--focus": l.value,
           "flow-input-wrapper--error": o.error,
@@ -164,8 +160,8 @@ const Me = (r) => {
           ref: a,
           class: ["flow-input hotkeys", { "flow-input__multiline": o.isMultiline }],
           value: o.modelValue,
-          onBlur: h,
-          onFocus: n[0] || (n[0] = (p) => l.value = !0),
+          onBlur: p,
+          onFocus: n[0] || (n[0] = (u) => l.value = !0),
           onInput: d,
           onKeyup: ue(c, ["enter"])
         }), null, 16, ["id", "class", "value", "onKeyup"])),
@@ -173,22 +169,22 @@ const Me = (r) => {
           key: 0,
           class: "flow-label",
           for: y(i)
-        }, x(o.label), 9, Le)) : _("", !0),
-        v("div", Ye, [
+        }, F(o.label), 9, Ye)) : _("", !0),
+        w("div", Ne, [
           E(o.$slots, "default", {}, void 0, !0)
         ])
       ], 2),
-      v("span", Ne, x(o.helperText), 1)
+      w("span", Pe, F(o.helperText), 1)
     ]));
   }
-}), Je = /* @__PURE__ */ F(ze, [["__scopeId", "data-v-12153368"]]), je = { class: "swagger-editor-header" }, We = { class: "swagger-editor-title" }, Ke = { class: "swagger-editor-actions" }, qe = { key: 0 }, Qe = { key: 0 }, Ge = { class: "flex-col gap-1" }, Xe = { class: "flex-mobile gap-1" }, Ze = /* @__PURE__ */ R({
+}), je = /* @__PURE__ */ M(Je, [["__scopeId", "data-v-12153368"]]), We = { class: "swagger-editor-header" }, Ke = { class: "swagger-editor-title" }, qe = { class: "swagger-editor-actions" }, Qe = { key: 0 }, Ge = { key: 0 }, Xe = { class: "swagger-editor-modal-layout" }, Ze = /* @__PURE__ */ R({
   __name: "SwaggerEditorHeader",
   props: {
     proxyUrl: {}
   },
   emits: ["import"],
   setup(r, { expose: e, emit: t }) {
-    const s = r, i = Fe("(max-width: 1000px)"), { files: a, open: l, reset: u } = $e({
+    const s = r, i = Me("(max-width: 1000px)"), { files: a, open: l, reset: h } = $e({
       multiple: !1,
       accept: ".json,.yaml,.yml"
     }), d = me(), c = b(null);
@@ -196,8 +192,8 @@ const Me = (r) => {
       importUrlModal: d,
       openFileDialog: l
     });
-    const h = b(""), o = () => {
-      c.value = "", ye(h.value, s.proxyUrl).then(async (n) => {
+    const p = b(""), o = () => {
+      c.value = "", ye(p.value, s.proxyUrl).then(async (n) => {
         t("import", n), d.hide();
       }).catch((n) => {
         console.error("[importUrl]", n), c.value = n;
@@ -206,75 +202,74 @@ const Me = (r) => {
     return W(a, () => {
       var n;
       if ((n = a.value) != null && n.length) {
-        const p = a.value[0], m = new FileReader();
-        m.onload = (w) => {
+        const u = a.value[0], m = new FileReader();
+        m.onload = (S) => {
           var k;
-          const $ = (k = w.target) == null ? void 0 : k.result;
-          typeof $ == "string" && (t("import", $), u());
-        }, m.readAsText(p);
+          const $ = (k = S.target) == null ? void 0 : k.result;
+          typeof $ == "string" && (t("import", $), h());
+        }, m.readAsText(u);
       }
-    }), (n, p) => (f(), g(P, null, [
-      v("div", je, [
-        v("div", We, [
+    }), (n, u) => (f(), g(P, null, [
+      w("div", We, [
+        w("div", Ke, [
           y(i) ? _("", !0) : (f(), g(P, { key: 0 }, [
             C("Swagger ")
           ], 64)),
           C("Editor ")
         ]),
         E(n.$slots, "tab-items", {}, void 0, !0),
-        v("div", Ke, [
-          S(X, {
-            onClick: p[0] || (p[0] = () => y(l)())
+        w("div", qe, [
+          v(X, {
+            onClick: u[0] || (u[0] = () => y(l)())
           }, {
-            default: U(() => [
+            default: x(() => [
               C(" Upload"),
-              y(i) ? _("", !0) : (f(), g("span", qe, " File"))
+              y(i) ? _("", !0) : (f(), g("span", Qe, " File"))
             ]),
             _: 1
           }),
-          S(X, {
-            onClick: p[1] || (p[1] = (m) => y(d).show())
+          v(X, {
+            onClick: u[1] || (u[1] = (m) => y(d).show())
           }, {
-            default: U(() => [
-              y(i) ? _("", !0) : (f(), g("span", Qe, "Import ")),
+            default: x(() => [
+              y(i) ? _("", !0) : (f(), g("span", Ge, "Import ")),
               C("URL ")
             ]),
             _: 1
           })
         ])
       ]),
-      S(y(ge), {
+      v(y(ge), {
         state: y(d),
         title: "Import Swagger from URL"
       }, {
-        default: U(() => [
-          v("div", Ge, [
-            S(Je, {
-              modelValue: h.value,
-              "onUpdate:modelValue": p[2] || (p[2] = (m) => h.value = m),
+        default: x(() => [
+          w("div", Xe, [
+            v(je, {
+              modelValue: p.value,
+              "onUpdate:modelValue": u[2] || (u[2] = (m) => p.value = m),
               autofocus: "",
+              class: "swagger-editor-modal-layout-input",
               label: "URL",
               placeholder: "https://scalar.com/swagger.json"
             }, null, 8, ["modelValue"]),
-            C(" " + x(c.value) + " ", 1),
-            v("div", Xe, [
-              S(te, {
-                label: "Cancel",
-                variant: "outlined",
-                onClick: p[3] || (p[3] = (m) => y(d).hide())
-              }),
-              S(te, {
-                label: "Import",
-                onClick: o
-              })
-            ])
+            C(" " + F(c.value) + " ", 1),
+            v(te, {
+              label: "Cancel",
+              variant: "outlined",
+              onClick: u[3] || (u[3] = (m) => y(d).hide())
+            }),
+            v(te, {
+              label: "Import",
+              onClick: o
+            })
           ])
         ]),
         _: 1
       }, 8, ["state"])
     ], 64));
   }
-}), He = /* @__PURE__ */ F(Ze, [["__scopeId", "data-v-000eb19c"]]);
+}), He = /* @__PURE__ */ M(Ze, [["__scopeId", "data-v-eef993da"]]);
 class Q {
   /**
    * @param {Y.RelativePosition} yanchor
@@ -297,7 +292,7 @@ class Q {
    * @return {YRange}
    */
   static fromJSON(e) {
-    return new Q(B(e.yanchor), B(e.yhead));
+    return new Q(I(e.yanchor), I(e.yhead));
   }
 }
 class et {
@@ -338,7 +333,7 @@ class et {
    * @param {Y.RelativePosition | Object} rpos
    */
   fromYPos(e) {
-    const t = J(B(e), this.ytext.doc);
+    const t = J(I(e), this.ytext.doc);
     if (t == null || t.type !== this.ytext)
       throw new Error("[y-codemirror] The position you want to retrieve was created by a different document");
     return {
@@ -376,8 +371,8 @@ class tt {
       if (s.origin !== this.conf) {
         const i = t.delta, a = [];
         let l = 0;
-        for (let u = 0; u < i.length; u++) {
-          const d = i[u];
+        for (let h = 0; h < i.length; h++) {
+          const d = i[h];
           d.insert != null ? a.push({ from: l, to: l, insert: d.insert }) : d.delete != null ? (a.push({ from: l, to: l + d.delete, insert: "" }), l += d.delete) : l += d.retain;
         }
         e.dispatch({ changes: a, annotations: [j.of(this.conf)] });
@@ -393,7 +388,7 @@ class tt {
     const t = this.conf.ytext;
     t.doc.transact(() => {
       let s = 0;
-      e.changes.iterChanges((i, a, l, u, d) => {
+      e.changes.iterChanges((i, a, l, h, d) => {
         const c = d.sliceString(0, d.length, `
 `);
         i !== a && t.delete(i + s, a - i), c.length > 0 && t.insert(i + s, c), s += c.length - (a - i);
@@ -472,17 +467,17 @@ class at extends _e {
     return (
       /** @type {HTMLElement} */
       N("span", [D("class", "cm-ySelectionCaret"), D("style", `background-color: ${this.color}; border-color: ${this.color}`)], [
-        I("⁠"),
+        B("⁠"),
         N("div", [
           D("class", "cm-ySelectionCaretDot")
         ]),
-        I("⁠"),
+        B("⁠"),
         N("div", [
           D("class", "cm-ySelectionInfo")
         ], [
-          I(this.name)
+          B(this.name)
         ]),
-        I("⁠")
+        B("⁠")
       ])
     );
   }
@@ -523,47 +518,47 @@ class rt {
       t.doc
     ), i = this.conf.awareness, a = [], l = this.conf.awareness.getLocalState();
     if (l != null) {
-      const u = e.view.hasFocus && e.view.dom.ownerDocument.hasFocus(), d = u ? e.state.selection.main : null, c = l.cursor == null ? null : B(l.cursor.anchor), h = l.cursor == null ? null : B(l.cursor.head);
+      const h = e.view.hasFocus && e.view.dom.ownerDocument.hasFocus(), d = h ? e.state.selection.main : null, c = l.cursor == null ? null : I(l.cursor.anchor), p = l.cursor == null ? null : I(l.cursor.head);
       if (d != null) {
         const o = z(t, d.anchor), n = z(t, d.head);
-        (l.cursor == null || !ee(c, o) || !ee(h, n)) && i.setLocalStateField("cursor", {
+        (l.cursor == null || !ee(c, o) || !ee(p, n)) && i.setLocalStateField("cursor", {
           anchor: o,
           head: n
         });
       } else
-        l.cursor != null && u && i.setLocalStateField("cursor", null);
+        l.cursor != null && h && i.setLocalStateField("cursor", null);
     }
-    i.getStates().forEach((u, d) => {
+    i.getStates().forEach((h, d) => {
       if (d === i.doc.clientID)
         return;
-      const c = u.cursor;
+      const c = h.cursor;
       if (c == null || c.anchor == null || c.head == null)
         return;
-      const h = J(c.anchor, s), o = J(c.head, s);
-      if (h == null || o == null || h.type !== t || o.type !== t)
+      const p = J(c.anchor, s), o = J(c.head, s);
+      if (p == null || o == null || p.type !== t || o.type !== t)
         return;
-      const { color: n = "#30bced", name: p = "Anonymous" } = u.user || {}, m = u.user && u.user.colorLight || n + "33", w = we(h.index, o.index), $ = Se(h.index, o.index), k = e.view.state.doc.lineAt(w), L = e.view.state.doc.lineAt($);
+      const { color: n = "#30bced", name: u = "Anonymous" } = h.user || {}, m = h.user && h.user.colorLight || n + "33", S = we(p.index, o.index), $ = Se(p.index, o.index), k = e.view.state.doc.lineAt(S), L = e.view.state.doc.lineAt($);
       if (k.number === L.number)
         a.push({
-          from: w,
+          from: S,
           to: $,
-          value: M.mark({
+          value: U.mark({
             attributes: { style: `background-color: ${m}` },
             class: "cm-ySelection"
           })
         });
       else {
         a.push({
-          from: w,
+          from: S,
           to: k.from + k.length,
-          value: M.mark({
+          value: U.mark({
             attributes: { style: `background-color: ${m}` },
             class: "cm-ySelection"
           })
         }), a.push({
           from: L.from,
           to: $,
-          value: M.mark({
+          value: U.mark({
             attributes: { style: `background-color: ${m}` },
             class: "cm-ySelection"
           })
@@ -573,7 +568,7 @@ class rt {
           a.push({
             from: G,
             to: G,
-            value: M.line({
+            value: U.line({
               attributes: { style: `background-color: ${m}`, class: "cm-yLineSelection" }
             })
           });
@@ -582,14 +577,14 @@ class rt {
       a.push({
         from: o.index,
         to: o.index,
-        value: M.widget({
-          side: o.index - h.index > 0 ? -1 : 1,
+        value: U.widget({
+          side: o.index - p.index > 0 ? -1 : 1,
           // the local cursor should be rendered outside the remote selection
           block: !1,
-          widget: new at(n, p)
+          widget: new at(n, u)
         })
       });
-    }), this.decorations = M.set(a, !0);
+    }), this.decorations = U.set(a, !0);
   }
 }
 const it = q.fromClass(rt, {
@@ -702,13 +697,13 @@ const ut = q.fromClass(dt), ht = ({ state: r, dispatch: e }) => r.facet(V).undo(
     const l = b(null);
     e({
       setCodeMirrorContent: (c) => {
-        var h;
-        (h = u.value) == null || h.setCodeMirrorContent(c);
+        var p;
+        (p = h.value) == null || p.setCodeMirrorContent(c);
       }
     }), W(
       () => s.hocuspocusConfiguration,
-      (c, h) => {
-        if (JSON.stringify(h) === JSON.stringify(c) || (a && (a.destroy(), l.value = null), !s.hocuspocusConfiguration))
+      (c, p) => {
+        if (JSON.stringify(p) === JSON.stringify(c) || (a && (a.destroy(), l.value = null), !s.hocuspocusConfiguration))
           return;
         const { username: o, ...n } = s.hocuspocusConfiguration;
         a = new be({
@@ -738,11 +733,11 @@ const ut = q.fromClass(dt), ht = ({ state: r, dispatch: e }) => r.facet(V).undo(
               `[SwaggerEditor] ⚪️ onDisconnect (${n == null ? void 0 : n.name})`
             );
           },
-          onAwarenessUpdate({ states: w }) {
-            t("awarenessUpdate", w);
+          onAwarenessUpdate({ states: S }) {
+            t("awarenessUpdate", S);
           }
         }), a == null || a.on("authenticated", () => {
-          const w = i([
+          const S = i([
             "#958DF1",
             "#F98181",
             "#FBBC88",
@@ -753,35 +748,35 @@ const ut = q.fromClass(dt), ht = ({ state: r, dispatch: e }) => r.facet(V).undo(
           ]);
           a == null || a.setAwarenessField("user", {
             name: o || "guest",
-            color: w,
-            colorLight: w
+            color: S,
+            colorLight: S
           });
         });
-        const p = a.document.getText("codemirror"), m = new K(p);
+        const u = a.document.getText("codemirror"), m = new K(u);
         l.value = ft(
-          p,
+          u,
           a.awareness,
           { undoManager: m }
         );
       },
       { immediate: !0, deep: !0 }
     );
-    const u = b(null);
+    const h = b(null);
     function d(c) {
-      return Me(c) ? ["json"] : ["yaml"];
+      return Ue(c) ? ["json"] : ["yaml"];
     }
-    return (c, h) => {
+    return (c, p) => {
       var o;
       return f(), g("div", mt, [
-        S(y(ke), {
+        v(y(ke), {
           ref_key: "codeMirrorRef",
-          ref: u,
+          ref: h,
           content: c.value,
           extensions: l.value ? [l.value] : [],
           languages: d(c.value),
           lineNumbers: "",
           name: (o = c.hocuspocusConfiguration) == null ? void 0 : o.name,
-          onChange: h[0] || (h[0] = (n) => c.$emit("contentUpdate", n))
+          onChange: p[0] || (p[0] = (n) => c.$emit("contentUpdate", n))
         }, null, 8, ["content", "extensions", "languages", "name"])
       ]);
     };
@@ -792,13 +787,13 @@ function wt(r, e) {
     E(r.$slots, "default")
   ]);
 }
-const St = /* @__PURE__ */ F(yt, [["render", wt]]), _t = {}, bt = { class: "swagger-editor-status-bar" };
+const St = /* @__PURE__ */ M(yt, [["render", wt]]), _t = {}, bt = { class: "swagger-editor-status-bar" };
 function kt(r, e) {
   return f(), g("div", bt, [
     E(r.$slots, "default")
   ]);
 }
-const Ct = /* @__PURE__ */ F(_t, [["render", kt]]), xt = { class: "swagger-editor" }, Ft = /* @__PURE__ */ R({
+const Ct = /* @__PURE__ */ M(_t, [["render", kt]]), xt = /* @__PURE__ */ R({
   __name: "SwaggerEditor",
   props: {
     value: {},
@@ -811,7 +806,7 @@ const Ct = /* @__PURE__ */ F(_t, [["render", kt]]), xt = { class: "swagger-edito
   setup(r, { expose: e, emit: t }) {
     const s = r, i = b(null), a = b([]), l = (o) => {
       t("contentUpdate", o);
-    }, u = (o) => {
+    }, h = (o) => {
       a.value = o;
     }, d = b(null), c = he(() => {
       if (s.error === void 0 || s.error === null || s.error === "")
@@ -828,52 +823,60 @@ const Ct = /* @__PURE__ */ F(_t, [["render", kt]]), xt = { class: "swagger-edito
       { immediate: !0 }
     ), e({
       handleOpenSwaggerEditor: (o) => {
-        var n, p, m;
-        o === "importUrl" ? (p = (n = i == null ? void 0 : i.value) == null ? void 0 : n.importUrlModal) == null || p.show() : o === "uploadFile" && ((m = i == null ? void 0 : i.value) == null || m.openFileDialog());
+        var n, u, m;
+        o === "importUrl" ? (u = (n = i == null ? void 0 : i.value) == null ? void 0 : n.importUrlModal) == null || u.show() : o === "uploadFile" && ((m = i == null ? void 0 : i.value) == null || m.openFileDialog());
       }
     }), (o, n) => (f(), g(P, null, [
-      S(y(Ce), { id: o.theme }, null, 8, ["id"]),
-      v("div", xt, [
-        S(He, {
-          ref_key: "swaggerEditorHeaderRef",
-          ref: i,
-          proxyUrl: o.proxyUrl,
-          onImport: l
-        }, {
-          "tab-items": U(() => [
-            E(o.$slots, "tab-items", {}, void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["proxyUrl"]),
-        c.value ? (f(), A(St, { key: 0 }, {
-          default: U(() => [
-            C(x(c.value), 1)
-          ]),
-          _: 1
-        })) : _("", !0),
-        S(gt, {
-          ref_key: "codeMirrorReference",
-          ref: d,
-          hocuspocusConfiguration: o.hocuspocusConfiguration,
-          value: o.value,
-          onAwarenessUpdate: u,
-          onContentUpdate: l
-        }, null, 8, ["hocuspocusConfiguration", "value"]),
-        a.value.length ? (f(), A(Ct, { key: 1 }, {
-          default: U(() => [
-            C(x(a.value.length) + " user" + x(a.value.length === 1 ? "" : "s") + " online ", 1)
-          ]),
-          _: 1
-        })) : _("", !0)
-      ])
+      v(y(Ce), { id: o.theme }, null, 8, ["id"]),
+      v(xe, null, {
+        default: x(({ styles: u }) => [
+          w("div", {
+            class: T(["swagger-editor", u])
+          }, [
+            v(He, {
+              ref_key: "swaggerEditorHeaderRef",
+              ref: i,
+              proxyUrl: o.proxyUrl,
+              onImport: l
+            }, {
+              "tab-items": x(() => [
+                E(o.$slots, "tab-items", {}, void 0, !0)
+              ]),
+              _: 3
+            }, 8, ["proxyUrl"]),
+            c.value ? (f(), A(St, { key: 0 }, {
+              default: x(() => [
+                C(F(c.value), 1)
+              ]),
+              _: 1
+            })) : _("", !0),
+            v(gt, {
+              ref_key: "codeMirrorReference",
+              ref: d,
+              hocuspocusConfiguration: o.hocuspocusConfiguration,
+              value: o.value,
+              onAwarenessUpdate: h,
+              onContentUpdate: l
+            }, null, 8, ["hocuspocusConfiguration", "value"]),
+            a.value.length ? (f(), A(Ct, { key: 1 }, {
+              default: x(() => [
+                C(F(a.value.length) + " user" + F(a.value.length === 1 ? "" : "s") + " online ", 1)
+              ]),
+              _: 1
+            })) : _("", !0)
+          ], 2)
+        ]),
+        _: 3
+      })
     ], 64));
   }
-}), qt = /* @__PURE__ */ F(Ft, [["__scopeId", "data-v-16132f63"]]);
+}), Kt = /* @__PURE__ */ M(xt, [["__scopeId", "data-v-a20bb635"]]);
 export {
-  qt as CodeEditor,
+  Kt as CodeEditor,
   X as HeaderTabButton,
-  qt as SwaggerEditor,
+  xe as ResetStyles,
+  Kt as SwaggerEditor,
   ye as fetchSpecFromUrl,
-  Me as isJsonString,
-  Xt as useDarkModeState
+  Ue as isJsonString,
+  Gt as useDarkModeState
 };