@scalar/api-reference 1.38.1 → 1.39.1

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

@@ -0,0 +1,271 @@
+import { defineComponent, useTemplateRef, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, createVNode, unref, withCtx, mergeProps, createTextVNode } from "vue";
+import { DataTableRow } from "@scalar/api-client/components/DataTable";
+import { useWorkspace } from "@scalar/api-client/store";
+import { authorizeOauth2 } from "@scalar/api-client/views/Request/libs";
+import { useLoadingState, ScalarButton } from "@scalar/components";
+import { pkceOptions } from "@scalar/oas-utils/entities/spec";
+import { useToasts } from "@scalar/use-toasts";
+import { updateScheme } from "../helpers/update-scheme.js";
+import _sfc_main$2 from "./OAuthScopesInput.vue.js";
+import _sfc_main$1 from "./RequestAuthDataTableInput.vue.js";
+const _hoisted_1 = { class: "flex h-8 items-center justify-end gap-2 border-t" };
+const _hoisted_2 = { class: "flex h-8 w-full items-center justify-end border-t" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OAuth2",
+  props: {
+    collection: {},
+    environment: {},
+    envVariables: {},
+    flow: {},
+    persistAuth: { type: Boolean, default: false },
+    scheme: {},
+    server: {},
+    workspace: {}
+  },
+  setup(__props) {
+    const loadingState = useLoadingState();
+    const { toast } = useToasts();
+    const storeContext = useWorkspace();
+    const updateScheme$1 = (path, value) => updateScheme(
+      __props.scheme.uid,
+      path,
+      value,
+      storeContext,
+      wrapperRef.value,
+      __props.persistAuth
+    );
+    const handleAuthorize = async () => {
+      if (loadingState.isLoading || !__props.collection?.uid) {
+        return;
+      }
+      if (!__props.server) {
+        toast("No server selected", "error");
+        return;
+      }
+      loadingState.startLoading();
+      const [error, accessToken] = await authorizeOauth2(
+        __props.flow,
+        __props.server,
+        __props.workspace?.proxyUrl
+      ).finally(() => loadingState.stopLoading());
+      if (accessToken) {
+        updateScheme$1(`flows.${__props.flow.type}.token`, accessToken);
+      } else {
+        console.error(error);
+        toast(error?.message ?? "Failed to authorize", "error");
+      }
+    };
+    const dataTableInputProps = {
+      environment: __props.environment,
+      envVariables: __props.envVariables,
+      workspace: __props.workspace
+    };
+    const wrapperRef = useTemplateRef("wrapperRef");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          ref_key: "wrapperRef",
+          ref: wrapperRef
+        }, null, 512),
+        _ctx.flow.token ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createVNode(unref(DataTableRow), null, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, mergeProps(dataTableInputProps, {
+                class: "border-r-transparent",
+                modelValue: _ctx.flow.token,
+                placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
+                type: "password",
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => updateScheme$1(`flows.${_ctx.flow.type}.token`, v))
+              }), {
+                default: withCtx(() => [..._cache[10] || (_cache[10] = [
+                  createTextVNode(" Access Token ", -1)
+                ])]),
+                _: 1
+              }, 16, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(unref(DataTableRow), { class: "min-w-full" }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(unref(ScalarButton), {
+                  class: "mr-1 p-0 px-2 py-0.5",
+                  loading: unref(loadingState),
+                  size: "sm",
+                  variant: "outlined",
+                  onClick: _cache[1] || (_cache[1] = ($event) => updateScheme$1(`flows.${_ctx.flow.type}.token`, ""))
+                }, {
+                  default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                    createTextVNode(" Clear ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"])
+              ])
+            ]),
+            _: 1
+          })
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createVNode(unref(DataTableRow), null, {
+            default: withCtx(() => [
+              "authorizationUrl" in _ctx.flow ? (openBlock(), createBlock(_sfc_main$1, mergeProps({ key: 0 }, dataTableInputProps, {
+                containerClass: "border-r-0",
+                modelValue: _ctx.flow.authorizationUrl,
+                placeholder: "https://galaxy.scalar.com/authorize",
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = (v) => updateScheme$1(`flows.${_ctx.flow.type}.authorizationUrl`, v))
+              }), {
+                default: withCtx(() => [..._cache[12] || (_cache[12] = [
+                  createTextVNode(" Auth URL ", -1)
+                ])]),
+                _: 1
+              }, 16, ["modelValue"])) : createCommentVNode("", true),
+              "tokenUrl" in _ctx.flow ? (openBlock(), createBlock(_sfc_main$1, mergeProps({ key: 1 }, dataTableInputProps, {
+                modelValue: _ctx.flow.tokenUrl,
+                placeholder: "https://galaxy.scalar.com/token",
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = (v) => updateScheme$1(`flows.${_ctx.flow.type}.tokenUrl`, v))
+              }), {
+                default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                  createTextVNode(" Token URL ", -1)
+                ])]),
+                _: 1
+              }, 16, ["modelValue"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          "x-scalar-redirect-uri" in _ctx.flow ? (openBlock(), createBlock(unref(DataTableRow), { key: 0 }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, mergeProps(dataTableInputProps, {
+                modelValue: _ctx.flow["x-scalar-redirect-uri"],
+                placeholder: "https://galaxy.scalar.com/callback",
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = (v) => updateScheme$1(`flows.${_ctx.flow.type}.x-scalar-redirect-uri`, v))
+              }), {
+                default: withCtx(() => [..._cache[14] || (_cache[14] = [
+                  createTextVNode(" Redirect URL ", -1)
+                ])]),
+                _: 1
+              }, 16, ["modelValue"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          _ctx.flow.type === "password" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(unref(DataTableRow), null, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$1, mergeProps(dataTableInputProps, {
+                  class: "text-c-2",
+                  modelValue: _ctx.flow.username,
+                  placeholder: "janedoe",
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = (v) => updateScheme$1(`flows.${_ctx.flow.type}.username`, v))
+                }), {
+                  default: withCtx(() => [..._cache[15] || (_cache[15] = [
+                    createTextVNode(" Username ", -1)
+                  ])]),
+                  _: 1
+                }, 16, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(unref(DataTableRow), null, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$1, mergeProps(dataTableInputProps, {
+                  modelValue: _ctx.flow.password,
+                  placeholder: "********",
+                  type: "password",
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = (v) => updateScheme$1(`flows.${_ctx.flow.type}.password`, v))
+                }), {
+                  default: withCtx(() => [..._cache[16] || (_cache[16] = [
+                    createTextVNode(" Password ", -1)
+                  ])]),
+                  _: 1
+                }, 16, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ], 64)) : createCommentVNode("", true),
+          createVNode(unref(DataTableRow), null, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, mergeProps(dataTableInputProps, {
+                modelValue: _ctx.flow["x-scalar-client-id"],
+                placeholder: "12345",
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = (v) => updateScheme$1(`flows.${_ctx.flow.type}.x-scalar-client-id`, v))
+              }), {
+                default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                  createTextVNode(" Client ID ", -1)
+                ])]),
+                _: 1
+              }, 16, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          "clientSecret" in _ctx.flow ? (openBlock(), createBlock(unref(DataTableRow), { key: 2 }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, mergeProps(dataTableInputProps, {
+                modelValue: _ctx.flow.clientSecret,
+                placeholder: "XYZ123",
+                type: "password",
+                "onUpdate:modelValue": _cache[8] || (_cache[8] = (v) => updateScheme$1(`flows.${_ctx.flow.type}.clientSecret`, v))
+              }), {
+                default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                  createTextVNode(" Client Secret ", -1)
+                ])]),
+                _: 1
+              }, 16, ["modelValue"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          "x-usePkce" in _ctx.flow ? (openBlock(), createBlock(unref(DataTableRow), { key: 3 }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, mergeProps(dataTableInputProps, {
+                enum: unref(pkceOptions),
+                modelValue: _ctx.flow["x-usePkce"],
+                readOnly: "",
+                "onUpdate:modelValue": _cache[9] || (_cache[9] = (v) => updateScheme$1(
+                  `flows.${_ctx.flow.type}.x-usePkce`,
+                  v
+                ))
+              }), {
+                default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                  createTextVNode(" Use PKCE ", -1)
+                ])]),
+                _: 1
+              }, 16, ["enum", "modelValue"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          Object.keys(_ctx.flow.scopes ?? {}).length ? (openBlock(), createBlock(unref(DataTableRow), { key: 4 }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$2, {
+                flow: _ctx.flow,
+                updateScheme: updateScheme$1
+              }, null, 8, ["flow"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ], 64)),
+        !_ctx.flow.token ? (openBlock(), createBlock(unref(DataTableRow), {
+          key: 2,
+          class: "min-w-full"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(ScalarButton), {
+                class: "mr-0.75 p-0 px-2 py-0.5",
+                loading: unref(loadingState),
+                size: "sm",
+                variant: "outlined",
+                onClick: handleAuthorize
+              }, {
+                default: withCtx(() => [..._cache[20] || (_cache[20] = [
+                  createTextVNode(" Authorize ", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"])
+            ])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthScopesInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-auth-selector-block/components/OAuthScopesInput.vue"],"names":[],"mappings":"AA6IA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAGjE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;;AA6UF,wBAMG"}

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

@@ -0,0 +1,150 @@
+import { defineComponent, computed, createBlock, openBlock, unref, withCtx, createElementVNode, createVNode, normalizeClass, toDisplayString, createCommentVNode, withModifiers, createTextVNode, createElementBlock, Fragment, renderList } from "vue";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+import { DataTableCell, DataTableRow, DataTableCheckbox } from "@scalar/api-client/components/DataTable";
+import { ScalarButton, ScalarIcon } from "@scalar/components";
+const _hoisted_1 = { class: "flex h-fit w-full" };
+const _hoisted_2 = { class: "flex-1" };
+const _hoisted_3 = { class: "flex items-center gap-1.75" };
+const _hoisted_4 = {
+  class: "grid auto-rows-auto",
+  style: { gridTemplateColumns: "1fr auto" }
+};
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { class: "font-code text-xs" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OAuthScopesInput",
+  props: {
+    flow: {},
+    updateScheme: { type: Function }
+  },
+  setup(__props) {
+    const scopes = computed(
+      () => Object.entries(__props.flow?.scopes ?? {}).map(([key, val]) => ({
+        id: key,
+        label: key,
+        description: val
+      }))
+    );
+    const selectedScopes = computed(() => __props.flow?.selectedScopes || []);
+    function setScope(id, checked) {
+      if (checked) {
+        __props.updateScheme(`flows.${__props.flow.type}.selectedScopes`, [
+          ...selectedScopes.value,
+          id
+        ]);
+      } else {
+        __props.updateScheme(
+          `flows.${__props.flow.type}.selectedScopes`,
+          selectedScopes.value.filter((scope) => scope !== id)
+        );
+      }
+    }
+    const allScopesSelected = computed(
+      () => __props.flow?.selectedScopes?.length === Object.keys(__props.flow?.scopes ?? {}).length
+    );
+    const selectAllScopes = () => {
+      __props.updateScheme(
+        `flows.${__props.flow.type}.selectedScopes`,
+        Object.keys(__props.flow?.scopes ?? {})
+      );
+    };
+    const deselectAllScopes = () => {
+      __props.updateScheme(`flows.${__props.flow.type}.selectedScopes`, []);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DataTableCell), { class: "h-auto !max-h-[initial] min-h-8 items-center" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            _cache[2] || (_cache[2] = createElementVNode("div", { class: "text-c-1 h-full items-center" }, null, -1)),
+            createVNode(unref(Disclosure), {
+              as: "div",
+              class: "bl flex w-full flex-col"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(DisclosureButton), {
+                  class: normalizeClass([
+                    "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",
+                    (_ctx.flow?.selectedScopes?.length || 0) > 0 ? "text-c-1" : "text-c-3"
+                  ])
+                }, {
+                  default: withCtx(({ open }) => [
+                    createElementVNode("div", _hoisted_2, " Scopes Selected " + toDisplayString(_ctx.flow?.selectedScopes?.length || 0) + " / " + toDisplayString(Object.keys(_ctx.flow?.scopes ?? {}).length || 0), 1),
+                    createElementVNode("div", _hoisted_3, [
+                      allScopesSelected.value ? (openBlock(), createBlock(unref(ScalarButton), {
+                        key: 0,
+                        class: "pr-0.75 pl-1 transition-none",
+                        size: "sm",
+                        variant: "ghost",
+                        onClick: withModifiers(deselectAllScopes, ["stop"])
+                      }, {
+                        default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                          createTextVNode(" Deselect All ", -1)
+                        ])]),
+                        _: 1
+                      })) : createCommentVNode("", true),
+                      !allScopesSelected.value ? (openBlock(), createBlock(unref(ScalarButton), {
+                        key: 1,
+                        class: "pr-0.75 pl-1 transition-none",
+                        size: "sm",
+                        variant: "ghost",
+                        onClick: withModifiers(selectAllScopes, ["stop"])
+                      }, {
+                        default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                          createTextVNode(" Select All ", -1)
+                        ])]),
+                        _: 1
+                      })) : createCommentVNode("", true),
+                      createVNode(unref(ScalarIcon), {
+                        class: "text-c-3 group-hover/scopes-accordion:text-c-2",
+                        icon: open ? "ChevronDown" : "ChevronRight",
+                        size: "md"
+                      }, null, 8, ["icon"])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["class"]),
+                createVNode(unref(DisclosurePanel), { as: "template" }, {
+                  default: withCtx(() => [
+                    createElementVNode("table", _hoisted_4, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(scopes.value, ({ id, label, description }) => {
+                        return openBlock(), createBlock(unref(DataTableRow), {
+                          key: id,
+                          class: "text-c-2",
+                          onClick: ($event) => setScope(id, !selectedScopes.value.includes(id))
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(DataTableCell), { class: "hover:text-c-1 box-border !max-h-[initial] w-full cursor-pointer px-3 py-1.5" }, {
+                              default: withCtx(() => [
+                                description ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                                  createElementVNode("span", _hoisted_6, toDisplayString(label), 1),
+                                  createTextVNode(" – " + toDisplayString(description), 1)
+                                ])) : createCommentVNode("", true)
+                              ]),
+                              _: 2
+                            }, 1024),
+                            createVNode(unref(DataTableCheckbox), {
+                              modelValue: selectedScopes.value.includes(id),
+                              "onUpdate:modelValue": () => {
+                              }
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"]);
+                      }), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestAuthDataTable.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.vue"],"names":[],"mappings":"AAgOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EAEV,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAMrE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,WAAW,EAAE,OAAO,CAAA;IACpB,qBAAqB,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AAiPF,wBAMG"}

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

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

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

@@ -0,0 +1,116 @@
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, withModifiers, createCommentVNode, withDirectives, createVNode, normalizeClass, Fragment, renderList, createElementVNode, toDisplayString, unref, withCtx, vShow } from "vue";
+import { DataTable } from "@scalar/api-client/components/DataTable";
+import { useModal } from "@scalar/components";
+import _sfc_main$2 from "./DeleteRequestAuthModal.vue.js";
+import _sfc_main$1 from "./RequestAuthTab.vue.js";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "relative z-10 font-medium whitespace-nowrap" };
+const _hoisted_3 = {
+  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"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RequestAuthDataTable",
+  props: {
+    collection: {},
+    environment: {},
+    envVariables: {},
+    layout: { default: "client" },
+    persistAuth: { type: Boolean, default: false },
+    selectedSchemeOptions: { default: () => [] },
+    server: {},
+    workspace: {}
+  },
+  setup(__props) {
+    const deleteSchemeModal = useModal();
+    const selectedScheme = ref(
+      null
+    );
+    const activeAuthIndex = ref(0);
+    const activeScheme = computed(() => {
+      if (!__props.selectedSchemeOptions || __props.selectedSchemeOptions.length === 0) {
+        return [];
+      }
+      const option = __props.selectedSchemeOptions[activeAuthIndex.value];
+      if (!option) {
+        return [];
+      }
+      const keys = option.id.split(",").filter(Boolean);
+      return keys.length > 1 ? keys : [option.id];
+    });
+    const hasActiveSchemes = computed(() => {
+      return activeScheme.value.length > 0;
+    });
+    watch(
+      () => __props.selectedSchemeOptions,
+      (newOptions) => {
+        if (!newOptions || !newOptions[activeAuthIndex.value]) {
+          activeAuthIndex.value = Math.max(0, activeAuthIndex.value - 1);
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        onSubmit: _cache[1] || (_cache[1] = withModifiers(() => {
+        }, ["prevent"]))
+      }, [
+        _ctx.selectedSchemeOptions.length > 1 ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["box-content flex flex-wrap gap-x-2.5 overflow-hidden border border-b-0 px-3", _ctx.layout === "client" && "border-x-0"])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectedSchemeOptions, (option, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: option.id,
+              class: normalizeClass(["relative z-1 -mb-[var(--scalar-border-width)] flex h-8 cursor-pointer", [activeAuthIndex.value === index ? "text-c-1" : "text-c-3"]])
+            }, [
+              createElementVNode("button", {
+                class: "floating-bg relative cursor-pointer border-b-[1px] border-transparent py-1 text-sm font-medium",
+                type: "button",
+                onClick: ($event) => activeAuthIndex.value = index
+              }, [
+                createElementVNode("span", _hoisted_2, toDisplayString(option.label), 1)
+              ], 8, _hoisted_1),
+              activeAuthIndex.value === index ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
+            ], 2);
+          }), 128))
+        ], 2)) : createCommentVNode("", true),
+        withDirectives(createVNode(unref(DataTable), {
+          class: normalizeClass(["flex-1", _ctx.layout === "reference" && "bg-b-1 rounded-b-lg border border-t-0"]),
+          columns: [""],
+          presentational: ""
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$1, {
+              collection: _ctx.collection,
+              envVariables: _ctx.envVariables,
+              environment: _ctx.environment,
+              layout: _ctx.layout,
+              persistAuth: _ctx.persistAuth,
+              securitySchemeUids: activeScheme.value,
+              server: _ctx.server,
+              workspace: _ctx.workspace
+            }, null, 8, ["collection", "envVariables", "environment", "layout", "persistAuth", "securitySchemeUids", "server", "workspace"])
+          ]),
+          _: 1
+        }, 8, ["class"]), [
+          [vShow, hasActiveSchemes.value]
+        ]),
+        !hasActiveSchemes.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass([
+            "text-c-3 bg-b-1 flex min-h-16 items-center justify-center border-t px-4 text-sm",
+            _ctx.layout === "reference" && "min-h-[calc(4rem+0.5px)] rounded-b-lg border"
+          ])
+        }, " No authentication selected ", 2)) : createCommentVNode("", true),
+        createVNode(_sfc_main$2, {
+          scheme: selectedScheme.value,
+          state: unref(deleteSchemeModal),
+          onClose: _cache[0] || (_cache[0] = ($event) => unref(deleteSchemeModal).hide())
+        }, null, 8, ["scheme", "state"])
+      ], 32);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -37,8 +37,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     onInputBlur?: (() => any) | undefined;
     onSelectVariable?: ((value: string) => any) | undefined;
 }>, {
-    readOnly: boolean;
     required: boolean;
+    readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestAuthDataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue"],"names":[],"mappings":"AA2EA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,EAAS,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAElD;;;;;;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;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;AAkGJ,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;;;;;;;;;;;cApIN,OAAO;cAEP,OAAO;6EA0IpB,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/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent, useId, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createElementVNode } from "vue";
+import { DataTableInput } from "@scalar/api-client/components/DataTable";
+const _hoisted_1 = ["for"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RequestAuthDataTableInput",
+  props: {
+    type: {},
+    containerClass: {},
+    required: { type: Boolean, default: false },
+    modelValue: {},
+    readOnly: { type: Boolean, default: false },
+    environment: {},
+    envVariables: {},
+    workspace: {}
+  },
+  emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const id = useId();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DataTableInput), mergeProps({
+        id: unref(id),
+        canAddCustomEnumValue: !props.readOnly,
+        containerClass: props.containerClass
+      }, _ctx.$attrs, {
+        envVariables: props.envVariables,
+        environment: props.environment,
+        lineWrapping: "",
+        modelValue: props.modelValue,
+        readOnly: props.readOnly,
+        required: props.required,
+        type: props.type,
+        workspace: props.workspace,
+        onInputBlur: _cache[0] || (_cache[0] = ($event) => emit("inputBlur")),
+        onInputFocus: _cache[1] || (_cache[1] = ($event) => emit("inputFocus")),
+        onSelectVariable: _cache[2] || (_cache[2] = ($event) => emit("selectVariable", $event)),
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emit("update:modelValue", $event))
+      }), {
+        default: withCtx(() => [
+          createElementVNode("label", { for: unref(id) }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 8, _hoisted_1)
+        ]),
+        icon: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon")
+        ]),
+        _: 3
+      }, 16, ["id", "canAddCustomEnumValue", "containerClass", "envVariables", "environment", "modelValue", "readOnly", "required", "type", "workspace"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestAuthTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue"],"names":[],"mappings":"AAqUA,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAMzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EAEV,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAcrE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,WAAW,EAAE,OAAO,CAAA;IACpB,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AAqjBF,wBAMG"}