@scalar/api-client 2.14.1 → 2.17.0

package/dist/v2/features/collection/components/Servers.vue.js

@@ -1,4 +1,144 @@
-import f from "./Servers.vue2.js";
+import { defineComponent as M, ref as A, computed as x, createElementBlock as u, openBlock as c, Fragment as S, createElementVNode as s, createVNode as l, createTextVNode as g, renderList as I, createBlock as y, unref as r, toDisplayString as T, withCtx as f, createCommentVNode as V } from "vue";
+import { useModal as P, ScalarMarkdown as z, ScalarButton as k, ScalarModal as L } from "@scalar/components";
+import { debounce as O } from "@scalar/helpers/general/debounce";
+import { ScalarIconTrash as R, ScalarIconPlus as j } from "@scalar/icons";
+import E from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import F from "./Form.vue.js";
+import W from "../../../../components/Server/ServerVariablesForm.vue.js";
+const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }, G = { class: "bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm" }, H = {
+  key: 1,
+  class: "self-center"
+}, J = { class: "divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm" }, K = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, re = /* @__PURE__ */ M({
+  __name: "Servers",
+  props: {
+    documentSlug: {},
+    document: {},
+    eventBus: {},
+    layout: {},
+    path: {},
+    method: {},
+    exampleName: {},
+    environment: {},
+    workspaceStore: {},
+    activeWorkspace: {},
+    plugins: {},
+    collectionType: {}
+  },
+  setup(o) {
+    const v = P(), n = A(-1), _ = x(
+      () => o.document?.servers?.[n.value]
+    ), $ = x(() => o.document?.servers ?? []), B = [
+      {
+        label: "URL",
+        key: "url",
+        placeholder: "https://void.scalar.com"
+      },
+      {
+        label: "Description",
+        key: "description",
+        placeholder: "Production"
+      }
+    ], w = (t) => {
+      n.value = t, v.show();
+    }, p = () => {
+      v.hide(), n.value = -1;
+    }, N = () => {
+      n.value < 0 || (o.eventBus.emit("server:delete:server", { index: n.value }), p());
+    }, { execute: b } = O({ delay: 328, maxWait: 1e3 }), U = (t, e, a) => b(
+      `${t}-${e}`,
+      () => o.eventBus.emit("server:update:server", {
+        index: t,
+        server: { [e]: a }
+      })
+    ), C = (t, e, a) => b(
+      `${t}-${e}`,
+      () => o.eventBus.emit("server:update:variables", {
+        index: t,
+        key: e,
+        value: a
+      })
+    ), D = () => o.eventBus.emit("server:add:server"), h = (t, e = 0) => t?.description || `Server ${e + 1}`;
+    return (t, e) => (c(), u(S, null, [
+      s("div", Y, [
+        e[1] || (e[1] = s("div", { class: "flex flex-col gap-2" }, [
+          s("h3", { class: "font-bold" }, "Servers"),
+          s("p", { class: "text-sm" }, [
+            g(" Add different base URLs for your API. You can use "),
+            s("code", { class: "font-code text-c-2" }, "{variables}"),
+            g(" for dynamic parts. ")
+          ])
+        ], -1)),
+        s("div", q, [
+          (c(!0), u(S, null, I($.value, (a, d) => (c(), u("div", {
+            key: d,
+            class: "rounded-lg border"
+          }, [
+            s("div", G, [
+              a.description ? (c(), y(r(z), {
+                key: 0,
+                class: "self-center",
+                value: a.description
+              }, null, 8, ["value"])) : (c(), u("span", H, T(h(a, d)), 1)),
+              l(r(k), {
+                class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
+                "data-testid": "delete-server-button",
+                variant: "ghost",
+                onClick: (i) => w(d)
+              }, {
+                default: f(() => [
+                  l(r(R), { class: "size-3.5" })
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ]),
+            s("div", J, [
+              l(F, {
+                data: a,
+                environment: t.environment,
+                onUpdate: (i, m) => U(d, i, m),
+                options: B
+              }, null, 8, ["data", "environment", "onUpdate"]),
+              a.variables ? (c(), y(r(W), {
+                key: 0,
+                variables: a.variables,
+                "onUpdate:variable": (i, m) => C(d, i, m)
+              }, null, 8, ["variables", "onUpdate:variable"])) : V("", !0)
+            ])
+          ]))), 128))
+        ]),
+        s("div", K, [
+          l(r(k), {
+            class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
+            size: "sm",
+            variant: "ghost",
+            onClick: D
+          }, {
+            default: f(() => [
+              l(r(j)),
+              e[0] || (e[0] = s("span", null, "Add Server", -1))
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      l(r(L), {
+        size: "xxs",
+        state: r(v),
+        title: `Delete ${h(_.value, n.value)}`
+      }, {
+        default: f(() => [
+          l(E, {
+            variableName: "Server",
+            warningMessage: "Are you sure you want to delete this server? This action cannot be undone.",
+            onClose: p,
+            onDelete: N
+          })
+        ]),
+        _: 1
+      }, 8, ["state", "title"])
+    ], 64));
+  }
+});
 export {
-  f as default
+  re as default
 };

package/dist/v2/features/collection/components/Servers.vue2.js

@@ -1,143 +1,4 @@
-import { defineComponent as M, ref as A, computed as x, createElementBlock as u, openBlock as c, Fragment as S, createElementVNode as r, createVNode as o, createTextVNode as g, renderList as I, createBlock as y, unref as s, toDisplayString as T, withCtx as f, createCommentVNode as V } from "vue";
-import { useModal as P, ScalarMarkdown as z, ScalarButton as k, ScalarModal as L } from "@scalar/components";
-import { debounce as O } from "@scalar/helpers/general/debounce";
-import { ScalarIconTrash as R, ScalarIconPlus as j } from "@scalar/icons";
-import E from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import F from "./Form.vue.js";
-import W from "../../../../components/Server/ServerVariablesForm.vue.js";
-const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }, G = { class: "bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm" }, H = {
-  key: 1,
-  class: "self-center"
-}, J = { class: "divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm" }, K = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, se = /* @__PURE__ */ M({
-  __name: "Servers",
-  props: {
-    documentSlug: {},
-    document: {},
-    eventBus: {},
-    layout: {},
-    path: {},
-    method: {},
-    exampleName: {},
-    environment: {},
-    workspaceStore: {},
-    activeWorkspace: {},
-    collectionType: {}
-  },
-  setup(l) {
-    const v = P(), n = A(-1), _ = x(
-      () => l.document?.servers?.[n.value]
-    ), $ = x(() => l.document?.servers ?? []), B = [
-      {
-        label: "URL",
-        key: "url",
-        placeholder: "https://void.scalar.com"
-      },
-      {
-        label: "Description",
-        key: "description",
-        placeholder: "Production"
-      }
-    ], w = (t) => {
-      n.value = t, v.show();
-    }, p = () => {
-      v.hide(), n.value = -1;
-    }, N = () => {
-      n.value < 0 || (l.eventBus.emit("server:delete:server", { index: n.value }), p());
-    }, { execute: b } = O({ delay: 328, maxWait: 1e3 }), U = (t, e, a) => b(
-      `${t}-${e}`,
-      () => l.eventBus.emit("server:update:server", {
-        index: t,
-        server: { [e]: a }
-      })
-    ), C = (t, e, a) => b(
-      `${t}-${e}`,
-      () => l.eventBus.emit("server:update:variables", {
-        index: t,
-        key: e,
-        value: a
-      })
-    ), D = () => l.eventBus.emit("server:add:server"), h = (t, e = 0) => t?.description || `Server ${e + 1}`;
-    return (t, e) => (c(), u(S, null, [
-      r("div", Y, [
-        e[1] || (e[1] = r("div", { class: "flex flex-col gap-2" }, [
-          r("h3", { class: "font-bold" }, "Servers"),
-          r("p", { class: "text-sm" }, [
-            g(" Add different base URLs for your API. You can use "),
-            r("code", { class: "font-code text-c-2" }, "{variables}"),
-            g(" for dynamic parts. ")
-          ])
-        ], -1)),
-        r("div", q, [
-          (c(!0), u(S, null, I($.value, (a, d) => (c(), u("div", {
-            key: d,
-            class: "rounded-lg border"
-          }, [
-            r("div", G, [
-              a.description ? (c(), y(s(z), {
-                key: 0,
-                class: "self-center",
-                value: a.description
-              }, null, 8, ["value"])) : (c(), u("span", H, T(h(a, d)), 1)),
-              o(s(k), {
-                class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
-                "data-testid": "delete-server-button",
-                variant: "ghost",
-                onClick: (i) => w(d)
-              }, {
-                default: f(() => [
-                  o(s(R), { class: "size-3.5" })
-                ]),
-                _: 1
-              }, 8, ["onClick"])
-            ]),
-            r("div", J, [
-              o(F, {
-                data: a,
-                environment: t.environment,
-                onUpdate: (i, m) => U(d, i, m),
-                options: B
-              }, null, 8, ["data", "environment", "onUpdate"]),
-              a.variables ? (c(), y(s(W), {
-                key: 0,
-                variables: a.variables,
-                "onUpdate:variable": (i, m) => C(d, i, m)
-              }, null, 8, ["variables", "onUpdate:variable"])) : V("", !0)
-            ])
-          ]))), 128))
-        ]),
-        r("div", K, [
-          o(s(k), {
-            class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
-            size: "sm",
-            variant: "ghost",
-            onClick: D
-          }, {
-            default: f(() => [
-              o(s(j)),
-              e[0] || (e[0] = r("span", null, "Add Server", -1))
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      o(s(L), {
-        size: "xxs",
-        state: s(v),
-        title: `Delete ${h(_.value, n.value)}`
-      }, {
-        default: f(() => [
-          o(E, {
-            variableName: "Server",
-            warningMessage: "Are you sure you want to delete this server? This action cannot be undone.",
-            onClose: p,
-            onDelete: N
-          })
-        ]),
-        _: 1
-      }, 8, ["state", "title"])
-    ], 64));
-  }
-});
+import f from "./Servers.vue.js";
 export {
-  se as default
+  f as default
 };

package/dist/v2/features/collection/components/Settings.vue.js

@@ -1,4 +1,60 @@
-import f from "./Settings.vue2.js";
+import { defineComponent as u, createBlock as t, openBlock as a, unref as r } from "vue";
+import { useRouter as i } from "vue-router";
+import p from "../../settings/DocumentSettings.vue.js";
+import h from "../../settings/CollectionSettings.vue.js";
+const y = /* @__PURE__ */ u({
+  __name: "Settings",
+  props: {
+    documentSlug: {},
+    document: {},
+    eventBus: {},
+    layout: {},
+    path: {},
+    method: {},
+    exampleName: {},
+    environment: {},
+    workspaceStore: {},
+    activeWorkspace: {},
+    plugins: {},
+    collectionType: {}
+  },
+  setup(o) {
+    const c = (e) => {
+      o.eventBus.emit("document:update:watch-mode", e);
+    }, n = (e) => {
+      o.eventBus.emit("workspace:update:theme", e);
+    }, m = (e) => {
+      o.eventBus.emit("workspace:update:active-proxy", e);
+    }, d = (e) => {
+      o.eventBus.emit("workspace:update:color-mode", e);
+    }, l = i(), s = () => {
+      o.workspaceStore.deleteDocument(o.documentSlug), l.push({
+        name: "workspace.environment",
+        params: {
+          workspaceSlug: o.activeWorkspace.id
+        }
+      });
+    };
+    return (e, k) => e.collectionType === "document" ? (a(), t(r(p), {
+      key: 0,
+      documentUrl: e.document?.["x-scalar-original-source-url"],
+      isDraftDocument: e.documentSlug === "drafts",
+      title: e.document?.info.title ?? "",
+      watchMode: e.document?.["x-scalar-watch-mode"] ?? !0,
+      "onDelete:document": s,
+      "onUpdate:watchMode": c
+    }, null, 8, ["documentUrl", "isDraftDocument", "title", "watchMode"])) : (a(), t(r(h), {
+      key: 1,
+      activeProxyUrl: e.workspaceStore.workspace["x-scalar-active-proxy"],
+      activeThemeId: e.workspaceStore.workspace["x-scalar-theme"] ?? "default",
+      colorMode: e.workspaceStore.workspace["x-scalar-color-mode"] ?? "system",
+      customProxyUrl: e.workspaceStore.config["x-scalar-reference-config"].settings.proxyUrl,
+      "onUpdate:colorMode": d,
+      "onUpdate:proxyUrl": m,
+      "onUpdate:themeId": n
+    }, null, 8, ["activeProxyUrl", "activeThemeId", "colorMode", "customProxyUrl"]));
+  }
+});
 export {
-  f as default
+  y as default
 };

package/dist/v2/features/collection/components/Settings.vue2.js

@@ -1,59 +1,4 @@
-import { defineComponent as u, createBlock as t, openBlock as a, unref as r } from "vue";
-import { useRouter as i } from "vue-router";
-import p from "../../settings/DocumentSettings.vue.js";
-import h from "../../settings/CollectionSettings.vue.js";
-const y = /* @__PURE__ */ u({
-  __name: "Settings",
-  props: {
-    documentSlug: {},
-    document: {},
-    eventBus: {},
-    layout: {},
-    path: {},
-    method: {},
-    exampleName: {},
-    environment: {},
-    workspaceStore: {},
-    activeWorkspace: {},
-    collectionType: {}
-  },
-  setup(o) {
-    const c = (e) => {
-      o.eventBus.emit("document:update:watch-mode", e);
-    }, n = (e) => {
-      o.eventBus.emit("workspace:update:theme", e);
-    }, m = (e) => {
-      o.eventBus.emit("workspace:update:active-proxy", e);
-    }, d = (e) => {
-      o.eventBus.emit("workspace:update:color-mode", e);
-    }, l = i(), s = () => {
-      o.workspaceStore.deleteDocument(o.documentSlug), l.push({
-        name: "workspace.environment",
-        params: {
-          workspaceSlug: o.activeWorkspace.id
-        }
-      });
-    };
-    return (e, k) => e.collectionType === "document" ? (a(), t(r(p), {
-      key: 0,
-      documentUrl: e.document?.["x-scalar-original-source-url"],
-      isDraftDocument: e.documentSlug === "drafts",
-      title: e.document?.info.title ?? "",
-      watchMode: e.document?.["x-scalar-watch-mode"] ?? !0,
-      "onDelete:document": s,
-      "onUpdate:watchMode": c
-    }, null, 8, ["documentUrl", "isDraftDocument", "title", "watchMode"])) : (a(), t(r(h), {
-      key: 1,
-      activeProxyUrl: e.workspaceStore.workspace["x-scalar-active-proxy"],
-      activeThemeId: e.workspaceStore.workspace["x-scalar-theme"] ?? "default",
-      colorMode: e.workspaceStore.workspace["x-scalar-color-mode"] ?? "system",
-      customProxyUrl: e.workspaceStore.config["x-scalar-reference-config"].settings.proxyUrl,
-      "onUpdate:colorMode": d,
-      "onUpdate:proxyUrl": m,
-      "onUpdate:themeId": n
-    }, null, 8, ["activeProxyUrl", "activeThemeId", "colorMode", "customProxyUrl"]));
-  }
-});
+import f from "./Settings.vue.js";
 export {
-  y as default
+  f as default
 };

package/dist/v2/features/command-palette/components/CommandPaletteExample.vue.d.ts

@@ -16,12 +16,20 @@ import type { WorkspaceStore } from '@scalar/workspace-store/client';
 declare const _default: import("vue").DefineComponent<{
     /** The workspace store for accessing documents and operations */
     workspaceStore: WorkspaceStore;
+    /** Document id to create the example for */
+    documentId?: string;
+    /** Preselected path and method to create the example for */
+    operationId?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
     back: (keyboardEvent: KeyboardEvent) => any;
 }, string, import("vue").PublicProps, Readonly<{
     /** The workspace store for accessing documents and operations */
     workspaceStore: WorkspaceStore;
+    /** Document id to create the example for */
+    documentId?: string;
+    /** Preselected path and method to create the example for */
+    operationId?: string;
 }> & Readonly<{
     onClose?: (() => any) | undefined;
     onBack?: ((keyboardEvent: KeyboardEvent) => any) | undefined;

package/dist/v2/features/command-palette/components/CommandPaletteExample.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteExample.vue"],"names":[],"mappings":"AAoRA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAcpE;;;;;;;;;;;;;GAaG;;IAGD,iEAAiE;oBACjD,cAAc;;;;;IAD9B,iEAAiE;oBACjD,cAAc;;;;;AAHhC,wBAubC"}
+{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteExample.vue"],"names":[],"mappings":"AAoSA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAcpE;;;;;;;;;;;;;GAaG;;IAGD,iEAAiE;oBACjD,cAAc;IAC9B,4CAA4C;iBAC/B,MAAM;IACnB,4DAA4D;kBAC9C,MAAM;;;;;IALpB,iEAAiE;oBACjD,cAAc;IAC9B,4CAA4C;iBAC/B,MAAM;IACnB,4DAA4D;kBAC9C,MAAM;;;;;AAPtB,wBAucC"}

package/dist/v2/features/command-palette/components/CommandPaletteExample.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as O, ref as v, computed as m, watch as j, createBlock as f, openBlock as u, withCtx as n, createVNode as s, createTextVNode as z, createElementVNode as i, unref as c, normalizeClass as U, toDisplayString as h, createElementBlock as x, createCommentVNode as I, Fragment as L, renderList as R } from "vue";
-import { ScalarListbox as T, ScalarButton as C, ScalarIcon as y, ScalarDropdown as A, ScalarDropdownItem as F } from "@scalar/components";
+import { defineComponent as B, ref as h, computed as p, watch as O, createBlock as x, openBlock as u, withCtx as n, createVNode as i, createTextVNode as j, createElementVNode as m, unref as c, normalizeClass as z, toDisplayString as b, createElementBlock as w, createCommentVNode as U, Fragment as L, renderList as R } from "vue";
+import { ScalarListbox as T, ScalarButton as _, ScalarIcon as I, ScalarDropdown as A, ScalarDropdownItem as F } from "@scalar/components";
 import { useRouter as P } from "vue-router";
-import D from "../../../blocks/operation-code-sample/components/HttpMethod.vue.js";
+import y from "../../../blocks/operation-code-sample/components/HttpMethod.vue.js";
 import q from "./CommandActionForm.vue.js";
 import G from "./CommandActionInput.vue.js";
 const H = { class: "flex flex-1 gap-1" }, J = {
@@ -12,84 +12,92 @@ const H = { class: "flex flex-1 gap-1" }, J = {
   class: "text-c-3"
 }, M = { class: "flex items-center gap-2" }, Q = { class: "custom-scroll max-h-40" }, W = { class: "truncate" }, X = {
   name: "CommandPaletteExample"
-}, oe = /* @__PURE__ */ O({
+}, oe = /* @__PURE__ */ B({
   ...X,
   props: {
-    workspaceStore: {}
+    workspaceStore: {},
+    documentId: {},
+    operationId: {}
   },
   emits: ["close", "back"],
-  setup(b, { emit: V }) {
-    const _ = V, N = P(), d = v(""), w = m(() => d.value.trim()), k = m(
-      () => Object.entries(b.workspaceStore.workspace.documents).map(
-        ([t, a]) => ({
-          id: t,
-          label: a.info.title || t
+  setup(s, { emit: D }) {
+    const k = D, V = P(), v = h(""), g = p(() => v.value.trim()), f = p(
+      () => Object.entries(s.workspaceStore.workspace.documents).map(
+        ([e, a]) => ({
+          id: e,
+          label: a.info.title || e
         })
       )
-    ), l = v(
-      k.value[0] ?? void 0
-    ), o = v(void 0), g = (t) => {
+    ), l = h(
+      s.documentId ? f.value.find((e) => e.id === s.documentId) : f.value[0] ?? void 0
+    ), S = (e) => {
       const a = [];
-      for (const e of t)
-        e.type === "operation" && a.push(e), "children" in e && e.children && a.push(...g(e.children));
+      for (const t of e)
+        t.type === "operation" && a.push(t), "children" in t && t.children && a.push(...S(t.children));
       return a;
-    }, p = m(() => {
+    }, r = p(() => {
       if (!l.value)
         return [];
-      const t = b.workspaceStore.workspace.documents[l.value.id];
-      if (!t || !t["x-scalar-navigation"])
+      const e = s.workspaceStore.workspace.documents[l.value.id];
+      if (!e || !e["x-scalar-navigation"])
         return [];
-      const a = t["x-scalar-navigation"];
-      return g(a.children ?? []).map((r) => ({
-        id: r.id,
-        label: `${r.method.toUpperCase()} ${r.path}`,
-        path: r.path,
-        method: r.method
+      const a = e["x-scalar-navigation"];
+      return S(a.children ?? []).map((d) => ({
+        id: d.id,
+        label: `${d.method.toUpperCase()} ${d.path}`,
+        path: d.path,
+        method: d.method
       }));
-    });
-    j(
+    }), o = h(
+      s.operationId ? r.value.find(
+        (e) => e.id === s.operationId
+      ) : void 0
+    );
+    O(
       l,
       () => {
-        o.value = p.value[0] ?? void 0;
+        o.value = s.operationId ? r.value.find(
+          (e) => e.id === s.operationId
+        ) : r.value[0] ?? void 0;
       },
       { immediate: !0 }
     );
-    const E = (t) => {
-      t && (o.value = t);
-    }, S = m(() => !w.value || !l.value || !o.value), $ = () => {
-      S.value || !l.value || !o.value || (N.push({
+    const N = (e) => {
+      e && (o.value = e);
+    }, C = p(() => !g.value || !l.value || !o.value), E = () => {
+      C.value || !l.value || !o.value || (V.push({
         name: "example",
         params: {
           documentSlug: l.value.id,
           pathEncoded: encodeURIComponent(o.value.path),
           method: o.value.method,
-          exampleName: w.value
+          exampleName: g.value
         }
-      }), _("close"));
-    }, B = (t) => {
-      _("back", t);
+      }), k("close"));
+    }, $ = (e) => {
+      k("back", e);
     };
-    return (t, a) => (u(), f(q, {
-      disabled: S.value,
-      onSubmit: $
+    return (e, a) => (u(), x(q, {
+      disabled: C.value,
+      onSubmit: E
     }, {
       options: n(() => [
-        i("div", H, [
-          s(c(T), {
+        m("div", H, [
+          i(c(T), {
             modelValue: l.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (e) => l.value = e),
-            options: k.value
+            "onUpdate:modelValue": a[1] || (a[1] = (t) => l.value = t),
+            options: f.value
           }, {
             default: n(() => [
-              s(c(C), {
+              i(c(_), {
                 class: "hover:bg-b-2 max-h-8 w-[150px] min-w-[150px] justify-between gap-1 p-2 text-xs",
                 variant: "outlined"
               }, {
                 default: n(() => [
-                  i("span", {
-                    class: U(l.value ? "text-c-1 truncate" : "text-c-3")
-                  }, h(l.value ? l.value.label : "Select Document"), 3),
-                  s(c(y), {
+                  m("span", {
+                    class: z(l.value ? "text-c-1 truncate" : "text-c-3")
+                  }, b(l.value ? l.value.label : "Select Document"), 3),
+                  i(c(I), {
                     class: "text-c-3",
                     icon: "ChevronDown",
                     size: "md"
@@ -100,21 +108,21 @@ const H = { class: "flex flex-1 gap-1" }, J = {
             ]),
             _: 1
           }, 8, ["modelValue", "options"]),
-          s(c(A), {
+          i(c(A), {
             placement: "bottom",
             resize: ""
           }, {
             items: n(() => [
-              i("div", Q, [
-                (u(!0), x(L, null, R(p.value, (e) => (u(), f(c(F), {
-                  key: e.id,
+              m("div", Q, [
+                (u(!0), w(L, null, R(r.value, (t) => (u(), x(c(F), {
+                  key: t.id,
                   class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
-                  onClick: (r) => E(e)
+                  onClick: (d) => N(t)
                 }, {
                   default: n(() => [
-                    i("span", W, h(e.path), 1),
-                    s(D, {
-                      method: e.method
+                    m("span", W, b(t.path), 1),
+                    i(y, {
+                      method: t.method
                     }, null, 8, ["method"])
                   ]),
                   _: 2
@@ -122,19 +130,19 @@ const H = { class: "flex flex-1 gap-1" }, J = {
               ])
             ]),
             default: n(() => [
-              s(c(C), {
+              i(c(_), {
                 class: "hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs",
-                disabled: !p.value.length,
+                disabled: !r.value.length,
                 variant: "outlined"
               }, {
                 default: n(() => [
-                  o.value ? (u(), x("span", J, h(o.value.path), 1)) : (u(), x("span", K, " Select Operation ")),
-                  i("div", M, [
-                    o.value ? (u(), f(D, {
+                  o.value ? (u(), w("span", J, b(o.value.path), 1)) : (u(), w("span", K, " Select Operation ")),
+                  m("div", M, [
+                    o.value ? (u(), x(y, {
                       key: 0,
                       method: o.value.method
-                    }, null, 8, ["method"])) : I("", !0),
-                    s(c(y), {
+                    }, null, 8, ["method"])) : U("", !0),
+                    i(c(I), {
                       class: "text-c-3",
                       icon: "ChevronDown",
                       size: "md"
@@ -149,15 +157,15 @@ const H = { class: "flex flex-1 gap-1" }, J = {
         ])
       ]),
       submit: n(() => [...a[2] || (a[2] = [
-        z("Create Example", -1)
+        j("Create Example", -1)
       ])]),
       default: n(() => [
-        s(G, {
-          modelValue: d.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (e) => d.value = e),
+        i(G, {
+          modelValue: v.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (t) => v.value = t),
           label: "Example Name",
           placeholder: "Example Name",
-          onDelete: B
+          onDelete: $
         }, null, 8, ["modelValue"])
       ]),
       _: 1