@scalar/api-client 2.9.0 → 2.10.0

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as g, useId as h, ref as p, createElementBlock as y, openBlock as f, unref as o, createElementVNode as l, createVNode as a, normalizeStyle as c, createBlock as x, createCommentVNode as w, withCtx as S, toDisplayString as u } from "vue";
-import { ScalarButton as B, ScalarIcon as k } from "@scalar/components";
-import { REQUEST_METHODS as C } from "@scalar/oas-utils/helpers";
-import V from "../../../../components/CodeInput/CodeInput.vue.js";
-import E from "./AddressBarHistory.vue.js";
+import { defineComponent as h, useId as y, ref as v, createElementBlock as B, openBlock as f, unref as s, createElementVNode as r, createVNode as o, normalizeStyle as c, createBlock as w, createCommentVNode as x, withCtx as k, toDisplayString as u } from "vue";
+import { ScalarButton as S, ScalarIcon as C } from "@scalar/components";
+import { REQUEST_METHODS as V } from "@scalar/oas-utils/helpers";
+import E from "../../../../components/CodeInput/CodeInput.vue.js";
+import R from "./AddressBarHistory.vue.js";
 import $ from "../../../../components/HttpMethod/HttpMethod.vue.js";
-import R from "../../../components/server/ServerDropdown.vue.js";
-const z = ["id"], U = { class: "address-bar-bg-states text-xxs group relative order-last flex w-full max-w-[calc(100dvw-24px)] flex-1 flex-row items-stretch rounded-lg p-0.75 lg:order-none lg:max-w-[580px] lg:min-w-[580px] xl:max-w-[720px] xl:min-w-[720px]" }, A = { class: "pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border" }, I = { class: "z-context-plus flex gap-1" }, H = { class: "scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full bg-blend-normal" }, N = {
+import z from "../../../components/server/ServerDropdown.vue.js";
+const U = ["id"], A = { class: "address-bar-bg-states text-xxs group relative order-last flex w-full max-w-[calc(100dvw-24px)] flex-1 flex-row items-stretch rounded-lg p-0.75 lg:order-none lg:max-w-[580px] lg:min-w-[580px] xl:max-w-[720px] xl:min-w-[720px]" }, I = { class: "pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border" }, H = { class: "z-context-plus flex gap-1" }, N = { class: "scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full bg-blend-normal" }, T = {
   "aria-hidden": "true",
   class: "inline-flex items-center gap-1"
-}, T = { class: "sr-only" }, Q = /* @__PURE__ */ g({
+}, q = { class: "sr-only" }, j = /* @__PURE__ */ h({
   __name: "AddressBar",
   props: {
     path: {},
@@ -19,104 +19,105 @@ const z = ["id"], U = { class: "address-bar-bg-states text-xxs group relative or
     layout: {},
     percentage: { default: 100 },
     events: {},
+    eventBus: {},
     environment: {},
     envVariables: {}
   },
-  emits: ["importCurl", "update:method", "update:path", "execute", "update:selectedServer", "update:variable", "addServer"],
-  setup(n, { emit: v }) {
-    const s = v, d = h(), i = p(null), m = p(null);
+  emits: ["execute", "update:path", "update:method"],
+  setup(n, { emit: p }) {
+    const a = p, d = y(), i = v(null), m = v(null);
     function b() {
-      return C[n.method].colorVar;
+      return V[n.method].colorVar;
     }
-    return n.events.hotKeys.on((r) => {
-      r?.focusAddressBar && i.value?.focus();
+    return n.events.hotKeys.on((e) => {
+      e?.focusAddressBar && i.value?.focus();
     }), n.events.focusAddressBar.on(() => {
       n.layout === "modal" ? m.value?.$el?.focus() : i.value?.focus();
-    }), (r, e) => (f(), y("div", {
-      id: o(d),
+    }), (e, t) => (f(), B("div", {
+      id: s(d),
       class: "scalar-address-bar order-last flex h-(--scalar-address-bar-height) w-full [--scalar-address-bar-height:32px] lg:order-none lg:w-auto"
     }, [
-      l("div", U, [
-        l("div", A, [
-          l("div", {
+      r("div", A, [
+        r("div", I, [
+          r("div", {
             class: "absolute top-0 left-0 z-[1002] h-full w-full",
             style: c({
               backgroundColor: `color-mix(in srgb, transparent 90%, ${b()})`,
-              transform: `translate3d(-${r.percentage}%,0,0)`
+              transform: `translate3d(-${e.percentage}%,0,0)`
             })
           }, null, 4)
         ]),
-        l("div", I, [
-          a(o($), {
-            isEditable: r.layout !== "modal",
+        r("div", H, [
+          o(s($), {
+            isEditable: e.layout !== "modal",
             isSquare: "",
-            method: r.method,
+            method: e.method,
             teleport: "",
-            onChange: e[0] || (e[0] = (t) => s("update:method", { method: t }))
+            onChange: t[0] || (t[0] = (l) => a("update:method", { value: l }))
           }, null, 8, ["isEditable", "method"])
         ]),
-        l("div", H, [
-          r.servers.length ? (f(), x(o(R), {
+        r("div", N, [
+          e.servers.length ? (f(), w(s(z), {
             key: 0,
-            layout: r.layout,
-            server: r.server,
-            servers: r.servers,
-            target: o(d),
-            onAddServer: e[1] || (e[1] = (t) => s("addServer")),
-            "onUpdate:selectedServer": e[2] || (e[2] = (t) => s("update:selectedServer", t)),
-            "onUpdate:variable": e[3] || (e[3] = (t) => s("update:variable", t))
-          }, null, 8, ["layout", "server", "servers", "target"])) : w("", !0),
-          e[8] || (e[8] = l("div", { class: "fade-left" }, null, -1)),
-          a(V, {
+            layout: e.layout,
+            server: e.server,
+            servers: e.servers,
+            target: s(d),
+            onAddServer: t[1] || (t[1] = (l) => e.eventBus.emit("open:command-palette", "addServer")),
+            "onUpdate:selectedServer": t[2] || (t[2] = (l) => e.eventBus.emit("update:selected-server", { url: l.id })),
+            "onUpdate:variable": t[3] || (t[3] = ({ key: l, value: g }) => e.eventBus.emit("update:selected-server-variables", { key: l, value: g }))
+          }, null, 8, ["layout", "server", "servers", "target"])) : x("", !0),
+          t[8] || (t[8] = r("div", { class: "fade-left" }, null, -1)),
+          o(E, {
             ref_key: "addressBarRef",
             ref: i,
             "aria-label": "Path",
             class: "min-w-fit outline-none",
             disableCloseBrackets: "",
-            disabled: r.layout === "modal",
+            disabled: e.layout === "modal",
             disableEnter: "",
             disableTabIndent: "",
             emitOnBlur: !1,
-            envVariables: r.envVariables,
-            environment: r.environment,
+            envVariables: e.envVariables,
+            environment: e.environment,
             importCurl: "",
-            modelValue: r.path,
-            placeholder: r.server ? "" : "Enter a URL or cURL command",
+            modelValue: e.path,
+            placeholder: e.server ? "" : "Enter a URL or cURL command",
             server: "",
-            onCurl: e[4] || (e[4] = (t) => r.$emit("importCurl", t)),
-            onSubmit: e[5] || (e[5] = (t) => s("execute")),
-            "onUpdate:modelValue": e[6] || (e[6] = (t) => s("update:path", { path: t }))
+            onCurl: t[4] || (t[4] = (l) => e.eventBus.emit("import:curl", { value: l })),
+            onSubmit: t[5] || (t[5] = (l) => a("execute")),
+            "onUpdate:modelValue": t[6] || (t[6] = (l) => a("update:path", { value: l }))
           }, null, 8, ["disabled", "envVariables", "environment", "modelValue", "placeholder"]),
-          e[9] || (e[9] = l("div", { class: "fade-right" }, null, -1))
+          t[9] || (t[9] = r("div", { class: "fade-right" }, null, -1))
         ]),
-        a(E, {
-          history: r.history,
-          target: o(d)
+        o(R, {
+          history: e.history,
+          target: s(d)
         }, null, 8, ["history", "target"]),
-        a(o(B), {
+        o(s(S), {
           ref_key: "sendButtonRef",
           ref: m,
           class: "z-context-plus relative h-auto shrink-0 overflow-hidden py-1 pr-2.5 pl-2 font-bold",
-          disabled: r.percentage < 100,
-          onClick: e[7] || (e[7] = (t) => s("execute"))
+          disabled: e.percentage < 100,
+          onClick: t[7] || (t[7] = (l) => a("execute"))
         }, {
-          default: S(() => [
-            l("span", N, [
-              a(o(k), {
+          default: k(() => [
+            r("span", T, [
+              o(s(C), {
                 class: "relative shrink-0 fill-current",
                 icon: "Play",
                 size: "xs"
               }),
-              e[10] || (e[10] = l("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
+              t[10] || (t[10] = r("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
             ]),
-            l("span", T, " Send " + u(r.method) + " request to " + u(r.server?.url ?? "") + u(r.path), 1)
+            r("span", q, " Send " + u(e.method) + " request to " + u(e.server?.url ?? "") + u(e.path), 1)
           ]),
           _: 1
         }, 8, ["disabled"])
       ])
-    ], 8, z));
+    ], 8, U));
   }
 });
 export {
-  Q as default
+  j as default
 };

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

@@ -1,17 +1,20 @@
 import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { OpenApiDocument, SecuritySchemeObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { AuthMeta } from '@scalar/workspace-store/mutators';
+import type { OpenApiDocument, 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';
     security: OpenApiDocument['security'];
-    selectedSecurity: OpenApiDocument['security'];
+    selectedSecurity: OpenApiDocument['x-scalar-selected-security'];
     securitySchemes: NonNullable<OpenApiDocument['components']>['securitySchemes'];
     server: ServerObject | undefined;
     title: string;
+    eventBus: WorkspaceEventBus;
+    meta: AuthMeta;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
     authIndicator: import("vue").ComputedRef<{
@@ -20,30 +23,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {
     } | null>;
     selectedSchemeOptions: import("vue").ComputedRef<SecuritySchemeOption[]>;
     schemeOptions: import("vue").ComputedRef<SecuritySchemeOption[] | import("../../../../v2/blocks/scalar-auth-selector-block/helpers/security-scheme.js").SecuritySchemeGroup[]>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:selectedScopes": (payload: {
-        id: string[];
-        name: string;
-        scopes: string[];
-    }) => any;
-    "update:securityScheme": (payload: UpdateSecuritySchemeEvent) => any;
-    deleteOperationAuth: (names: string[]) => any;
-    "update:selectedSecurity": (payload: {
-        value: NonNullable<OpenApiDocument["x-scalar-selected-security"]>;
-        create: SecuritySchemeObject[];
-    }) => 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;
-    onDeleteOperationAuth?: ((names: string[]) => any) | undefined;
-    "onUpdate:selectedSecurity"?: ((payload: {
-        value: NonNullable<OpenApiDocument["x-scalar-selected-security"]>;
-        create: SecuritySchemeObject[];
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=AuthSelector.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AuthSelector.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/AuthSelector.vue"],"names":[],"mappings":"AAwWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAGzE,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAKrE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAA;AACnG,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,gEAAgE,CAAA;AAIvE,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,gBAAgB,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAC7C,eAAe,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAC9E,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;;;;;;;;;YAiBiB,MAAM,EAAE;cAAQ,MAAM;gBAAU,MAAM,EAAE;;;;;eAK9C,WAAW,CAAC,eAAe,CAAC,4BAA4B,CAAC,CAAC;gBACzD,oBAAoB,EAAE;;;;YANjB,MAAM,EAAE;cAAQ,MAAM;gBAAU,MAAM,EAAE;;;;;eAK9C,WAAW,CAAC,eAAe,CAAC,4BAA4B,CAAC,CAAC;gBACzD,oBAAoB,EAAE;;;AA2epC,wBAQG"}
+{"version":3,"file":"AuthSelector.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/AuthSelector.vue"],"names":[],"mappings":"AA0WA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EACV,eAAe,EAEf,YAAY,EACb,MAAM,8DAA8D,CAAA;AAKrE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,gEAAgE,CAAA;AAIvE,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,gBAAgB,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAA;IAC/D,eAAe,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAC9E,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,QAAQ,CAAA;CACf,CAAC;;;;;;;;;AAmfF,wBAOG"}

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

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

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

@@ -1,14 +1,14 @@
-import { defineComponent as M, useId as N, ref as b, computed as S, createBlock as x, openBlock as r, unref as o, withCtx as u, createVNode as m, createCommentVNode as g, createElementVNode as i, createElementBlock as v, Fragment as k, createTextVNode as C, toDisplayString as h, withModifiers as U, normalizeClass as j } from "vue";
-import { useModal as z, ScalarComboboxMultiselect as E, ScalarButton as F, ScalarListboxCheckbox as P, ScalarIconButton as G } from "@scalar/components";
-import { ScalarIconCaretDown as H, ScalarIconTrash as J } from "@scalar/icons";
-import { isDefined as B } from "@scalar/oas-utils/helpers";
-import { getResolvedRef as K } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import Q from "./DeleteRequestAuthModal.vue.js";
-import { formatComplexScheme as W, formatScheme as X, getSecuritySchemeOptions as Y } from "../helpers/security-scheme.js";
-import Z from "./RequestAuthDataTable.vue.js";
-import _ from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useLayout as ee } from "../../../../hooks/useLayout.js";
-const te = ["id"], le = { class: "flex flex-1" }, oe = { class: "min-w-0 flex-1 truncate" }, ye = /* @__PURE__ */ M({
+import { defineComponent as T, useId as $, ref as f, computed as b, createBlock as x, openBlock as r, unref as a, withCtx as u, createVNode as m, createCommentVNode as S, createElementVNode as i, createElementBlock as h, Fragment as g, createTextVNode as k, toDisplayString as p, withModifiers as L, normalizeClass as M } from "vue";
+import { useModal as N, ScalarComboboxMultiselect as j, ScalarButton as z, ScalarListboxCheckbox as U, ScalarIconButton as E } from "@scalar/components";
+import { ScalarIconCaretDown as F, ScalarIconTrash as P } from "@scalar/icons";
+import { isDefined as G } from "@scalar/oas-utils/helpers";
+import { getResolvedRef as H } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import J from "./DeleteRequestAuthModal.vue.js";
+import { formatComplexScheme as K, formatScheme as Q, getSecuritySchemeOptions as W } from "../helpers/security-scheme.js";
+import X from "./RequestAuthDataTable.vue.js";
+import Y from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useLayout as Z } from "../../../../hooks/useLayout.js";
+const _ = ["id"], ee = { class: "flex flex-1" }, te = { class: "min-w-0 flex-1 truncate" }, de = /* @__PURE__ */ T({
   __name: "AuthSelector",
   props: {
     environment: {},
@@ -18,119 +18,128 @@ const te = ["id"], le = { class: "flex flex-1" }, oe = { class: "min-w-0 flex-1
     selectedSecurity: {},
     securitySchemes: {},
     server: {},
-    title: {}
+    title: {},
+    eventBus: {},
+    meta: {}
   },
-  emits: ["deleteOperationAuth", "update:securityScheme", "update:selectedScopes", "update:selectedSecurity"],
-  setup(n, { expose: I, emit: T }) {
-    const d = T, { layout: O } = ee(), V = N(), w = b(null), p = z(), a = b(null), A = b(!1), y = S(() => {
-      if (!n.security?.length)
+  setup(l, { expose: A }) {
+    const { layout: C } = Z(), B = $(), V = f(null), d = N(), n = f(null), O = f(!1), y = b(() => {
+      if (!l.security?.length)
         return null;
-      const e = !n.security.some(
-        (f) => Object.keys(f).length > 1
-      ) && n.security.some((f) => Object.keys(f).length === 0);
+      const e = !l.security.some(
+        (v) => Object.keys(v).length > 1
+      ) && l.security.some((v) => Object.keys(v).length === 0);
       return { icon: e ? "Unlock" : "Lock", text: e ? "Optional" : "Required" };
-    }), s = S(() => n.selectedSecurity?.length ? n.selectedSecurity.map((t) => {
+    }), s = b(() => l.selectedSecurity?.["x-schemes"].length ? l.selectedSecurity["x-schemes"].map((t) => {
       const e = Object.keys(t);
       if (e.length > 1)
-        return W(t);
-      const l = e[0];
-      if (!l)
+        return K(t);
+      const o = e[0];
+      if (!o)
         return;
-      const c = K(n.securitySchemes?.[l]);
+      const c = H(l.securitySchemes?.[o]);
       if (c)
-        return X({ name: l, type: c.type, value: { [l]: [] } });
-    }).filter(B) : []);
-    function D({
+        return Q({ name: o, type: c.type, value: t });
+    }).filter(G) : []);
+    function w({
       label: t,
       value: e
     }) {
-      a.value = { label: t, payload: e }, p.show();
+      n.value = { label: t, payload: e }, d.show();
     }
-    const R = S(() => Y(
-      n.security ?? [],
-      n.securitySchemes ?? {},
-      O === "modal" || n.layout === "reference"
-    )), $ = (t) => {
-      A.value && t.stopPropagation(), w.value?.$el.click();
-    }, q = (t) => {
-      d("update:selectedSecurity", {
-        value: t.map((e) => e.value),
-        create: t.map((e) => e.payload).filter(B)
+    const R = b(() => W(
+      l.security ?? [],
+      l.securitySchemes ?? {},
+      C === "modal" || l.layout === "reference"
+    )), D = (t) => {
+      O.value && t.stopPropagation(), V.value?.$el.click();
+    }, I = (t) => {
+      l.eventBus.emit("auth:update:selected-security-schemes", {
+        // Only include updated schemes
+        selectedRequirements: t.filter((e) => e.payload === void 0).map((e) => e.value),
+        // Only include created schemes
+        newSchemes: t.filter((e) => e.payload !== void 0).map((e) => ({
+          name: e.label,
+          scheme: e.payload
+        })),
+        meta: l.meta
       });
-    }, L = () => {
-      a.value && (d("deleteOperationAuth", Object.keys(a.value.payload)), a.value = null, p.hide());
+    }, q = () => {
+      n.value && (l.eventBus.emit("auth:delete:security-scheme", {
+        names: Object.keys(n.value.payload)
+      }), n.value = null, d.hide());
     };
-    return I({
+    return A({
       authIndicator: y,
       selectedSchemeOptions: s,
       schemeOptions: R
-    }), (t, e) => (r(), x(o(_), {
+    }), (t, e) => (r(), x(a(Y), {
       class: "group/params relative",
       itemCount: s.value.length,
       layout: t.layout,
-      "onUpdate:modelValue": e[3] || (e[3] = (l) => A.value = l)
+      "onUpdate:modelValue": e[1] || (e[1] = (o) => O.value = o)
     }, {
       title: u(() => [
         i("div", {
-          id: o(V),
+          id: a(B),
           class: "inline-flex items-center gap-0.5 leading-[20px]"
         }, [
-          i("span", null, h(t.title), 1),
-          y.value ? (r(), v("span", {
+          i("span", null, p(t.title), 1),
+          y.value ? (r(), h("span", {
             key: 0,
-            class: j(["text-c-3 hover:bg-b-3 hover:text-c-1 -mr-1 cursor-pointer rounded px-1 py-0.5 text-xs leading-[normal]", { "text-c-1": y.value.text === "Required" }]),
+            class: M(["text-c-3 hover:bg-b-3 hover:text-c-1 -mr-1 cursor-pointer rounded px-1 py-0.5 text-xs leading-[normal]", { "text-c-1": y.value.text === "Required" }]),
             "data-testid": "auth-indicator",
-            onClick: $
-          }, h(y.value.text), 3)) : g("", !0)
-        ], 8, te)
+            onClick: D
+          }, p(y.value.text), 3)) : S("", !0)
+        ], 8, _)
       ]),
       actions: u(() => [
-        i("div", le, [
-          m(o(E), {
+        i("div", ee, [
+          m(a(j), {
             class: "w-72 text-xs",
             modelValue: s.value,
             multiple: "",
             options: R.value,
             placement: "bottom-end",
             teleport: "",
-            onDelete: D,
-            "onUpdate:modelValue": q
+            onDelete: w,
+            "onUpdate:modelValue": I
           }, {
-            option: u(({ option: l, selected: c }) => [
-              m(o(P), {
+            option: u(({ option: o, selected: c }) => [
+              m(a(U), {
                 multiselect: "",
                 selected: c
               }, null, 8, ["selected"]),
-              i("div", oe, h(l.label), 1),
-              l.isDeletable ?? (o(O) !== "modal" && t.layout !== "reference") ? (r(), x(o(G), {
+              i("div", te, p(o.label), 1),
+              o.isDeletable ?? (a(C) !== "modal" && t.layout !== "reference") ? (r(), x(a(E), {
                 key: 0,
                 class: "-m-0.5 shrink-0 p-0.5 opacity-0 group-hover/item:opacity-100",
-                icon: o(J),
-                label: `Delete ${l.label}`,
+                icon: a(P),
+                label: `Delete ${o.label}`,
                 size: "xs",
-                onClick: U((f) => D(l), ["stop"])
-              }, null, 8, ["icon", "label", "onClick"])) : g("", !0)
+                onClick: L((v) => w(o), ["stop"])
+              }, null, 8, ["icon", "label", "onClick"])) : S("", !0)
             ]),
             default: u(() => [
-              m(o(F), {
+              m(a(z), {
                 ref_key: "comboboxButtonRef",
-                ref: w,
-                "aria-describedby": o(V),
+                ref: V,
+                "aria-describedby": a(B),
                 class: "group/combobox-button hover:text-c-1 text-c-2 flex h-fit w-full items-center gap-1 px-0.75 py-0.25 text-base font-normal transition-transform",
                 variant: "ghost"
               }, {
                 default: u(() => [
-                  s.value.length === 1 ? (r(), v(k, { key: 0 }, [
-                    e[4] || (e[4] = i("span", { class: "sr-only" }, "Selected Auth Type:", -1)),
-                    C(" " + h(s.value[0]?.label), 1)
-                  ], 64)) : s.value.length > 1 ? (r(), v(k, { key: 1 }, [
-                    e[5] || (e[5] = C(" Multiple ", -1)),
-                    e[6] || (e[6] = i("span", { class: "sr-only" }, "Auth Types Selected", -1))
-                  ], 64)) : (r(), v(k, { key: 2 }, [
-                    e[7] || (e[7] = i("span", { class: "sr-only" }, "Select", -1)),
-                    e[8] || (e[8] = C(" Auth Type ", -1))
+                  s.value.length === 1 ? (r(), h(g, { key: 0 }, [
+                    e[2] || (e[2] = i("span", { class: "sr-only" }, "Selected Auth Type:", -1)),
+                    k(" " + p(s.value[0]?.label), 1)
+                  ], 64)) : s.value.length > 1 ? (r(), h(g, { key: 1 }, [
+                    e[3] || (e[3] = k(" Multiple ", -1)),
+                    e[4] || (e[4] = i("span", { class: "sr-only" }, "Auth Types Selected", -1))
+                  ], 64)) : (r(), h(g, { key: 2 }, [
+                    e[5] || (e[5] = i("span", { class: "sr-only" }, "Select", -1)),
+                    e[6] || (e[6] = k(" Auth Type ", -1))
                   ], 64)),
-                  m(o(H), {
+                  m(a(F), {
                     class: "size-3 shrink-0 transition-transform duration-100 group-aria-expanded/combobox-button:rotate-180",
                     weight: "bold"
                   })
@@ -143,29 +152,30 @@ const te = ["id"], le = { class: "flex flex-1" }, oe = { class: "min-w-0 flex-1
         ])
       ]),
       default: u(() => [
-        m(Z, {
+        m(X, {
           envVariables: t.envVariables,
           environment: t.environment,
           layout: t.layout,
           securitySchemes: t.securitySchemes,
           selectedSchemeOptions: s.value,
           server: t.server,
-          "onUpdate:securityScheme": e[0] || (e[0] = (l) => d("update:securityScheme", l)),
-          "onUpdate:selectedScopes": e[1] || (e[1] = (l) => d("update:selectedScopes", l))
-        }, null, 8, ["envVariables", "environment", "layout", "securitySchemes", "selectedSchemeOptions", "server"]),
-        a.value ? (r(), x(Q, {
+          meta: t.meta,
+          activeAuthIndex: t.selectedSecurity?.["x-selected-index"] ?? 0,
+          eventBus: t.eventBus
+        }, null, 8, ["envVariables", "environment", "layout", "securitySchemes", "selectedSchemeOptions", "server", "meta", "activeAuthIndex", "eventBus"]),
+        n.value ? (r(), x(J, {
           key: 0,
-          label: a.value.label,
-          scheme: a.value,
-          state: o(p),
-          onClose: e[2] || (e[2] = (l) => o(p).hide()),
-          onDelete: L
-        }, null, 8, ["label", "scheme", "state"])) : g("", !0)
+          label: n.value.label,
+          scheme: n.value,
+          state: a(d),
+          onClose: e[0] || (e[0] = (o) => a(d).hide()),
+          onDelete: q
+        }, null, 8, ["label", "scheme", "state"])) : S("", !0)
       ]),
       _: 1
     }, 8, ["itemCount", "layout"]));
   }
 });
 export {
-  ye as default
+  de as default
 };

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

@@ -1,33 +1,23 @@
 import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { AuthMeta } from '@scalar/workspace-store/mutators';
 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[];
+    activeAuthIndex: number;
     securitySchemes: ComponentsObject['securitySchemes'];
     server: ServerObject | undefined;
+    eventBus: WorkspaceEventBus;
+    meta: AuthMeta;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    activeAuthIndex: import("vue").Ref<number, number>;
+    activeAuthIndex: 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>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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

@@ -1 +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"}
+{"version":3,"file":"RequestAuthDataTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.vue"],"names":[],"mappings":"AA+KA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,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,MAAM,CAAA;IACvB,eAAe,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IACpD,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,QAAQ,CAAA;CACf,CAAC;;;;;AAqNF,wBAOG"}

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

@@ -1,7 +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"]]);
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-3ae5eb41"]]);
 export {
   m as default
 };