@scalar/api-client 2.11.0 → 2.12.0

package/dist/v2/features/global-cookies/components/CookiesTable.vue2.js

@@ -1,156 +1,189 @@
-import { defineComponent as w, computed as D, createBlock as v, openBlock as f, unref as e, withCtx as o, createVNode as a, createElementBlock as U, createTextVNode as d, Fragment as x, renderList as y } from "vue";
-import { ScalarButton as R } from "@scalar/components";
-import { ScalarIconTrash as T } from "@scalar/icons";
-import B from "../../../../components/DataTable/DataTable.vue.js";
-import c from "../../../../components/DataTable/DataTableRow.vue.js";
-import i from "../../../../components/DataTable/DataTableHeader.vue.js";
-import $ from "../../../../components/DataTable/DataTableCheckbox.vue.js";
-import p from "../../../../components/DataTable/DataTableCell.vue.js";
-import b from "../../../../components/CodeInput/CodeInput.vue.js";
-const j = /* @__PURE__ */ w({
+import { defineComponent as y, computed as T, createBlock as p, openBlock as c, unref as a, withCtx as n, createVNode as o, createElementBlock as D, createTextVNode as s, Fragment as h, renderList as B, createCommentVNode as N } from "vue";
+import { ScalarButton as U } from "@scalar/components";
+import { ScalarIconTrash as I } from "@scalar/icons";
+import $ from "../../../components/data-table/DataTable.vue.js";
+import b from "../../../components/data-table/DataTableRow.vue.js";
+import m from "../../../components/data-table/DataTableHeader.vue.js";
+import R from "../../../components/data-table/DataTableCheckbox.vue.js";
+import f from "../../../components/data-table/DataTableCell.vue.js";
+import k from "../../../components/code-input/CodeInput.vue.js";
+const M = /* @__PURE__ */ y({
   __name: "CookiesTable",
   props: {
-    data: {},
-    environment: {},
-    envVariables: {}
+    cookies: {},
+    eventBus: {},
+    collectionType: {}
   },
-  emits: ["addRow", "updateRow", "deleteRow"],
-  setup(m, { emit: C }) {
-    const V = C, g = D(() => {
-      const l = m.data.at(-1);
-      return !l || l.name !== "" || l.value !== "" || l.domain !== "" ? [...m.data, { name: "", value: "", domain: "", isDisabled: !0 }] : m.data;
-    }), u = ({
-      index: l,
-      payload: n
-    }) => {
-      if (l >= m.data.length) {
-        V("addRow", n);
-        return;
+  setup(u) {
+    const v = ["32px", "1fr", "1fr", "1fr", "36px"], V = T(() => {
+      const d = u.cookies.map((t) => ({
+        name: t.name,
+        value: t.value,
+        domain: t.domain ?? "",
+        isDisabled: t.isDisabled ?? !1
+      })), l = u.cookies.at(-1), e = l && (l.name !== "" || l.value !== "" || l.domain !== "");
+      return !l || e ? [
+        ...d,
+        { name: "", value: "", domain: "", isDisabled: !0 }
+      ] : d;
+    }), r = (d, l, e, t, i) => {
+      const g = i >= u.cookies.length;
+      if (!(!d && g)) {
+        if (i >= u.cookies.length) {
+          u.eventBus.emit("cookie:upsert:cookie", {
+            payload: { name: d, value: l, domain: e, isDisabled: !1 },
+            collectionType: u.collectionType
+          });
+          return;
+        }
+        u.eventBus.emit("cookie:upsert:cookie", {
+          payload: { name: d, value: l, domain: e, isDisabled: t },
+          collectionType: u.collectionType,
+          index: i
+        });
       }
-      V("updateRow", l, n);
-    }, k = ["32px", "1fr", "1fr", "1fr", "36px"];
-    return (l, n) => (f(), v(e(B), {
+    }, C = (d) => u.eventBus.emit("cookie:delete:cookie", {
+      cookieName: u.cookies[d]?.name ?? "",
+      index: d,
+      collectionType: u.collectionType
+    });
+    return (d, l) => (c(), p(a($), {
       class: "group/table data-table h-min flex-1 rounded border",
-      columns: k
+      columns: v
     }, {
-      default: o(() => [
-        a(e(c), { class: "sr-only !block" }, {
-          default: o(() => [
-            a(e(i), null, {
-              default: o(() => [...n[0] || (n[0] = [
-                d("Enabled", -1)
+      default: n(() => [
+        o(a(b), { class: "sr-only !block" }, {
+          default: n(() => [
+            o(a(m), null, {
+              default: n(() => [...l[0] || (l[0] = [
+                s("Enabled", -1)
               ])]),
               _: 1
             }),
-            a(e(i), null, {
-              default: o(() => [...n[1] || (n[1] = [
-                d("Name", -1)
+            o(a(m), null, {
+              default: n(() => [...l[1] || (l[1] = [
+                s("Name", -1)
               ])]),
               _: 1
             }),
-            a(e(i), null, {
-              default: o(() => [...n[2] || (n[2] = [
-                d("Value", -1)
+            o(a(m), null, {
+              default: n(() => [...l[2] || (l[2] = [
+                s("Value", -1)
               ])]),
               _: 1
             }),
-            a(e(i), null, {
-              default: o(() => [...n[3] || (n[3] = [
-                d("Domain", -1)
+            o(a(m), null, {
+              default: n(() => [...l[3] || (l[3] = [
+                s("Domain", -1)
               ])]),
               _: 1
             }),
-            a(e(i), null, {
-              default: o(() => [...n[4] || (n[4] = [
-                d("Actions", -1)
+            o(a(m), null, {
+              default: n(() => [...l[4] || (l[4] = [
+                s("Actions", -1)
               ])]),
               _: 1
             })
           ]),
           _: 1
         }),
-        (f(!0), U(x, null, y(g.value, (s, r) => (f(), v(e(c), {
-          id: r,
-          key: r,
+        (c(!0), D(h, null, B(V.value, (e, t) => (c(), p(a(b), {
+          key: t,
           class: "group/row"
         }, {
-          default: o(() => [
-            a(e($), {
+          default: n(() => [
+            o(a(R), {
               class: "!border-r",
-              modelValue: !s.isDisabled,
-              "onUpdate:modelValue": (t) => u({ index: r, payload: { isDisabled: !t } })
+              modelValue: !e.isDisabled,
+              "onUpdate:modelValue": (i) => r(e.name, e.value, e.domain, !i, t)
             }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            a(e(p), null, {
-              default: o(() => [
-                a(e(b), {
+            o(a(f), null, {
+              default: n(() => [
+                o(a(k), {
                   "aria-label": "Cookie Name",
                   disableCloseBrackets: "",
                   disableTabIndent: "",
-                  envVariables: l.envVariables,
-                  environment: l.environment,
+                  environment: void 0,
                   lineWrapping: "",
-                  modelValue: s.name,
+                  modelValue: e.name,
                   placeholder: "Name",
-                  "onUpdate:modelValue": (t) => u({ index: r, payload: { name: t } })
-                }, null, 8, ["envVariables", "environment", "modelValue", "onUpdate:modelValue"])
+                  "onUpdate:modelValue": (i) => r(
+                    i,
+                    e.value,
+                    e.domain,
+                    e.isDisabled,
+                    t
+                  )
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024),
-            a(e(p), null, {
-              default: o(() => [
-                a(e(b), {
+            o(a(f), null, {
+              default: n(() => [
+                o(a(k), {
                   "aria-label": "Cookie Value",
                   disableTabIndent: "",
-                  envVariables: l.envVariables,
-                  environment: l.environment,
+                  environment: void 0,
                   lineWrapping: "",
-                  modelValue: s.value,
+                  modelValue: e.value,
                   placeholder: "Value",
-                  "onUpdate:modelValue": (t) => u({ index: r, payload: { value: t } })
-                }, null, 8, ["envVariables", "environment", "modelValue", "onUpdate:modelValue"])
+                  "onUpdate:modelValue": (i) => r(
+                    e.name,
+                    i,
+                    e.domain,
+                    e.isDisabled,
+                    t
+                  )
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024),
-            a(e(p), null, {
-              default: o(() => [
-                a(e(b), {
+            o(a(f), null, {
+              default: n(() => [
+                o(a(k), {
                   "aria-label": "Cookie Domain",
                   disableCloseBrackets: "",
                   disableTabIndent: "",
-                  envVariables: l.envVariables,
-                  environment: l.environment,
+                  environment: void 0,
                   lineWrapping: "",
-                  modelValue: s.domain,
+                  modelValue: e.domain,
                   placeholder: "Domain",
-                  "onUpdate:modelValue": (t) => u({ index: r, payload: { domain: t } })
-                }, null, 8, ["envVariables", "environment", "modelValue", "onUpdate:modelValue"])
+                  "onUpdate:modelValue": (i) => r(
+                    e.name,
+                    e.value,
+                    i,
+                    e.isDisabled,
+                    t
+                  )
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024),
-            a(e(p), { class: "flex items-center justify-center" }, {
-              default: o(() => [
-                a(e(R), {
-                  class: "text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-hover/row:flex",
+            o(a(f), { class: "flex items-center justify-center" }, {
+              default: n(() => [
+                t < d.cookies.length ? (c(), p(a(U), {
+                  key: 0,
+                  class: "text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex",
                   size: "sm",
                   variant: "ghost",
-                  onClick: (t) => l.$emit("deleteRow", r)
+                  onClick: (i) => C(t)
                 }, {
-                  default: o(() => [
-                    a(e(T), { class: "size-3.5" })
+                  default: n(() => [
+                    o(a(I), { class: "size-3.5" })
                   ]),
                   _: 1
-                }, 8, ["onClick"])
+                }, 8, ["onClick"])) : N("", !0)
               ]),
               _: 2
             }, 1024)
           ]),
           _: 2
-        }, 1032, ["id"]))), 128))
+        }, 1024))), 128))
       ]),
       _: 1
     }));
   }
 });
 export {
-  j as default
+  M as default
 };

package/dist/v2/features/global-cookies/index.d.ts

@@ -1,2 +1,2 @@
-export { default as GlobalCookies } from './components/GlobalCookies.vue.js';
+export { default as CookiesTable } from './components/CookiesTable.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/global-cookies/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/global-cookies/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/global-cookies/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/v2/features/global-cookies/index.js

@@ -1,4 +1,4 @@
-import { default as e } from "./components/GlobalCookies.vue.js";
+import { default as a } from "./components/CookiesTable.vue.js";
 export {
-  e as GlobalCookies
+  a as CookiesTable
 };

package/dist/v2/features/modal/Modal.vue.d.ts

@@ -1,8 +1,6 @@
 import { type ModalState } from '@scalar/components';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
-import type { ActiveEntities } from '../../../v2/features/modal/helpers/create-api-client-modal.js';
 export type ModalProps = {
-    activeEntities: ActiveEntities;
     workspaceStore: WorkspaceStore;
     modalState: ModalState;
 };

package/dist/v2/features/modal/Modal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AA6RA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAapE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAA;AAIzF,MAAM,MAAM,UAAU,GAAG;IACvB,cAAc,EAAE,cAAc,CAAA;IAC9B,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;GAIG;;AACH,wBA6OC"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AAgRA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAYpE,MAAM,MAAM,UAAU,GAAG;IAEvB,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;GAIG;;AACH,wBAmLC"}

package/dist/v2/features/modal/Modal.vue.js

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

package/dist/v2/features/modal/Modal.vue2.js

@@ -1,44 +1,31 @@
-import { defineComponent as k, ref as m, useId as h, watch as b, nextTick as E, onBeforeMount as y, onBeforeUnmount as g, withDirectives as u, createElementBlock as T, openBlock as x, createElementVNode as o, unref as r, createVNode as l, withCtx as C, vShow as S } from "vue";
-import { addScalarClassesToHeadless as F, ScalarTeleportRoot as O } from "@scalar/components";
-import { useFocusTrap as B } from "@vueuse/integrations/useFocusTrap";
-import U from "../../components/TempReplaceMe.vue.js";
-import { useSidebarState as L } from "../../hooks/use-sidebar-state.js";
-import M from "../../components/sidebar/Sidebar.vue.js";
-const N = { class: "scalar scalar-app" }, W = { class: "scalar-container" }, _ = ["id"], $ = { class: "flex flex-1 flex-row" }, I = {}, j = /* @__PURE__ */ k({
-  ...I,
+import { defineComponent as m, ref as p, useId as u, watch as f, nextTick as v, onBeforeMount as w, onBeforeUnmount as k, withDirectives as _, createElementBlock as h, openBlock as S, createElementVNode as a, unref as c, createVNode as x, withCtx as y, vShow as E } from "vue";
+import { addScalarClassesToHeadless as C, ScalarTeleportRoot as T } from "@scalar/components";
+import { useFocusTrap as F } from "@vueuse/integrations/useFocusTrap";
+const B = { class: "scalar scalar-app" }, b = { class: "scalar-container" }, I = ["id"], L = {}, U = /* @__PURE__ */ m({
+  ...L,
   __name: "Modal",
   props: {
-    activeEntities: {},
     workspaceStore: {},
     modalState: {}
   },
-  setup(s) {
-    const n = m(null), d = h(), { activate: f, deactivate: w } = B(n, {
+  setup(o) {
+    const n = p(null), l = u(), { activate: i, deactivate: d } = F(n, {
       allowOutsideClick: !0,
-      fallbackFocus: `#${d}`
-    }), { sidebarState: v } = L({
-      workspaceStore: s.workspaceStore,
-      workspaceSlug: "default",
-      documentSlug: "",
-      exampleName: "",
-      method: "get",
-      path: ""
-    }), c = (e) => e.key === "Escape" && s.modalState.hide(), p = () => {
-      window.removeEventListener("keydown", c), document.documentElement.style.removeProperty("overflow"), w();
+      fallbackFocus: `#${l}`
+    }), s = (e) => e.key === "Escape" && o.modalState.hide(), r = () => {
+      window.removeEventListener("keydown", s), document.documentElement.style.removeProperty("overflow"), d();
     };
-    b(
-      () => s.modalState.open,
+    return f(
+      () => o.modalState.open,
       (e) => {
-        e ? (window.addEventListener("keydown", c), document.documentElement.style.overflow = "hidden", f({ checkCanFocusTrap: () => E() })) : p();
+        e ? (window.addEventListener("keydown", s), document.documentElement.style.overflow = "hidden", i({ checkCanFocusTrap: () => v() })) : r();
       }
-    ), y(() => F()), g(() => {
-      p();
-    });
-    const i = m(!0);
-    return (e, t) => u((x(), T("div", N, [
-      o("div", W, [
-        o("div", {
-          id: r(d),
+    ), w(() => C()), k(() => {
+      r();
+    }), (e, t) => _((S(), h("div", B, [
+      a("div", b, [
+        a("div", {
+          id: c(l),
           ref_key: "client",
           ref: n,
           "aria-label": "API Client",
@@ -47,43 +34,23 @@ const N = { class: "scalar scalar-app" }, W = { class: "scalar-container" }, _ =
           role: "dialog",
           tabindex: "-1"
         }, [
-          l(r(O), null, {
-            default: C(() => [
-              o("main", $, [
-                u(l(r(M), {
-                  isSidebarOpen: i.value,
-                  "onUpdate:isSidebarOpen": t[0] || (t[0] = (a) => i.value = a),
-                  sidebarState: r(v),
-                  layout: "modal",
-                  sidebarWidth: e.workspaceStore.workspace["x-scalar-sidebar-width"] ?? 288,
-                  "onUpdate:sidebarWidth": t[1] || (t[1] = (a) => e.workspaceStore.update("x-scalar-sidebar-width", a))
-                }, null, 8, ["isSidebarOpen", "sidebarState", "sidebarWidth"]), [
-                  [S, i.value]
-                ]),
-                l(U, {
-                  documentSlug: e.activeEntities.documentSlug,
-                  example: e.activeEntities.example,
-                  layout: "modal",
-                  method: e.activeEntities.method,
-                  path: e.activeEntities.path,
-                  workspaceStore: e.workspaceStore,
-                  workspaceSlug: "default"
-                }, null, 8, ["documentSlug", "example", "method", "path", "workspaceStore"])
-              ])
-            ]),
+          x(c(T), null, {
+            default: y(() => [...t[1] || (t[1] = [
+              a("main", { class: "flex flex-1 flex-row" }, " Insert operation page here ", -1)
+            ])]),
             _: 1
           })
-        ], 8, _),
-        o("div", {
+        ], 8, I),
+        a("div", {
           class: "scalar-app-exit",
-          onClick: t[2] || (t[2] = (a) => e.modalState.hide())
+          onClick: t[0] || (t[0] = (g) => e.modalState.hide())
         })
       ])
     ], 512)), [
-      [S, e.modalState.open]
+      [E, e.modalState.open]
     ]);
   }
 });
 export {
-  j as default
+  U as default
 };

package/dist/v2/features/modal/helpers/create-api-client-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-api-client-modal.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/modal/helpers/create-api-client-modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAKpE,MAAM,MAAM,2BAA2B,GAAG;IACxC,2CAA2C;IAC3C,EAAE,EAAE,WAAW,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;CAC/B,CAAA;AAED,2DAA2D;AAC3D,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;AAEnD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,2CAAkD,2BAA2B;IA6C9G,+DAA+D;;IAE/D,mEAAmE;qBAClD,YAAY;IAM7B,0CAA0C;;IAE1C,wDAAwD;qBAdlC,YAAY;;;;;;;;;;;IAgBlC,2CAA2C;;;;;;CAG9C,CAAA"}
+{"version":3,"file":"create-api-client-modal.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/modal/helpers/create-api-client-modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAKpE,MAAM,MAAM,2BAA2B,GAAG;IACxC,2CAA2C;IAC3C,EAAE,EAAE,WAAW,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;CAC/B,CAAA;AAED,2DAA2D;AAC3D,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;AAEnD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,2CAAkD,2BAA2B;IA4C9G,+DAA+D;;IAE/D,mEAAmE;qBAClD,YAAY;IAM7B,0CAA0C;;IAE1C,wDAAwD;qBAdlC,YAAY;;;;;;;;;;;IAgBlC,2CAA2C;;;;;;CAG9C,CAAA"}

package/dist/v2/features/modal/helpers/create-api-client-modal.js

@@ -1,19 +1,18 @@
 import { useModal as d } from "@scalar/components";
 import { reactive as p, createApp as u } from "vue";
 import m from "../Modal.vue.js";
-const M = ({ el: l, workspaceStore: o, mountOnInitialize: s = !0 }) => {
+const M = ({ el: n, workspaceStore: o, mountOnInitialize: l = !0 }) => {
   const c = {
     path: "default",
     method: "default",
     example: "default",
     documentSlug: o.workspace["x-scalar-active-document"] || "default"
-  }, r = p(c), t = d(), a = u(m, {
+  }, s = p(c), t = d(), a = u(m, {
     workspaceStore: o,
-    activeEntities: r,
     modalState: t
   });
   a.config.idPrefix = "scalar-client";
-  const i = (e = l) => {
+  const r = (e = n) => {
     if (!e) {
       console.error(
         "[@scalar/api-client] Could not create the API client Modal.",
@@ -24,19 +23,19 @@ const M = ({ el: l, workspaceStore: o, mountOnInitialize: s = !0 }) => {
     }
     a.mount(e);
   };
-  s && i();
-  const n = (e) => Object.assign(r, c, e);
+  l && r();
+  const i = (e) => Object.assign(s, c, e);
   return {
     /** The vue app instance for the modal, be careful with this */
     app: a,
     /** Open the API client modal and optionally route to an example */
     open: (e) => {
-      t.open = !0, e && n(e);
+      t.open = !0, e && i(e);
     },
     /** Mount the client to a given element */
-    mount: i,
+    mount: r,
     /** "Route" to the specified path, method and example */
-    route: n,
+    route: i,
     /** Controls the visibility of the modal */
     modalState: t
   };

package/dist/v2/features/operation/Operation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AAkHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAGlE;;;;;;;GAOG;;AACH,wBAkKC"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AAgHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAIlE;;;;;;;GAOG;;AACH,wBAkKC"}

package/dist/v2/features/operation/Operation.vue.js

@@ -1,14 +1,16 @@
-import { defineComponent as d, computed as u, createBlock as v, createElementBlock as y, openBlock as s, unref as r, createElementVNode as h } from "vue";
+import { defineComponent as v, computed as r, createBlock as h, createElementBlock as y, openBlock as s, unref as a, createElementVNode as p } from "vue";
 import { getResolvedRef as f } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { createStoreEvents as p } from "../../../store/events.js";
-import S from "../../blocks/operation-block/OperationBlock.vue.js";
-const B = {
+import { useRouter as S } from "vue-router";
+import { getSecurityRequirements as k } from "./helpers/get-security-requirements.js";
+import B from "../../blocks/operation-block/OperationBlock.vue.js";
+const R = {
   key: 1,
   class: "flex h-full w-full items-center justify-center"
-}, N = {}, R = /* @__PURE__ */ d({
-  ...N,
+}, g = {}, P = /* @__PURE__ */ v({
+  ...g,
   __name: "Operation",
   props: {
+    documentSlug: {},
     document: {},
     eventBus: {},
     layout: {},
@@ -16,45 +18,50 @@ const B = {
     method: {},
     exampleName: {},
     environment: {},
-    workspaceStore: {}
+    workspaceStore: {},
+    activeWorkspace: {}
   },
   setup(e) {
-    const n = u(
+    const o = r(
       () => e.path && e.method ? f(e.document?.paths?.[e.path]?.[e.method]) : void 0
-    ), a = u(
-      () => (n.value?.security?.length ?? 0) > 0 && JSON.stringify(n.value?.security) !== "[{}]"
-    ), i = u(() => !n.value || !e.document ? [] : a.value ? n.value.security ?? [] : JSON.stringify(n.value?.security) === "[{}]" ? [...e.document.security ?? [], {}] : e.document.security ?? []), l = u(() => a.value ? n.value?.["x-scalar-selected-security"] : e.document?.["x-scalar-selected-security"]), c = u(() => a.value ? {
+    ), u = r(
+      () => k(e.document, o.value)
+    ), m = r(
+      () => e.document?.servers?.find(
+        ({ url: t }) => t === e.document?.["x-scalar-selected-server"]
+      ) ?? null
+    ), c = r(() => e.document?.["x-scalar-set-operation-security"] ? o.value?.["x-scalar-selected-security"] : e.document?.["x-scalar-selected-security"]), l = r(() => e.document?.["x-scalar-set-operation-security"] ? {
       type: "operation",
       path: e.path ?? "",
       method: e.method ?? "get"
     } : {
       type: "document"
-    }), m = "2.11.0";
-    return (t, o) => t.path && t.method && t.exampleName && n.value ? (s(), v(r(S), {
+    }), i = "2.12.0", d = S();
+    return (t, n) => t.path && t.method && t.exampleName && o.value ? (s(), h(a(B), {
       key: 0,
-      appVersion: r(m),
-      authMeta: c.value,
+      appVersion: a(i),
+      authMeta: l.value,
       environment: t.environment,
       eventBus: t.eventBus,
-      events: r(p)(),
       exampleKey: t.exampleName,
       history: [],
       layout: t.layout,
       method: t.method,
-      operation: n.value,
+      operation: o.value,
       path: t.path,
       plugins: [],
-      security: i.value,
+      security: u.value,
       securitySchemes: t.document?.components?.securitySchemes ?? {},
-      selectedSecurity: l.value,
-      server: void 0,
-      servers: [],
-      totalPerformedRequests: 0
-    }, null, 8, ["appVersion", "authMeta", "environment", "eventBus", "events", "exampleKey", "layout", "method", "operation", "path", "security", "securitySchemes", "selectedSecurity"])) : (s(), y("div", B, [...o[0] || (o[0] = [
-      h("span", { class: "text-c-3" }, "Select an operation to view details", -1)
+      selectedSecurity: c.value,
+      server: m.value,
+      servers: t.document?.servers ?? [],
+      totalPerformedRequests: 0,
+      "onUpdate:servers": n[0] || (n[0] = (N) => a(d).push({ name: "document.servers" }))
+    }, null, 8, ["appVersion", "authMeta", "environment", "eventBus", "exampleKey", "layout", "method", "operation", "path", "security", "securitySchemes", "selectedSecurity", "server", "servers"])) : (s(), y("div", R, [...n[1] || (n[1] = [
+      p("span", { class: "text-c-3" }, "Select an operation to view details", -1)
     ])]));
   }
 });
 export {
-  R as default
+  P as default
 };

package/dist/v2/features/operation/helpers/get-security-requirements.d.ts

@@ -0,0 +1,12 @@
+import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation';
+/**
+ * Compute what the security requirements should be for a request
+ *
+ * If an operation has only one optional security requirement,
+ * use the document security and ensure it includes an optional object.
+ *
+ * Otherwise we generally go operation -> document security.
+ */
+export declare const getSecurityRequirements: (document: OpenApiDocument | null, operation?: OperationObject) => import("@scalar/workspace-store/schemas/v3.1/strict/security-requirement").SecurityRequirementObject[];
+//# sourceMappingURL=get-security-requirements.d.ts.map

package/dist/v2/features/operation/helpers/get-security-requirements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-security-requirements.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/operation/helpers/get-security-requirements.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AACnG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAE5F;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAAI,UAAU,eAAe,GAAG,IAAI,EAAE,YAAY,eAAe,2GAYpG,CAAA"}

package/dist/v2/features/operation/helpers/get-security-requirements.js

@@ -0,0 +1,4 @@
+const s = (i, r) => i ? JSON.stringify(r?.security) === "[{}]" && i.security?.length ? !!i.security.find((t) => JSON.stringify(t) === "{}") ? i.security : [...i.security, {}] : r?.security ?? i.security ?? [] : [];
+export {
+  s as getSecurityRequirements
+};

package/dist/v2/features/search/components/SearchButton.vue.d.ts

@@ -0,0 +1,12 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { WorkspaceDocument } from '@scalar/workspace-store/schemas';
+type __VLS_Props = {
+    forceIcon?: boolean;
+    searchHotKey?: string;
+    hideModels?: boolean;
+    documents: WorkspaceDocument[];
+    eventBus: WorkspaceEventBus;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=SearchButton.vue.d.ts.map