@scalar/api-client 2.5.34 → 2.6.0

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue.js

@@ -0,0 +1,254 @@
+import { defineComponent as C, computed as T, createElementBlock as v, openBlock as u, Fragment as x, createBlock as y, createCommentVNode as f, createVNode as r, unref as o, withCtx as l, mergeProps as p, createTextVNode as d, createElementVNode as S } from "vue";
+import { useLoadingState as z, ScalarButton as g } from "@scalar/components";
+import { pkceOptions as P } from "@scalar/oas-utils/entities/spec";
+import { useToasts as I } from "@scalar/use-toasts";
+import L from "./OAuthScopesInput.vue.js";
+import { authorizeOauth2 as R } from "../helpers/oauth.js";
+import c from "./RequestAuthDataTableInput.vue.js";
+import n from "../../../../components/DataTable/DataTableRow.vue.js";
+const B = { class: "flex h-8 items-center justify-end gap-2 border-t" }, F = { class: "flex h-8 w-full items-center justify-end border-t" }, M = /* @__PURE__ */ C({
+  __name: "OAuth2",
+  props: {
+    environment: {},
+    envVariables: {},
+    flows: {},
+    type: {},
+    selectedScopes: {},
+    server: {},
+    proxyUrl: {}
+  },
+  emits: ["update:selectedScopes", "update:securityScheme"],
+  setup(i, { emit: w }) {
+    const s = w, V = z(), { toast: U } = I(), b = async () => {
+      if (V.isLoading)
+        return;
+      if (!i.server) {
+        U("No server selected", "error");
+        return;
+      }
+      V.startLoading();
+      const [k, e] = await R(
+        i.flows,
+        i.type,
+        i.selectedScopes,
+        i.server,
+        i.proxyUrl
+      ).finally(() => V.stopLoading());
+      e ? s("update:securityScheme", { token: e }) : (console.error(k), U(k?.message ?? "Failed to authorize", "error"));
+    }, m = {
+      environment: i.environment,
+      envVariables: i.envVariables
+    }, t = T(() => i.flows[i.type]);
+    return (k, e) => (u(), v(x, null, [
+      t.value["x-scalar-secret-token"] ? (u(), v(x, { key: 0 }, [
+        r(o(n), null, {
+          default: l(() => [
+            r(c, p(m, {
+              class: "border-r-transparent",
+              modelValue: t.value["x-scalar-secret-token"],
+              placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
+              type: "password",
+              "onUpdate:modelValue": e[0] || (e[0] = (a) => s("update:securityScheme", { token: a }))
+            }), {
+              default: l(() => e[11] || (e[11] = [
+                d(" Access Token ")
+              ])),
+              _: 1,
+              __: [11]
+            }, 16, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        r(o(n), { class: "min-w-full" }, {
+          default: l(() => [
+            S("div", B, [
+              r(o(g), {
+                class: "mr-1 p-0 px-2 py-0.5",
+                loading: o(V),
+                size: "sm",
+                variant: "outlined",
+                onClick: e[1] || (e[1] = (a) => s("update:securityScheme", { token: "" }))
+              }, {
+                default: l(() => e[12] || (e[12] = [
+                  d(" Clear ")
+                ])),
+                _: 1,
+                __: [12]
+              }, 8, ["loading"])
+            ])
+          ]),
+          _: 1
+        })
+      ], 64)) : (u(), v(x, { key: 1 }, [
+        r(o(n), null, {
+          default: l(() => [
+            "authorizationUrl" in t.value ? (u(), y(c, p({ key: 0 }, m, {
+              containerClass: "border-r-0",
+              modelValue: t.value.authorizationUrl,
+              placeholder: "https://galaxy.scalar.com/authorize",
+              "onUpdate:modelValue": e[2] || (e[2] = (a) => s("update:securityScheme", { authUrl: a }))
+            }), {
+              default: l(() => e[13] || (e[13] = [
+                d(" Auth URL ")
+              ])),
+              _: 1,
+              __: [13]
+            }, 16, ["modelValue"])) : f("", !0),
+            "tokenUrl" in t.value ? (u(), y(c, p({ key: 1 }, m, {
+              modelValue: t.value.tokenUrl,
+              placeholder: "https://galaxy.scalar.com/token",
+              "onUpdate:modelValue": e[3] || (e[3] = (a) => s("update:securityScheme", { tokenUrl: a }))
+            }), {
+              default: l(() => e[14] || (e[14] = [
+                d(" Token URL ")
+              ])),
+              _: 1,
+              __: [14]
+            }, 16, ["modelValue"])) : f("", !0)
+          ]),
+          _: 1
+        }),
+        "x-scalar-secret-redirect-uri" in t.value ? (u(), y(o(n), { key: 0 }, {
+          default: l(() => [
+            r(c, p(m, {
+              modelValue: t.value["x-scalar-secret-redirect-uri"],
+              placeholder: "https://galaxy.scalar.com/callback",
+              "onUpdate:modelValue": e[4] || (e[4] = (a) => s("update:securityScheme", { redirectUrl: a }))
+            }), {
+              default: l(() => e[15] || (e[15] = [
+                d(" Redirect URL ")
+              ])),
+              _: 1,
+              __: [15]
+            }, 16, ["modelValue"])
+          ]),
+          _: 1
+        })) : f("", !0),
+        "x-scalar-secret-username" in t.value && "x-scalar-secret-password" in t.value ? (u(), v(x, { key: 1 }, [
+          r(o(n), null, {
+            default: l(() => [
+              r(c, p(m, {
+                class: "text-c-2",
+                modelValue: t.value["x-scalar-secret-username"],
+                placeholder: "janedoe",
+                "onUpdate:modelValue": e[5] || (e[5] = (a) => s("update:securityScheme", { username: a }))
+              }), {
+                default: l(() => e[16] || (e[16] = [
+                  d(" Username ")
+                ])),
+                _: 1,
+                __: [16]
+              }, 16, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          r(o(n), null, {
+            default: l(() => [
+              r(c, p(m, {
+                modelValue: t.value["x-scalar-secret-password"],
+                placeholder: "********",
+                type: "password",
+                "onUpdate:modelValue": e[6] || (e[6] = (a) => s("update:securityScheme", { password: a }))
+              }), {
+                default: l(() => e[17] || (e[17] = [
+                  d(" Password ")
+                ])),
+                _: 1,
+                __: [17]
+              }, 16, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ], 64)) : f("", !0),
+        r(o(n), null, {
+          default: l(() => [
+            r(c, p(m, {
+              modelValue: t.value["x-scalar-secret-client-id"],
+              placeholder: "12345",
+              "onUpdate:modelValue": e[7] || (e[7] = (a) => s("update:securityScheme", { clientId: a }))
+            }), {
+              default: l(() => e[18] || (e[18] = [
+                d(" Client ID ")
+              ])),
+              _: 1,
+              __: [18]
+            }, 16, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        "x-scalar-secret-client-secret" in t.value ? (u(), y(o(n), { key: 2 }, {
+          default: l(() => [
+            r(c, p(m, {
+              modelValue: t.value["x-scalar-secret-client-secret"],
+              placeholder: "XYZ123",
+              type: "password",
+              "onUpdate:modelValue": e[8] || (e[8] = (a) => s("update:securityScheme", { clientSecret: a }))
+            }), {
+              default: l(() => e[19] || (e[19] = [
+                d(" Client Secret ")
+              ])),
+              _: 1,
+              __: [19]
+            }, 16, ["modelValue"])
+          ]),
+          _: 1
+        })) : f("", !0),
+        "x-usePkce" in t.value ? (u(), y(o(n), { key: 3 }, {
+          default: l(() => [
+            r(c, p(m, {
+              enum: o(P),
+              modelValue: t.value["x-usePkce"],
+              readOnly: "",
+              "onUpdate:modelValue": e[9] || (e[9] = (a) => s("update:securityScheme", {
+                usePkce: a
+              }))
+            }), {
+              default: l(() => e[20] || (e[20] = [
+                d(" Use PKCE ")
+              ])),
+              _: 1,
+              __: [20]
+            }, 16, ["enum", "modelValue"])
+          ]),
+          _: 1
+        })) : f("", !0),
+        Object.keys(t.value.scopes ?? {}).length ? (u(), y(o(n), { key: 4 }, {
+          default: l(() => [
+            r(L, {
+              flow: t.value,
+              selectedScopes: k.selectedScopes,
+              "onUpdate:selectedScopes": e[10] || (e[10] = (a) => s("update:selectedScopes", a))
+            }, null, 8, ["flow", "selectedScopes"])
+          ]),
+          _: 1
+        })) : f("", !0)
+      ], 64)),
+      t.value["x-scalar-secret-token"] ? f("", !0) : (u(), y(o(n), {
+        key: 2,
+        class: "min-w-full"
+      }, {
+        default: l(() => [
+          S("div", F, [
+            r(o(g), {
+              class: "mr-0.75 p-0 px-2 py-0.5",
+              loading: o(V),
+              size: "sm",
+              variant: "outlined",
+              onClick: b
+            }, {
+              default: l(() => e[21] || (e[21] = [
+                d(" Authorize ")
+              ])),
+              _: 1,
+              __: [21]
+            }, 8, ["loading"])
+          ])
+        ]),
+        _: 1
+      }))
+    ], 64));
+  }
+});
+export {
+  M as default
+};

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue2.js

@@ -0,0 +1,4 @@
+import f from "./OAuth2.vue.js";
+export {
+  f as default
+};

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=OAuthScopesInput.test.d.ts.map

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthScopesInput.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.test.ts"],"names":[],"mappings":""}

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue.d.ts

@@ -0,0 +1,16 @@
+import type { OAuthFlow } from '@scalar/workspace-store/schemas/v3.1/strict/oauth-flow';
+type __VLS_Props = {
+    flow: OAuthFlow;
+    selectedScopes: string[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedScopes": (payload: {
+        scopes: string[];
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedScopes"?: ((payload: {
+        scopes: string[];
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=OAuthScopesInput.vue.d.ts.map

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthScopesInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue"],"names":[],"mappings":"AAuIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wDAAwD,CAAA;AASvF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,SAAS,CAAA;IACf,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB,CAAC;;;gBAIgD,MAAM,EAAE;;;;gBAAR,MAAM,EAAE;;;AA0U1D,wBAOG"}

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue.js

@@ -0,0 +1,134 @@
+import { defineComponent as A, computed as v, createBlock as d, openBlock as n, unref as s, withCtx as o, createElementVNode as a, createVNode as r, normalizeClass as B, toDisplayString as p, createCommentVNode as u, withModifiers as g, createTextVNode as m, createElementBlock as w, Fragment as O, renderList as j } from "vue";
+import { Disclosure as z, DisclosureButton as N, DisclosurePanel as T } from "@headlessui/vue";
+import { ScalarButton as k, ScalarIcon as $ } from "@scalar/components";
+import _ from "../../../../components/DataTable/DataTableCell.vue.js";
+import E from "../../../../components/DataTable/DataTableRow.vue.js";
+import I from "../../../../components/DataTable/DataTableCheckbox.vue.js";
+const R = { class: "flex h-fit w-full" }, U = { class: "flex-1" }, F = { class: "flex items-center gap-1.75" }, L = {
+  class: "grid auto-rows-auto",
+  style: { gridTemplateColumns: "1fr auto" }
+}, M = { key: 0 }, P = { class: "font-code text-xs" }, X = /* @__PURE__ */ A({
+  __name: "OAuthScopesInput",
+  props: {
+    flow: {},
+    selectedScopes: {}
+  },
+  emits: ["update:selectedScopes"],
+  setup(c, { emit: C }) {
+    const i = C, b = v(
+      () => Object.entries(c.flow?.scopes ?? {}).map(([e, t]) => ({
+        id: e,
+        label: e,
+        description: t
+      }))
+    ), f = v(
+      () => c.selectedScopes.length === Object.keys(c.flow?.scopes ?? {}).length
+    );
+    function S(e, t) {
+      if (t)
+        return i("update:selectedScopes", {
+          scopes: Array.from(/* @__PURE__ */ new Set([...c.selectedScopes, e]))
+        });
+      i("update:selectedScopes", {
+        scopes: c.selectedScopes.filter((l) => l !== e)
+      });
+    }
+    const y = () => {
+      i("update:selectedScopes", { scopes: Object.keys(c.flow?.scopes ?? {}) });
+    }, V = () => {
+      i("update:selectedScopes", { scopes: [] });
+    };
+    return (e, t) => (n(), d(s(_), { class: "h-auto !max-h-[initial] min-h-8 items-center" }, {
+      default: o(() => [
+        a("div", R, [
+          t[2] || (t[2] = a("div", { class: "text-c-1 h-full items-center" }, null, -1)),
+          r(s(z), {
+            as: "div",
+            class: "bl flex w-full flex-col"
+          }, {
+            default: o(() => [
+              r(s(N), {
+                class: B([
+                  "group/scopes-accordion hover:text-c-1 flex h-auto min-h-8 cursor-pointer items-center gap-1.5 pr-2.25 pl-3 text-left",
+                  (e.selectedScopes.length || 0) > 0 ? "text-c-1" : "text-c-3"
+                ])
+              }, {
+                default: o(({ open: l }) => [
+                  a("div", U, " Scopes Selected " + p(e.selectedScopes.length || 0) + " / " + p(Object.keys(e.flow?.scopes ?? {}).length || 0), 1),
+                  a("div", F, [
+                    f.value ? (n(), d(s(k), {
+                      key: 0,
+                      class: "pr-0.75 pl-1 transition-none",
+                      size: "sm",
+                      variant: "ghost",
+                      onClick: g(V, ["stop"])
+                    }, {
+                      default: o(() => t[0] || (t[0] = [
+                        m(" Deselect All ")
+                      ])),
+                      _: 1,
+                      __: [0]
+                    })) : u("", !0),
+                    f.value ? u("", !0) : (n(), d(s(k), {
+                      key: 1,
+                      class: "pr-0.75 pl-1 transition-none",
+                      size: "sm",
+                      variant: "ghost",
+                      onClick: g(y, ["stop"])
+                    }, {
+                      default: o(() => t[1] || (t[1] = [
+                        m(" Select All ")
+                      ])),
+                      _: 1,
+                      __: [1]
+                    })),
+                    r(s($), {
+                      class: "text-c-3 group-hover/scopes-accordion:text-c-2",
+                      icon: l ? "ChevronDown" : "ChevronRight",
+                      size: "md"
+                    }, null, 8, ["icon"])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              r(s(T), { as: "template" }, {
+                default: o(() => [
+                  a("table", L, [
+                    (n(!0), w(O, null, j(b.value, ({ id: l, label: D, description: h }) => (n(), d(s(E), {
+                      key: l,
+                      class: "text-c-2",
+                      onClick: (x) => S(l, !e.selectedScopes.includes(l))
+                    }, {
+                      default: o(() => [
+                        r(s(_), { class: "hover:text-c-1 box-border !max-h-[initial] w-full cursor-pointer px-3 py-1.5" }, {
+                          default: o(() => [
+                            h ? (n(), w("div", M, [
+                              a("span", P, p(D), 1),
+                              m(" – " + p(h), 1)
+                            ])) : u("", !0)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        r(s(I), {
+                          modelValue: e.selectedScopes.includes(l),
+                          "onUpdate:modelValue": (x) => S(l, x)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]))), 128))
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  X as default
+};

package/dist/v2/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue2.js

@@ -0,0 +1,4 @@
+import f from "./OAuthScopesInput.vue.js";
+export {
+  f as default
+};

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RequestAuthDataTable.test.d.ts.map

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestAuthDataTable.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.test.ts"],"names":[],"mappings":""}

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.vue.d.ts

@@ -0,0 +1,33 @@
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { ComponentsObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { EnvVariable } from '../../../../store/index.js';
+import type { UpdateSecuritySchemeEvent } from '../../../../v2/blocks/scalar-auth-selector-block/event-types';
+import type { SecuritySchemeOption } from '../../../../v2/blocks/scalar-auth-selector-block/helpers/security-scheme.js';
+type __VLS_Props = {
+    environment: Environment;
+    envVariables: EnvVariable[];
+    layout: 'client' | 'reference';
+    selectedSchemeOptions: SecuritySchemeOption[];
+    securitySchemes: ComponentsObject['securitySchemes'];
+    server: ServerObject | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    activeAuthIndex: import("vue").Ref<number, number>;
+    activeScheme: import("vue").ComputedRef<SecuritySchemeOption | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedScopes": (payload: {
+        id: string[];
+        name: string;
+        scopes: string[];
+    }) => any;
+    "update:securityScheme": (payload: UpdateSecuritySchemeEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedScopes"?: ((payload: {
+        id: string[];
+        name: string;
+        scopes: string[];
+    }) => any) | undefined;
+    "onUpdate:securityScheme"?: ((payload: UpdateSecuritySchemeEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=RequestAuthDataTable.vue.d.ts.map

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestAuthDataTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.vue"],"names":[],"mappings":"AA4KA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAA;AACnG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gEAAgE,CAAA;AAI1G,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,qBAAqB,EAAE,oBAAoB,EAAE,CAAA;IAC7C,eAAe,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IACpD,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;CACjC,CAAC;;;;;;YAaiB,MAAM,EAAE;cAAQ,MAAM;gBAAU,MAAM,EAAE;;;;;YAAxC,MAAM,EAAE;cAAQ,MAAM;gBAAU,MAAM,EAAE;;;;AAsN3D,wBAQG"}

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.vue.js

@@ -0,0 +1,7 @@
+import t from "./RequestAuthDataTable.vue2.js";
+/* empty css                          */
+import a from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-a44150e7"]]);
+export {
+  m as default
+};

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.vue2.js

@@ -0,0 +1,82 @@
+import { defineComponent as v, ref as f, computed as h, watch as y, createElementBlock as o, openBlock as r, withModifiers as S, createCommentVNode as d, createBlock as x, normalizeClass as n, Fragment as g, renderList as k, createElementVNode as m, toDisplayString as w, unref as V, withCtx as C, createVNode as O } from "vue";
+import z from "./RequestAuthTab.vue.js";
+import N from "../../../../components/DataTable/DataTable.vue.js";
+const j = ["onClick"], B = { class: "relative z-10 font-medium whitespace-nowrap" }, $ = {
+  key: 0,
+  class: "absolute inset-x-1 bottom-[var(--scalar-border-width)] left-1/2 z-1 h-px w-full -translate-x-1/2 bg-current"
+}, U = /* @__PURE__ */ v({
+  __name: "RequestAuthDataTable",
+  props: {
+    environment: {},
+    envVariables: {},
+    layout: { default: "client" },
+    selectedSchemeOptions: { default: () => [] },
+    securitySchemes: {},
+    server: {}
+  },
+  emits: ["update:securityScheme", "update:selectedScopes"],
+  setup(c, { expose: p, emit: b }) {
+    const u = b, t = f(0), l = h(() => c.selectedSchemeOptions[t.value]);
+    return y(
+      () => c.selectedSchemeOptions,
+      (e) => {
+        (!e || !e[t.value]) && (t.value = Math.max(0, t.value - 1));
+      }
+    ), p({
+      activeAuthIndex: t,
+      activeScheme: l
+    }), (e, s) => (r(), o("form", {
+      onSubmit: s[2] || (s[2] = S(() => {
+      }, ["prevent"]))
+    }, [
+      e.selectedSchemeOptions.length > 1 ? (r(), o("div", {
+        key: 0,
+        class: n(["box-content flex flex-wrap gap-x-2.5 overflow-hidden border border-b-0 px-3", e.layout === "client" && "border-x-0"]),
+        "data-testid": "auth-tabs"
+      }, [
+        (r(!0), o(g, null, k(e.selectedSchemeOptions, (a, i) => (r(), o("div", {
+          key: Object.keys(a).join(" & "),
+          class: n(["relative z-1 -mb-[var(--scalar-border-width)] flex h-8 cursor-pointer", [t.value === i ? "text-c-1" : "text-c-3"]])
+        }, [
+          m("button", {
+            class: "floating-bg relative cursor-pointer border-b-[1px] border-transparent py-1 text-sm font-medium",
+            type: "button",
+            onClick: (A) => t.value = i
+          }, [
+            m("span", B, w(a.label), 1)
+          ], 8, j),
+          t.value === i ? (r(), o("div", $)) : d("", !0)
+        ], 2))), 128))
+      ], 2)) : d("", !0),
+      l.value ? (r(), x(V(N), {
+        key: 1,
+        class: n(["flex-1", e.layout === "reference" && "bg-b-1 rounded-b-lg border border-t-0"]),
+        columns: [""],
+        presentational: ""
+      }, {
+        default: C(() => [
+          O(z, {
+            envVariables: e.envVariables,
+            environment: e.environment,
+            layout: e.layout,
+            securitySchemes: e.securitySchemes ?? {},
+            selectedSecuritySchema: l.value.value,
+            server: e.server,
+            "onUpdate:securityScheme": s[0] || (s[0] = (a) => u("update:securityScheme", a)),
+            "onUpdate:selectedScopes": s[1] || (s[1] = (a) => u("update:selectedScopes", a))
+          }, null, 8, ["envVariables", "environment", "layout", "securitySchemes", "selectedSecuritySchema", "server"])
+        ]),
+        _: 1
+      }, 8, ["class"])) : (r(), o("div", {
+        key: 2,
+        class: n([
+          "text-c-3 bg-b-1 flex min-h-16 items-center justify-center border-t px-4 text-sm",
+          e.layout === "reference" && "min-h-[calc(4rem+0.5px)] rounded-b-lg border"
+        ])
+      }, " No authentication selected ", 2))
+    ], 32));
+  }
+});
+export {
+  U as default
+};

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue.d.ts

@@ -0,0 +1,48 @@
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import { type MaybeRefOrGetter } from 'vue';
+import type { EnvVariable } from '../../../../store/index.js';
+/**
+ * Vue class prop type
+ *
+ * Vue seems to just use any behind the scenes
+ *
+ * @see https://vuejs.org/guide/essentials/class-and-style.html#class-and-style-bindings
+ */
+export type VueClassProp = MaybeRefOrGetter<string | Record<string, boolean> | (string | Record<string, boolean>)[] | false>;
+type __VLS_Props = {
+    containerClass?: VueClassProp;
+    environment: Environment;
+    envVariables: EnvVariable[];
+    readOnly?: boolean;
+    required?: boolean;
+    type?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue: string;
+};
+declare var __VLS_12: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+} & {
+    icon?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+} & {
+    selectVariable: (value: string) => any;
+    inputFocus: () => any;
+    inputBlur: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelectVariable?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onInputFocus?: (() => any) | undefined;
+    onInputBlur?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=RequestAuthDataTableInput.vue.d.ts.map

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestAuthDataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAS,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAGlD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,CACvC,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,GACpC,KAAK,CACR,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC;AAyBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;AA2EF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;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;AAyB7C,QAAA,MAAM,eAAe;;;;;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as p, mergeModels as u, useModel as V, useId as f, createBlock as v, openBlock as y, unref as t, mergeProps as b, withCtx as s, renderSlot as i, createElementVNode as C } from "vue";
+import B from "../../../../components/DataTable/DataTableInput.vue.js";
+const q = ["for"], $ = /* @__PURE__ */ p({
+  __name: "RequestAuthDataTableInput",
+  props: /* @__PURE__ */ u({
+    containerClass: {},
+    environment: {},
+    envVariables: {},
+    readOnly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    type: {}
+  }, {
+    modelValue: { default: "", required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ u(["inputFocus", "inputBlur", "selectVariable"], ["update:modelValue"]),
+  setup(d, { emit: m }) {
+    const a = m, o = V(d, "modelValue"), r = f();
+    return (e, n) => (y(), v(t(B), b({ id: t(r) }, e.$attrs, {
+      modelValue: o.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (l) => o.value = l),
+      canAddCustomEnumValue: !e.readOnly,
+      containerClass: e.containerClass,
+      envVariables: e.envVariables,
+      environment: e.environment,
+      lineWrapping: "",
+      readOnly: e.readOnly,
+      required: e.required,
+      type: e.type,
+      onInputBlur: n[1] || (n[1] = (l) => a("inputBlur")),
+      onInputFocus: n[2] || (n[2] = (l) => a("inputFocus")),
+      onSelectVariable: n[3] || (n[3] = (l) => a("selectVariable", l))
+    }), {
+      default: s(() => [
+        C("label", { for: t(r) }, [
+          i(e.$slots, "default")
+        ], 8, q)
+      ]),
+      icon: s(() => [
+        i(e.$slots, "icon")
+      ]),
+      _: 3
+    }, 16, ["id", "modelValue", "canAddCustomEnumValue", "containerClass", "envVariables", "environment", "readOnly", "required", "type"]));
+  }
+});
+export {
+  $ as default
+};