@scalar/api-client 2.17.4 → 2.17.6

package/dist/v2/blocks/operation-block/helpers/get-example.js

@@ -1,15 +1,15 @@
-import { getResolvedRef as l } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { getResolvedRef as f } from "@scalar/workspace-store/helpers/get-resolved-ref";
 import { getResolvedRefDeep as s } from "../../operation-code-sample/helpers/get-resolved-ref-deep.js";
-const d = (n, o, u) => {
+const r = (n, c, m) => {
   if ("content" in n) {
-    const t = n.content?.[u ?? Object.keys(n.content)[0] ?? ""], c = t?.examples ?? {}, f = o ?? Object.keys(c)[0] ?? "", i = s(c[f]);
-    return typeof i < "u" ? i : typeof o > "u" && t?.example ? { value: s(t.example) } : void 0;
+    const t = n.content?.[m ?? Object.keys(n.content)[0] ?? ""], o = t?.examples ?? {}, i = c ?? Object.keys(o)[0] ?? "", l = s(o[i]);
+    return typeof l < "u" ? l : !c && t?.example ? { value: s(t.example) } : void 0;
   }
   if ("examples" in n || "example" in n) {
-    const t = l(n.examples) ?? {}, c = o ?? Object.keys(t)[0] ?? "", f = s(t?.[c]);
-    if (typeof f < "u")
-      return f;
-    if (typeof o > "u" && n.example)
+    const t = f(n.examples) ?? {}, o = c ?? Object.keys(t)[0] ?? "", i = s(t?.[o]);
+    if (typeof i < "u")
+      return i;
+    if (!c && n.example)
       return { value: s(n.example) };
   }
   const e = s(n);
@@ -23,5 +23,5 @@ const d = (n, o, u) => {
   }
 };
 export {
-  d as getExample
+  r as getExample
 };

package/dist/v2/blocks/operation-code-sample/helpers/operation-to-har/process-body.js

@@ -16,7 +16,7 @@ const p = (i) => {
       } else
         n.push({ name: a, value: String(e) });
   return n;
-}, j = ({ requestBody: i, contentType: n, example: a }) => {
+}, g = ({ requestBody: i, contentType: n, example: a }) => {
   const e = n || Object.keys(i.content)[0] || "", r = e === "multipart/form-data" || e === "application/x-www-form-urlencoded", m = e === "application/xml", t = u(i, a, n)?.value;
   if (typeof t < "u")
     return r && typeof t == "object" && t !== null ? {
@@ -44,10 +44,10 @@ const p = (i) => {
         text: s(o)
       } : {
         mimeType: e,
-        text: JSON.stringify(o)
+        text: typeof o == "string" ? o : JSON.stringify(o)
       };
   }
 };
 export {
-  j as processBody
+  g as processBody
 };

package/dist/v2/components/data-table/DataTableInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableInput.vue"],"names":[],"mappings":"AA+LA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAGnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAM/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,kBAAkB,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AAqSJ,QAAA,IAAI,OAAO,IAAU,EAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAmC7C,QAAA,MAAM,eAAe;;;;;;;;;;;cAvVN,OAAO;cAIP,OAAO;kBAMH,OAAO;2BAPE,OAAO;6EA4VjC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableInput.vue"],"names":[],"mappings":"AAuMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAGnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAM/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,kBAAkB,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AAoUJ,QAAA,IAAI,OAAO,IAAU,EAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAoC7C,QAAA,MAAM,eAAe;;;;;;;;;;;cAvXN,OAAO;cAIP,OAAO;kBAMH,OAAO;2BAPE,OAAO;6EA4XjC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/components/data-table/DataTableInput.vue.js

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

package/dist/v2/components/data-table/DataTableInput.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as B, ref as u, computed as C, createBlock as r, openBlock as n, normalizeClass as b, withCtx as $, createElementBlock as d, createCommentVNode as p, createElementVNode as I, renderSlot as m, createTextVNode as O, Fragment as h, mergeProps as c, unref as i } from "vue";
-import { ScalarIconButton as E } from "@scalar/components";
-import { ScalarIconEye as S, ScalarIconEyeSlash as A } from "@scalar/icons";
-import W from "./DataTableCell.vue.js";
-import q from "./DataTableInputSelect.vue.js";
-import F from "../code-input/CodeInput.vue.js";
-const T = ["for"], N = { class: "relative flex min-w-0 flex-1" }, P = ["readOnly", "type", "value"], D = {
+import { defineComponent as b, ref as p, computed as B, createBlock as d, openBlock as n, normalizeClass as $, withCtx as I, createElementBlock as u, createCommentVNode as i, createElementVNode as O, renderSlot as m, createTextVNode as S, Fragment as E, mergeProps as c, unref as r } from "vue";
+import { ScalarIconButton as v } from "@scalar/components";
+import { ScalarIconX as h, ScalarIconEye as A, ScalarIconEyeSlash as W } from "@scalar/icons";
+import q from "./DataTableCell.vue.js";
+import F from "./DataTableInputSelect.vue.js";
+import T from "../code-input/CodeInput.vue.js";
+const N = ["for"], P = { class: "relative flex min-w-0 flex-1" }, D = ["readOnly", "type", "value"], U = {
   key: 1,
   class: "centered-y text-orange absolute right-7 text-xs"
-}, J = /* @__PURE__ */ B({
+}, J = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "DataTableInput",
   props: {
@@ -26,34 +26,34 @@ const T = ["for"], N = { class: "relative flex min-w-0 flex-1" }, P = ["readOnly
     lineWrapping: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(v, { emit: w }) {
-    const a = v, o = w, s = u(!0), V = u(!1), f = u(null), k = () => !V.value && o("inputBlur"), y = C(
+  setup(V, { emit: w }) {
+    const a = V, t = w, s = p(!0), k = p(!1), f = p(null), g = () => !k.value && t("inputBlur"), y = B(
       () => a.type === "password" ? "text" : a.type ?? "text"
-    ), g = () => {
+    ), C = () => {
       !a.enum?.length && !a.readOnly && f.value?.focus();
     };
-    return (e, l) => (n(), r(W, {
-      class: b(["relative flex", e.containerClass])
+    return (e, l) => (n(), d(q, {
+      class: $(["relative flex", e.containerClass])
     }, {
-      default: $(() => [
-        e.$slots.default ? (n(), d("div", {
+      default: I(() => [
+        e.$slots.default ? (n(), u("div", {
           key: 0,
           class: "text-c-1 flex items-center pr-0 pl-3",
           for: e.id ?? "",
-          onClick: g
+          onClick: C
         }, [
           m(e.$slots, "default", {}, void 0, !0),
-          l[5] || (l[5] = O(": ", -1))
-        ], 8, T)) : p("", !0),
-        I("div", N, [
-          a.enum && a.enum.length ? (n(), r(q, {
+          l[6] || (l[6] = S(": ", -1))
+        ], 8, N)) : i("", !0),
+        O("div", P, [
+          a.enum && a.enum.length ? (n(), d(F, {
             key: 0,
             canAddCustomValue: a.canAddCustomEnumValue,
             modelValue: a.modelValue,
             value: a.enum,
-            "onUpdate:modelValue": l[0] || (l[0] = (t) => o("update:modelValue", t))
-          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (n(), d(h, { key: 1 }, [
-            s.value && e.type === "password" ? (n(), d("input", c({ key: 0 }, e.id ? { ...e.$attrs, id: e.id } : e.$attrs, {
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => t("update:modelValue", o))
+          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (n(), u(E, { key: 1 }, [
+            s.value && e.type === "password" ? (n(), u("input", c({ key: 0 }, e.id ? { ...e.$attrs, id: e.id } : e.$attrs, {
               autocomplete: "off",
               class: ["text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none px-2 py-1.25 -outline-offset-1", { "scalar-password-input": e.type === "password" }],
               "data-1p-ignore": "",
@@ -61,11 +61,11 @@ const T = ["for"], N = { class: "relative flex min-w-0 flex-1" }, P = ["readOnly
               spellcheck: "false",
               type: y.value,
               value: e.modelValue,
-              onInput: l[1] || (l[1] = (t) => o(
+              onInput: l[1] || (l[1] = (o) => t(
                 "update:modelValue",
-                t.target.value ?? ""
+                o.target.value ?? ""
               ))
-            }), null, 16, P)) : (n(), r(i(F), c({ key: 1 }, e.$attrs, {
+            }), null, 16, D)) : (n(), d(r(T), c({ key: 1 }, e.$attrs, {
               id: e.id,
               ref_key: "codeInput",
               ref: f,
@@ -86,24 +86,31 @@ const T = ["for"], N = { class: "relative flex min-w-0 flex-1" }, P = ["readOnly
               required: !!e.required,
               spellcheck: "false",
               type: y.value,
-              onBlur: k,
-              onFocus: l[2] || (l[2] = (t) => o("inputFocus")),
-              "onUpdate:modelValue": l[3] || (l[3] = (t) => o("update:modelValue", t))
+              onBlur: g,
+              onFocus: l[2] || (l[2] = (o) => t("inputFocus")),
+              "onUpdate:modelValue": l[3] || (l[3] = (o) => t("update:modelValue", o))
             }), null, 16, ["id", "class", "description", "environment", "lineWrapping", "max", "min", "modelValue", "readOnly", "required", "type"]))
           ], 64))
         ]),
-        e.$slots.warning ? (n(), d("div", D, [
+        e.$slots.warning ? (n(), u("div", U, [
           m(e.$slots, "warning", {}, void 0, !0)
-        ])) : p("", !0),
+        ])) : i("", !0),
         m(e.$slots, "icon", {}, void 0, !0),
-        e.type === "password" ? (n(), r(i(E), {
+        e.modelValue ? (n(), d(r(v), {
           key: 2,
+          class: "-ml-.25 h-6 w-6 self-center p-1.25",
+          icon: r(h),
+          label: "Clear Value",
+          onClick: l[4] || (l[4] = (o) => t("update:modelValue", ""))
+        }, null, 8, ["icon"])) : i("", !0),
+        e.type === "password" ? (n(), d(r(v), {
+          key: 3,
           class: "-ml-.5 mr-1.25 h-6 w-6 self-center p-1.25",
           "data-testid": "data-table-password-toggle",
-          icon: s.value ? i(S) : i(A),
+          icon: s.value ? r(A) : r(W),
           label: s.value ? "Show Password" : "Hide Password",
-          onClick: l[4] || (l[4] = (t) => s.value = !s.value)
-        }, null, 8, ["icon", "label"])) : p("", !0)
+          onClick: l[5] || (l[5] = (o) => s.value = !s.value)
+        }, null, 8, ["icon", "label"])) : i("", !0)
       ]),
       _: 3
     }, 8, ["class"]));

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

@@ -1,10 +1,10 @@
 import { type ModalState } from '@scalar/components';
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
-import type { AuthenticationConfiguration } from '@scalar/types/api-reference';
+import type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import { type WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas';
-import { type ComputedRef } from 'vue';
+import { type ComputedRef, type MaybeRefOrGetter } from 'vue';
 import { type UseModalSidebarReturn } from '../../../v2/features/modal/hooks/use-modal-sidebar.js';
 import type { ClientPlugin } from '../../../v2/helpers/plugins.js';
 export type ModalProps = {
@@ -25,9 +25,9 @@ export type ModalProps = {
     /** The sidebar state must be initialized and passed in */
     sidebarState: UseModalSidebarReturn;
     /** Api client plugins to include in the modal */
-    plugins?: ClientPlugin[];
-    /** Authentication config */
-    authenticationConfiguration: AuthenticationConfiguration;
+    plugins: ClientPlugin[];
+    /** Subset of the configuration options for the modal */
+    options: MaybeRefOrGetter<Pick<ApiReferenceConfigurationRaw, 'authentication'>>;
 };
 /**
  * Scalar Api Client Modal

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":"AAqYA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAE9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAExE,OAAO,EAQL,KAAK,WAAW,EACjB,MAAM,KAAK,CAAA;AAKZ,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAGxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAQxD,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;IAC9B,qDAAqD;IACrD,QAAQ,EAAE,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC/C,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,4CAA4C;IAC5C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,mDAAmD;IACnD,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,2CAA2C;IAC3C,UAAU,EAAE,UAAU,CAAA;IACtB,0DAA0D;IAC1D,YAAY,EAAE,qBAAqB,CAAA;IACnC,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,4BAA4B;IAC5B,2BAA2B,EAAE,2BAA2B,CAAA;CACzD,CAAA;AAED;;;;GAIG;;;;;AACH,wBAuWC"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AAyYA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAE/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAExE,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAA;AAKZ,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAGxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAQxD,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;IAC9B,qDAAqD;IACrD,QAAQ,EAAE,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC/C,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,4CAA4C;IAC5C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,mDAAmD;IACnD,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,2CAA2C;IAC3C,UAAU,EAAE,UAAU,CAAA;IACtB,0DAA0D;IAC1D,YAAY,EAAE,qBAAqB,CAAA;IACnC,iDAAiD;IACjD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,wDAAwD;IACxD,OAAO,EAAE,gBAAgB,CACvB,IAAI,CAAC,4BAA4B,EAAE,gBAAgB,CAAC,CACrD,CAAA;CACF,CAAA;AAED;;;;GAIG;;;;;AACH,wBAuWC"}

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

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

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

@@ -1,24 +1,24 @@
-import { defineComponent as I, ref as h, useId as N, watch as D, nextTick as E, onBeforeMount as F, onBeforeUnmount as U, computed as u, withDirectives as w, createElementBlock as d, openBlock as c, createElementVNode as i, unref as o, createVNode as l, withCtx as x, vShow as k } from "vue";
-import { addScalarClassesToHeadless as A, ScalarTeleportRoot as V } from "@scalar/components";
-import { ScalarToasts as $ } from "@scalar/use-toasts";
-import { useFocusTrap as M } from "@vueuse/integrations/useFocusTrap";
-import { mergeAuthConfig as H } from "../../blocks/scalar-auth-selector-block/helpers/merge-auth-config.js";
-import L from "../operation/Operation.vue.js";
-import { getActiveEnvironment as z } from "../../helpers/get-active-environment.js";
-import { useColorMode as O } from "../../hooks/use-color-mode.js";
-import { useGlobalHotKeys as R } from "../../hooks/use-global-hot-keys.js";
-import { useScrollLock as j } from "../../hooks/use-scroll-lock.js";
-import { useWorkspaceClientModalEvents as q } from "./hooks/use-workspace-client-modal-events.js";
-import G from "../../components/sidebar/SidebarToggle.vue.js";
-import K from "../../components/sidebar/Sidebar.vue.js";
-const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q = ["id"], X = {
+import { defineComponent as I, ref as h, useId as N, watch as D, nextTick as E, onBeforeMount as F, onBeforeUnmount as U, computed as d, toValue as V, withDirectives as w, createElementBlock as u, openBlock as c, createElementVNode as i, unref as o, createVNode as l, withCtx as x, vShow as k } from "vue";
+import { addScalarClassesToHeadless as A, ScalarTeleportRoot as $ } from "@scalar/components";
+import { ScalarToasts as M } from "@scalar/use-toasts";
+import { useFocusTrap as H } from "@vueuse/integrations/useFocusTrap";
+import { mergeAuthConfig as L } from "../../blocks/scalar-auth-selector-block/helpers/merge-auth-config.js";
+import z from "../operation/Operation.vue.js";
+import { getActiveEnvironment as O } from "../../helpers/get-active-environment.js";
+import { useColorMode as R } from "../../hooks/use-color-mode.js";
+import { useGlobalHotKeys as j } from "../../hooks/use-global-hot-keys.js";
+import { useScrollLock as q } from "../../hooks/use-scroll-lock.js";
+import { useWorkspaceClientModalEvents as G } from "./hooks/use-workspace-client-modal-events.js";
+import K from "../../components/sidebar/SidebarToggle.vue.js";
+import P from "../../components/sidebar/Sidebar.vue.js";
+const J = { class: "scalar scalar-app" }, Q = { class: "scalar-container" }, X = ["id"], Y = {
   key: 0,
   class: "relative flex flex-1"
-}, Y = {
+}, Z = {
   key: 1,
   class: "flex h-full w-full items-center justify-center"
-}, Z = {}, me = /* @__PURE__ */ I({
-  ...Z,
+}, _ = {}, fe = /* @__PURE__ */ I({
+  ..._,
   __name: "Modal",
   props: {
     workspaceStore: {},
@@ -29,50 +29,50 @@ const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q =
     exampleName: {},
     modalState: {},
     sidebarState: {},
-    plugins: { default: () => [] },
-    authenticationConfiguration: {}
+    plugins: {},
+    options: {}
   },
   setup(t, { expose: b }) {
-    typeof window < "u" && (window.dataDumpWorkspace = () => t.workspaceStore), O({ workspaceStore: t.workspaceStore });
+    typeof window < "u" && (window.dataDumpWorkspace = () => t.workspaceStore), R({ workspaceStore: t.workspaceStore });
     const m = {
       name: "default",
       id: "default"
     }, s = h(!1);
-    q({
+    G({
       eventBus: t.eventBus,
       document: t.document,
       workspaceStore: t.workspaceStore,
       isSidebarOpen: s,
       sidebarState: t.sidebarState,
       modalState: t.modalState
-    }), R(t.eventBus, "modal");
-    const f = h(null), v = N(), { activate: y, deactivate: B } = M(f, {
+    }), j(t.eventBus, "modal");
+    const f = h(null), v = N(), { activate: y, deactivate: B } = H(f, {
       allowOutsideClick: !0,
       fallbackFocus: `#${v}`
     }), p = () => {
       B(), t.eventBus.emit("operation:cancel:request");
-    }, g = j(() => typeof window < "u" ? window.document.body : null);
+    }, g = q(() => typeof window < "u" ? window.document.body : null);
     D(
       () => t.modalState.open,
       (e) => {
         g.value = e, e ? y({ checkCanFocusTrap: () => E() }) : p();
       }
     ), F(() => A()), U(() => p());
-    const C = 288, r = u(
+    const C = 288, r = d(
       () => t.workspaceStore?.workspace?.["x-scalar-sidebar-width"] ?? C
-    ), T = (e) => t.workspaceStore?.update("x-scalar-sidebar-width", e), S = u(
-      () => z(t.workspaceStore, t.document.value)
-    ), W = u(
-      () => H(
+    ), T = (e) => t.workspaceStore?.update("x-scalar-sidebar-width", e), S = d(
+      () => O(t.workspaceStore, t.document.value)
+    ), W = d(
+      () => L(
         t.document.value?.components?.securitySchemes,
-        t.authenticationConfiguration?.securitySchemes
+        V(t.options)?.authentication?.securitySchemes
       )
     );
     return b({
       sidebarWidth: r,
       environment: S
-    }), (e, a) => w((c(), d("div", P, [
-      i("div", J, [
+    }), (e, a) => w((c(), u("div", J, [
+      i("div", Q, [
         i("div", {
           id: o(v),
           ref_key: "client",
@@ -83,16 +83,16 @@ const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q =
           role: "dialog",
           tabindex: "-1"
         }, [
-          l(o(V), null, {
+          l(o($), null, {
             default: x(() => [
-              l(o($)),
-              e.document.value && e.path?.value && e.method?.value ? (c(), d("main", X, [
-                l(o(G), {
+              l(o(M)),
+              e.document.value && e.path?.value && e.method?.value ? (c(), u("main", Y, [
+                l(o(K), {
                   modelValue: s.value,
                   "onUpdate:modelValue": a[0] || (a[0] = (n) => s.value = n),
                   class: "absolute top-2 left-3 z-[10001]"
                 }, null, 8, ["modelValue"]),
-                w(l(o(K), {
+                w(l(o(P), {
                   sidebarWidth: r.value,
                   "onUpdate:sidebarWidth": [
                     a[1] || (a[1] = (n) => r.value = n),
@@ -110,7 +110,7 @@ const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q =
                 }, null, 8, ["sidebarWidth", "documents", "eventBus", "sidebarState", "onSelectItem"]), [
                   [k, s.value]
                 ]),
-                l(L, {
+                l(z, {
                   activeWorkspace: m,
                   class: "flex-1",
                   document: e.document.value,
@@ -125,13 +125,13 @@ const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q =
                   securitySchemes: W.value,
                   workspaceStore: e.workspaceStore
                 }, null, 8, ["document", "documentSlug", "environment", "eventBus", "exampleName", "method", "path", "plugins", "securitySchemes", "workspaceStore"])
-              ])) : (c(), d("div", Y, [...a[3] || (a[3] = [
+              ])) : (c(), u("div", Z, [...a[3] || (a[3] = [
                 i("span", { class: "text-c-3" }, "No document selected", -1)
               ])]))
             ]),
             _: 1
           })
-        ], 8, Q),
+        ], 8, X),
         i("div", {
           class: "scalar-app-exit",
           onClick: a[2] || (a[2] = (n) => e.modalState.hide())
@@ -143,5 +143,5 @@ const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q =
   }
 });
 export {
-  me as default
+  fe as default
 };

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

@@ -1,8 +1,8 @@
 import { type ModalState } from '@scalar/components';
-import type { AuthenticationConfiguration } from '@scalar/types/api-reference';
+import type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import { type WorkspaceEventBus } from '@scalar/workspace-store/events';
-import { type App } from 'vue';
+import { type App, type MaybeRefOrGetter } from 'vue';
 import { type RoutePayload } from '../../../../v2/features/modal/helpers/resolve-route-parameters.js';
 import type { ClientPlugin } from '../../../../v2/helpers/plugins.js';
 export type CreateApiClientModalOptions = {
@@ -19,8 +19,8 @@ export type CreateApiClientModalOptions = {
     workspaceStore: WorkspaceStore;
     /** Api client plugins to include in the modal */
     plugins?: ClientPlugin[];
-    /** Authentication config */
-    authenticationConfiguration?: AuthenticationConfiguration | undefined;
+    /** Subset of the configuration options for the modal, if you want it to be reactive ensure its a ref */
+    options?: MaybeRefOrGetter<Pick<ApiReferenceConfigurationRaw, 'authentication' | 'proxyUrl'>>;
 };
 export type ApiClientModal = {
     app: App;
@@ -35,5 +35,5 @@ export type ApiClientModal = {
  * The modal does not require a router. Instead, navigation is handled by setting
  * active entities directly through the returned `route` function.
  */
-export declare const createApiClientModal: ({ el, eventBus, mountOnInitialize, plugins, workspaceStore, authenticationConfiguration, }: CreateApiClientModalOptions) => ApiClientModal;
+export declare const createApiClientModal: ({ el, eventBus, mountOnInitialize, plugins, workspaceStore, options, }: CreateApiClientModalOptions) => ApiClientModal;
 //# sourceMappingURL=create-api-client-modal.d.ts.map

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":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAY,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,gCAAgC,CAAA;AAChG,OAAO,EAAE,KAAK,GAAG,EAAiC,MAAM,KAAK,CAAA;AAE7D,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,sDAAsD,CAAA;AAG7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKxD,MAAM,MAAM,2BAA2B,GAAG;IACxC,4CAA4C;IAC5C,EAAE,EAAE,WAAW,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,6DAA6D;IAC7D,cAAc,EAAE,cAAc,CAAA;IAC9B,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,4BAA4B;IAC5B,2BAA2B,CAAC,EAAE,2BAA2B,GAAG,SAAS,CAAA;CACtE,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,CAAC,UAAU,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAMD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,4FASlC,2BAA2B,KAAG,cAsFhC,CAAA"}
+{"version":3,"file":"create-api-client-modal.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/modal/helpers/create-api-client-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAY,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,gCAAgC,CAAA;AAChG,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,gBAAgB,EAAiC,MAAM,KAAK,CAAA;AAEpF,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,sDAAsD,CAAA;AAG7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD,MAAM,MAAM,2BAA2B,GAAG;IACxC,4CAA4C;IAC5C,EAAE,EAAE,WAAW,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,6DAA6D;IAC7D,cAAc,EAAE,cAAc,CAAA;IAC9B,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,wGAAwG;IACxG,OAAO,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,4BAA4B,EAAE,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAA;CAC9F,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,CAAC,UAAU,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,wEASlC,2BAA2B,KAAG,cAsFhC,CAAA"}

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

@@ -10,9 +10,9 @@ const T = ({
     debug: !1
   }),
   mountOnInitialize: h = !0,
-  plugins: g,
+  plugins: g = [],
   workspaceStore: a,
-  authenticationConfiguration: x = {}
+  options: x = {}
 }) => {
   const n = {
     path: "default",
@@ -38,7 +38,7 @@ const T = ({
     plugins: g,
     sidebarState: b,
     workspaceStore: a,
-    authenticationConfiguration: x
+    options: x
   });
   l.config.idPrefix = "scalar-client";
   const p = (e = f) => {

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

@@ -57,7 +57,7 @@ const w = {
       method: t.method ?? "get"
     } : {
       type: "document"
-    }), c = "2.17.4";
+    }), c = "2.17.6";
     return (e, a) => e.path && e.method && e.exampleName && r.value ? (n(), h(l(g), {
       key: 0,
       appVersion: l(c),

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -33,7 +33,7 @@ const W = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitali
       }));
     }, f = (o) => {
       o?.createNew && g.name === "request" && d();
-    }, v = "2.17.4";
+    }, v = "2.17.6";
     return q(() => a.hotKeys.on(f)), R(() => a.hotKeys.off(f)), (o, e) => (i(), l("div", W, [
       s("div", {
         class: y(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.17.4",
+  "version": "2.17.6",
   "engines": {
     "node": ">=20"
   },
@@ -327,25 +327,25 @@
     "yaml": "^2.8.0",
     "zod": "^4.1.11",
     "@scalar/analytics-client": "1.0.1",
-    "@scalar/components": "0.16.15",
+    "@scalar/components": "0.16.16",
     "@scalar/draggable": "0.3.0",
-    "@scalar/helpers": "0.2.5",
+    "@scalar/helpers": "0.2.6",
     "@scalar/icons": "0.5.2",
-    "@scalar/import": "0.4.42",
-    "@scalar/json-magic": "0.8.9",
-    "@scalar/oas-utils": "0.6.13",
-    "@scalar/openapi-parser": "0.23.10",
-    "@scalar/object-utils": "1.2.19",
-    "@scalar/postman-to-openapi": "0.3.54",
-    "@scalar/sidebar": "0.7.5",
+    "@scalar/json-magic": "0.8.10",
+    "@scalar/import": "0.4.43",
+    "@scalar/oas-utils": "0.6.14",
+    "@scalar/object-utils": "1.2.20",
+    "@scalar/openapi-parser": "0.23.11",
+    "@scalar/postman-to-openapi": "0.3.55",
     "@scalar/openapi-types": "0.5.3",
+    "@scalar/sidebar": "0.7.6",
+    "@scalar/snippetz": "0.6.3",
     "@scalar/themes": "0.13.26",
-    "@scalar/snippetz": "0.6.2",
-    "@scalar/use-codemirror": "0.13.9",
-    "@scalar/use-hooks": "0.3.4",
-    "@scalar/types": "0.5.5",
+    "@scalar/types": "0.5.6",
+    "@scalar/use-codemirror": "0.13.10",
     "@scalar/use-toasts": "0.9.1",
-    "@scalar/workspace-store": "0.24.3"
+    "@scalar/use-hooks": "0.3.5",
+    "@scalar/workspace-store": "0.24.4"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.7",