@scalar/api-reference 1.4.0 → 1.6.1

package/dist/index-37e942b6.js

@@ -0,0 +1,882 @@
+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-b54301df.js";
+import { q as Gt } from "./index-b54301df.js";
+import { useTextareaAutosize as Fe, useMediaQuery as Me, useFileDialog as $e } from "@vueuse/core";
+import "@headlessui/vue";
+import "axios";
+import "@vcarl/remark-headings";
+import "github-slugger";
+import "remark-parse";
+import "remark-stringify";
+import "unified";
+import "js-yaml";
+import "unhead";
+import "rehype-external-links";
+import "rehype-format";
+import "rehype-highlight";
+import "rehype-sanitize";
+import "rehype-stringify";
+import "remark-gfm";
+import "remark-rehype";
+import "httpsnippet-lite";
+import "fuse.js";
+const Ue = (r) => {
+  if (typeof r != "string")
+    return !1;
+  try {
+    JSON.parse(r);
+  } catch {
+    return !1;
+  }
+  return !0;
+}, Re = {
+  key: 0,
+  class: "loader-wrapper"
+}, 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"
+}, Ie = /* @__PURE__ */ R({
+  __name: "FlowLoader",
+  props: {
+    loaderState: {},
+    size: { default: "24px" }
+  },
+  setup(r) {
+    return ae((e) => ({
+      "0a23b95e": e.size
+    })), (e, t) => e.loaderState ? (f(), g("div", Re, [
+      (f(), g("svg", {
+        class: T(["svg-loader", {
+          "icon-is-valid": e.loaderState.valid,
+          "icon-is-invalid": e.loaderState.invalid
+        }]),
+        viewBox: "0 0 100 100",
+        xmlns: "http://www.w3.org/2000/svg",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink"
+      }, [
+        Ee,
+        e.loaderState.isLoading ? (f(), g("g", Te, [
+          w("circle", {
+            class: T(["loader-path", {
+              "loader-path-off": e.loaderState.valid || e.loaderState.invalid
+            }]),
+            cx: "50",
+            cy: "50",
+            fill: "none",
+            r: "20",
+            "stroke-width": "2"
+          }, null, 2)
+        ])) : _("", !0)
+      ], 2))
+    ])) : _("", !0);
+  }
+}), Be = /* @__PURE__ */ M(Ie, [["__scopeId", "data-v-f02d7027"]]), De = ["title"], Ae = {
+  key: 0,
+  class: "flow-button-decorator"
+}, Oe = { class: "flow-button-loader" }, Ve = /* @__PURE__ */ R({
+  __name: "FlowButton",
+  props: {
+    label: {},
+    error: { type: Boolean },
+    loaderState: {},
+    variant: {},
+    title: {}
+  },
+  setup(r) {
+    return (e, t) => (f(), g("button", {
+      class: T(["flow-button", {
+        "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
+      }]),
+      title: e.title || e.label,
+      type: "button"
+    }, [
+      e.$slots.default ? (f(), g("div", Ae, [
+        E(e.$slots, "default", {}, void 0, !0)
+      ])) : _("", !0),
+      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, De));
+  }
+}), 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
+}, Je = /* @__PURE__ */ R({
+  ...ze,
+  __name: "FlowTextField",
+  props: {
+    modelValue: {},
+    label: {},
+    error: { type: Boolean },
+    warn: { type: Boolean },
+    isMultiline: { type: Boolean },
+    helperText: {},
+    emitOnBlur: { type: Boolean, default: !0 },
+    handleFieldSubmit: {},
+    handleFieldChange: {},
+    disableTrim: { type: Boolean, default: !1 }
+  },
+  emits: ["submit", "update:modelValue"],
+  setup(r, { emit: e }) {
+    const t = r, s = ie(), i = s.id || `id-${fe()}`, a = b(), l = b(!1);
+    let h;
+    if (t.isMultiline) {
+      const { triggerResize: o } = Fe({
+        element: a,
+        input: t.modelValue
+      });
+      h = o;
+    }
+    function d(o) {
+      const n = o.target.value;
+      t.isMultiline && h(), t.handleFieldChange ? t.handleFieldChange(n) : e("update:modelValue", n);
+    }
+    function c(o) {
+      const n = o.target, u = t.disableTrim || t.isMultiline ? n.value : n.value.trim();
+      t.handleFieldSubmit ? t.handleFieldSubmit(u) : e("submit", u);
+    }
+    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", Le, [
+      w("div", {
+        class: T(["flow-input-wrapper", {
+          "flow-input-wrapper--focus": l.value,
+          "flow-input-wrapper--error": o.error,
+          "flow-input-wrapper--warn": o.warn
+        }])
+      }, [
+        (f(), A(ce(o.isMultiline ? "textarea" : "input"), de({ id: y(i) }, o.$attrs, {
+          ref_key: "input",
+          ref: a,
+          class: ["flow-input hotkeys", { "flow-input__multiline": o.isMultiline }],
+          value: o.modelValue,
+          onBlur: p,
+          onFocus: n[0] || (n[0] = (u) => l.value = !0),
+          onInput: d,
+          onKeyup: ue(c, ["enter"])
+        }), null, 16, ["id", "class", "value", "onKeyup"])),
+        o.label ? (f(), g("label", {
+          key: 0,
+          class: "flow-label",
+          for: y(i)
+        }, F(o.label), 9, Ye)) : _("", !0),
+        w("div", Ne, [
+          E(o.$slots, "default", {}, void 0, !0)
+        ])
+      ], 2),
+      w("span", Pe, F(o.helperText), 1)
+    ]));
+  }
+}), 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 = Me("(max-width: 1000px)"), { files: a, open: l, reset: h } = $e({
+      multiple: !1,
+      accept: ".json,.yaml,.yml"
+    }), d = me(), c = b(null);
+    e({
+      importUrlModal: d,
+      openFileDialog: l
+    });
+    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;
+      });
+    };
+    return W(a, () => {
+      var n;
+      if ((n = a.value) != null && n.length) {
+        const u = a.value[0], m = new FileReader();
+        m.onload = (S) => {
+          var k;
+          const $ = (k = S.target) == null ? void 0 : k.result;
+          typeof $ == "string" && (t("import", $), h());
+        }, m.readAsText(u);
+      }
+    }), (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),
+        w("div", qe, [
+          v(X, {
+            onClick: u[0] || (u[0] = () => y(l)())
+          }, {
+            default: x(() => [
+              C(" Upload"),
+              y(i) ? _("", !0) : (f(), g("span", Qe, " File"))
+            ]),
+            _: 1
+          }),
+          v(X, {
+            onClick: u[1] || (u[1] = (m) => y(d).show())
+          }, {
+            default: x(() => [
+              y(i) ? _("", !0) : (f(), g("span", Ge, "Import ")),
+              C("URL ")
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      v(y(ge), {
+        state: y(d),
+        title: "Import Swagger from URL"
+      }, {
+        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(" " + 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__ */ M(Ze, [["__scopeId", "data-v-eef993da"]]);
+class Q {
+  /**
+   * @param {Y.RelativePosition} yanchor
+   * @param {Y.RelativePosition} yhead
+   */
+  constructor(e, t) {
+    this.yanchor = e, this.yhead = t;
+  }
+  /**
+   * @returns {any}
+   */
+  toJSON() {
+    return {
+      yanchor: Z(this.yanchor),
+      yhead: Z(this.yhead)
+    };
+  }
+  /**
+   * @param {any} json
+   * @return {YRange}
+   */
+  static fromJSON(e) {
+    return new Q(I(e.yanchor), I(e.yhead));
+  }
+}
+class et {
+  constructor(e, t) {
+    this.ytext = e, this.awareness = t, this.undoManager = new K(e);
+  }
+  /**
+   * Helper function to transform an absolute index position to a Yjs-based relative position
+   * (https://docs.yjs.dev/api/relative-positions).
+   *
+   * A relative position can be transformed back to an absolute position even after the document has changed. The position is
+   * automatically adapted. This does not require any position transformations. Relative positions are computed based on
+   * the internal Yjs document model. Peers that share content through Yjs are guaranteed that their positions will always
+   * synced up when using relatve positions.
+   *
+   * ```js
+   * import { ySyncFacet } from 'y-codemirror'
+   *
+   * ..
+   * const ysync = view.state.facet(ySyncFacet)
+   * // transform an absolute index position to a ypos
+   * const ypos = ysync.getYPos(3)
+   * // transform the ypos back to an absolute position
+   * ysync.fromYPos(ypos) // => 3
+   * ```
+   *
+   * It cannot be guaranteed that absolute index positions can be synced up between peers.
+   * This might lead to undesired behavior when implementing features that require that all peers see the
+   * same marked range (e.g. a comment plugin).
+   *
+   * @param {number} pos
+   * @param {number} [assoc]
+   */
+  toYPos(e, t = 0) {
+    return z(this.ytext, e, t);
+  }
+  /**
+   * @param {Y.RelativePosition | Object} rpos
+   */
+  fromYPos(e) {
+    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 {
+      pos: t.index,
+      assoc: t.assoc
+    };
+  }
+  /**
+   * @param {cmState.SelectionRange} range
+   * @return {YRange}
+   */
+  toYRange(e) {
+    const t = e.assoc, s = this.toYPos(e.anchor, t), i = this.toYPos(e.head, t);
+    return new Q(s, i);
+  }
+  /**
+   * @param {YRange} yrange
+   */
+  fromYRange(e) {
+    const t = this.fromYPos(e.yanchor), s = this.fromYPos(e.yhead);
+    return t.pos === s.pos ? H.cursor(s.pos, s.assoc) : H.range(t.pos, s.pos);
+  }
+}
+const O = oe.define({
+  combine(r) {
+    return r[r.length - 1];
+  }
+}), j = ne.define();
+class tt {
+  /**
+   * @param {cmView.EditorView} view
+   */
+  constructor(e) {
+    this.view = e, this.conf = e.state.facet(O), this._observer = (t, s) => {
+      if (s.origin !== this.conf) {
+        const i = t.delta, a = [];
+        let l = 0;
+        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)] });
+      }
+    }, this._ytext = this.conf.ytext, this._ytext.observe(this._observer);
+  }
+  /**
+   * @param {cmView.ViewUpdate} update
+   */
+  update(e) {
+    if (!e.docChanged || e.transactions.length > 0 && e.transactions[0].annotation(j) === this.conf)
+      return;
+    const t = this.conf.ytext;
+    t.doc.transact(() => {
+      let s = 0;
+      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);
+      });
+    }, this.conf);
+  }
+  destroy() {
+    this._ytext.unobserve(this._observer);
+  }
+}
+const ot = q.fromClass(tt), nt = se.baseTheme({
+  ".cm-ySelection": {},
+  ".cm-yLineSelection": {
+    padding: 0,
+    margin: "0px 2px 0px 4px"
+  },
+  ".cm-ySelectionCaret": {
+    position: "relative",
+    borderLeft: "1px solid black",
+    borderRight: "1px solid black",
+    marginLeft: "-1px",
+    marginRight: "-1px",
+    boxSizing: "border-box",
+    display: "inline"
+  },
+  ".cm-ySelectionCaretDot": {
+    borderRadius: "50%",
+    position: "absolute",
+    width: ".4em",
+    height: ".4em",
+    top: "-.2em",
+    left: "-.2em",
+    backgroundColor: "inherit",
+    transition: "transform .3s ease-in-out",
+    boxSizing: "border-box"
+  },
+  ".cm-ySelectionCaret:hover > .cm-ySelectionCaretDot": {
+    transformOrigin: "bottom center",
+    transform: "scale(0)"
+  },
+  ".cm-ySelectionInfo": {
+    position: "absolute",
+    top: "-1.05em",
+    left: "-1px",
+    fontSize: ".75em",
+    fontFamily: "serif",
+    fontStyle: "normal",
+    fontWeight: "normal",
+    lineHeight: "normal",
+    userSelect: "none",
+    color: "white",
+    paddingLeft: "2px",
+    paddingRight: "2px",
+    zIndex: 101,
+    transition: "opacity .3s ease-in-out",
+    backgroundColor: "inherit",
+    // these should be separate
+    opacity: 0,
+    transitionDelay: "0s",
+    whiteSpace: "nowrap"
+  },
+  ".cm-ySelectionCaret:hover > .cm-ySelectionInfo": {
+    opacity: 1,
+    transitionDelay: "0s"
+  }
+}), st = ne.define();
+class at extends _e {
+  /**
+   * @param {string} color
+   * @param {string} name
+   */
+  constructor(e, t) {
+    super(), this.color = e, this.name = t;
+  }
+  toDOM() {
+    return (
+      /** @type {HTMLElement} */
+      N("span", [D("class", "cm-ySelectionCaret"), D("style", `background-color: ${this.color}; border-color: ${this.color}`)], [
+        B("⁠"),
+        N("div", [
+          D("class", "cm-ySelectionCaretDot")
+        ]),
+        B("⁠"),
+        N("div", [
+          D("class", "cm-ySelectionInfo")
+        ], [
+          B(this.name)
+        ]),
+        B("⁠")
+      ])
+    );
+  }
+  eq(e) {
+    return e.color === this.color;
+  }
+  compare(e) {
+    return e.color === this.color;
+  }
+  updateDOM() {
+    return !1;
+  }
+  get estimatedHeight() {
+    return -1;
+  }
+  ignoreEvent() {
+    return !0;
+  }
+}
+class rt {
+  /**
+   * @param {cmView.EditorView} view
+   */
+  constructor(e) {
+    this.conf = e.state.facet(O), this._listener = ({ added: t, updated: s, removed: i }, a, l) => {
+      t.concat(s).concat(i).findIndex((d) => d !== this.conf.awareness.doc.clientID) >= 0 && e.dispatch({ annotations: [st.of([])] });
+    }, this._awareness = this.conf.awareness, this._awareness.on("change", this._listener), this.decorations = ve.of([]);
+  }
+  destroy() {
+    this._awareness.off("change", this._listener);
+  }
+  /**
+   * @param {cmView.ViewUpdate} update
+   */
+  update(e) {
+    const t = this.conf.ytext, s = (
+      /** @type {Y.Doc} */
+      t.doc
+    ), i = this.conf.awareness, a = [], l = this.conf.awareness.getLocalState();
+    if (l != null) {
+      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(p, n)) && i.setLocalStateField("cursor", {
+          anchor: o,
+          head: n
+        });
+      } else
+        l.cursor != null && h && i.setLocalStateField("cursor", null);
+    }
+    i.getStates().forEach((h, d) => {
+      if (d === i.doc.clientID)
+        return;
+      const c = h.cursor;
+      if (c == null || c.anchor == null || c.head == null)
+        return;
+      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: 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: S,
+          to: $,
+          value: U.mark({
+            attributes: { style: `background-color: ${m}` },
+            class: "cm-ySelection"
+          })
+        });
+      else {
+        a.push({
+          from: S,
+          to: k.from + k.length,
+          value: U.mark({
+            attributes: { style: `background-color: ${m}` },
+            class: "cm-ySelection"
+          })
+        }), a.push({
+          from: L.from,
+          to: $,
+          value: U.mark({
+            attributes: { style: `background-color: ${m}` },
+            class: "cm-ySelection"
+          })
+        });
+        for (let Y = k.number + 1; Y < L.number; Y++) {
+          const G = e.view.state.doc.line(Y).from;
+          a.push({
+            from: G,
+            to: G,
+            value: U.line({
+              attributes: { style: `background-color: ${m}`, class: "cm-yLineSelection" }
+            })
+          });
+        }
+      }
+      a.push({
+        from: o.index,
+        to: o.index,
+        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, u)
+        })
+      });
+    }), this.decorations = U.set(a, !0);
+  }
+}
+const it = q.fromClass(rt, {
+  decorations: (r) => r.decorations
+}), lt = () => {
+  let r = !0;
+  return (e, t) => {
+    if (r) {
+      r = !1;
+      try {
+        e();
+      } finally {
+        r = !0;
+      }
+    } else
+      t !== void 0 && t();
+  };
+};
+class ct {
+  /**
+   * @param {Y.UndoManager} undoManager
+   */
+  constructor(e) {
+    this.undoManager = e;
+  }
+  /**
+   * @param {any} origin
+   */
+  addTrackedOrigin(e) {
+    this.undoManager.addTrackedOrigin(e);
+  }
+  /**
+   * @param {any} origin
+   */
+  removeTrackedOrigin(e) {
+    this.undoManager.removeTrackedOrigin(e);
+  }
+  /**
+   * @return {boolean} Whether a change was undone.
+   */
+  undo() {
+    return this.undoManager.undo() != null;
+  }
+  /**
+   * @return {boolean} Whether a change was redone.
+   */
+  redo() {
+    return this.undoManager.redo() != null;
+  }
+}
+const V = oe.define({
+  combine(r) {
+    return r[r.length - 1];
+  }
+});
+class dt {
+  /**
+   * @param {cmView.EditorView} view
+   */
+  constructor(e) {
+    this.view = e, this.conf = e.state.facet(V), this._undoManager = this.conf.undoManager, this.syncConf = e.state.facet(O), this._beforeChangeSelection = null, this._mux = lt(), this._onStackItemAdded = ({ stackItem: t, changedParentTypes: s }) => {
+      s.has(this.syncConf.ytext) && this._beforeChangeSelection && !t.meta.has(this) && t.meta.set(this, this._beforeChangeSelection);
+    }, this._onStackItemPopped = ({ stackItem: t }) => {
+      const s = t.meta.get(this);
+      if (s) {
+        const i = this.syncConf.fromYRange(s);
+        e.dispatch(e.state.update({ selection: i })), this._storeSelection();
+      }
+    }, this._storeSelection = () => {
+      this._beforeChangeSelection = this.syncConf.toYRange(this.view.state.selection.main);
+    }, this._undoManager.on("stack-item-added", this._onStackItemAdded), this._undoManager.on("stack-item-popped", this._onStackItemPopped), this._undoManager.addTrackedOrigin(this.syncConf);
+  }
+  /**
+   * @param {cmView.ViewUpdate} update
+   */
+  update(e) {
+    e.selectionSet && (e.transactions.length === 0 || e.transactions[0].annotation(j) !== this.syncConf) && this._storeSelection();
+  }
+  destroy() {
+    this._undoManager.off("stack-item-added", this._onStackItemAdded), this._undoManager.off("stack-item-popped", this._onStackItemPopped), this._undoManager.removeTrackedOrigin(this.syncConf);
+  }
+}
+const ut = q.fromClass(dt), ht = ({ state: r, dispatch: e }) => r.facet(V).undo() || !0, pt = ({ state: r, dispatch: e }) => r.facet(V).redo() || !0, ft = (r, e, { undoManager: t = new K(r) } = {}) => {
+  const s = new et(r, e), i = [
+    O.of(s),
+    ot
+  ];
+  return e && i.push(
+    nt,
+    it
+  ), t !== !1 && i.push(
+    V.of(new ct(t)),
+    ut,
+    se.domEventHandlers({
+      beforeinput(a, l) {
+        return a.inputType === "historyUndo" ? ht(l) : a.inputType === "historyRedo" ? pt(l) : !1;
+      }
+    })
+  ), i;
+}, mt = { class: "swagger-editor-input" }, gt = /* @__PURE__ */ R({
+  __name: "SwaggerEditorInput",
+  props: {
+    value: {},
+    hocuspocusConfiguration: {}
+  },
+  emits: ["contentUpdate", "awarenessUpdate"],
+  setup(r, { expose: e, emit: t }) {
+    const s = r, i = (c) => c[Math.floor(Math.random() * c.length)];
+    let a = null;
+    const l = b(null);
+    e({
+      setCodeMirrorContent: (c) => {
+        var p;
+        (p = h.value) == null || p.setCodeMirrorContent(c);
+      }
+    }), W(
+      () => 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({
+          ...n,
+          onAuthenticated() {
+            console.log(
+              `[SwaggerEditor] ✅ onAuthentication (${n == null ? void 0 : n.name})`
+            );
+          },
+          onConnect() {
+            n.token || console.log(
+              `[SwaggerEditor] 🟢 onConnect (${n == null ? void 0 : n.name})`
+            );
+          },
+          onAuthenticationFailed() {
+            console.log(
+              `[SwaggerEditor] ❌ onAuthenticationFailed (${n == null ? void 0 : n.name})`
+            );
+          },
+          onSynced() {
+            console.log(
+              `[SwaggerEditor] 🔄 onSynced (${n == null ? void 0 : n.name})`
+            );
+          },
+          onDisconnect() {
+            console.log(
+              `[SwaggerEditor] ⚪️ onDisconnect (${n == null ? void 0 : n.name})`
+            );
+          },
+          onAwarenessUpdate({ states: S }) {
+            t("awarenessUpdate", S);
+          }
+        }), a == null || a.on("authenticated", () => {
+          const S = i([
+            "#958DF1",
+            "#F98181",
+            "#FBBC88",
+            "#FAF594",
+            "#70CFF8",
+            "#94FADB",
+            "#B9F18D"
+          ]);
+          a == null || a.setAwarenessField("user", {
+            name: o || "guest",
+            color: S,
+            colorLight: S
+          });
+        });
+        const u = a.document.getText("codemirror"), m = new K(u);
+        l.value = ft(
+          u,
+          a.awareness,
+          { undoManager: m }
+        );
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const h = b(null);
+    function d(c) {
+      return Ue(c) ? ["json"] : ["yaml"];
+    }
+    return (c, p) => {
+      var o;
+      return f(), g("div", mt, [
+        v(y(ke), {
+          ref_key: "codeMirrorRef",
+          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: p[0] || (p[0] = (n) => c.$emit("contentUpdate", n))
+        }, null, 8, ["content", "extensions", "languages", "name"])
+      ]);
+    };
+  }
+}), yt = {}, vt = { class: "swagger-editor-notification swagger-editor-notification--error" };
+function wt(r, e) {
+  return f(), g("div", vt, [
+    E(r.$slots, "default")
+  ]);
+}
+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__ */ M(_t, [["render", kt]]), xt = /* @__PURE__ */ R({
+  __name: "SwaggerEditor",
+  props: {
+    value: {},
+    hocuspocusConfiguration: {},
+    theme: {},
+    proxyUrl: {},
+    error: {}
+  },
+  emits: ["contentUpdate", "import", "changeTheme"],
+  setup(r, { expose: e, emit: t }) {
+    const s = r, i = b(null), a = b([]), l = (o) => {
+      t("contentUpdate", o);
+    }, h = (o) => {
+      a.value = o;
+    }, d = b(null), c = he(() => {
+      if (s.error === void 0 || s.error === null || s.error === "")
+        return "";
+      const o = pe(s.error) ? s.error.value : s.error;
+      return o.startsWith("YAMLException:") ? o.split(`
+`)[0] : o;
+    });
+    return W(
+      () => s.value,
+      async () => {
+        s.value && l(s.value);
+      },
+      { immediate: !0 }
+    ), e({
+      handleOpenSwaggerEditor: (o) => {
+        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, [
+      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));
+  }
+}), Kt = /* @__PURE__ */ M(xt, [["__scopeId", "data-v-a20bb635"]]);
+export {
+  Kt as CodeEditor,
+  X as HeaderTabButton,
+  xe as ResetStyles,
+  Kt as SwaggerEditor,
+  ye as fetchSpecFromUrl,
+  Ue as isJsonString,
+  Gt as useDarkModeState
+};