@scalar/api-client 2.10.0 → 2.12.0

package/dist/v2/blocks/{scalar-response-block → response-block}/components/ResponseCookies.vue.js

@@ -1,33 +1,33 @@
-import { defineComponent as c, createBlock as r, openBlock as e, withCtx as t, createElementBlock as s, Fragment as i, renderList as f, createVNode as a, createTextVNode as u } from "vue";
-import p from "../../../../components/DataTable/DataTable.vue.js";
-import k from "../../../../components/DataTable/DataTableRow.vue.js";
+import { defineComponent as c, createBlock as r, openBlock as e, unref as f, withCtx as t, createElementBlock as s, Fragment as i, renderList as u, createVNode as a, createTextVNode as p } from "vue";
+import k from "../../../../components/DataTable/DataTable.vue.js";
+import _ from "../../../../components/DataTable/DataTableRow.vue.js";
 import m from "../../../../components/DataTable/DataTableText.vue.js";
-import _ from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-const d = {
+import d from "../../../components/layout/CollapsibleSection.vue.js";
+const x = {
   key: 1,
   class: "text-c-3 bg-b-1 flex min-h-[65px] items-center justify-center border-t px-4 text-sm"
-}, B = /* @__PURE__ */ c({
+}, N = /* @__PURE__ */ c({
   __name: "ResponseCookies",
   props: {
     cookies: {}
   },
-  setup(x) {
-    return (o, l) => (e(), r(_, {
+  setup(C) {
+    return (o, l) => (e(), r(f(d), {
       defaultOpen: !1,
       itemCount: o.cookies.length
     }, {
       title: t(() => [...l[0] || (l[0] = [
-        u("Cookies", -1)
+        p("Cookies", -1)
       ])]),
       default: t(() => [
         (e(), s(i, { key: 0 }, [
-          o.cookies.length ? (e(), r(p, {
+          o.cookies.length ? (e(), r(k, {
             key: 0,
             class: "flex-1",
             columns: ["", ""]
           }, {
             default: t(() => [
-              (e(!0), s(i, null, f(o.cookies, (n) => (e(), r(k, {
+              (e(!0), s(i, null, u(o.cookies, (n) => (e(), r(_, {
                 key: n.name
               }, {
                 default: t(() => [
@@ -42,7 +42,7 @@ const d = {
               }, 1024))), 128))
             ]),
             _: 1
-          })) : (e(), s("div", d, " No cookies "))
+          })) : (e(), s("div", x, " No cookies "))
         ], 64))
       ]),
       _: 1
@@ -50,5 +50,5 @@ const d = {
   }
 });
 export {
-  B as default
+  N as default
 };

package/dist/v2/blocks/response-block/components/ResponseEmpty.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"names":[],"mappings":"AAiJA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,KAAK,WAAW,GAAG;IACjB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;CAC7C,CAAC;;;;;;;;;;AAmNF,wBAOG"}

package/dist/v2/blocks/{scalar-response-block → response-block}/components/ResponseEmpty.vue.js

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

package/dist/v2/blocks/response-block/components/ResponseLoadingOverlay.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseLoadingOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,KAAK,WAAW,GAAG;IACjB,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;CAC7C,CAAC;;AA8GF,wBAMG"}

package/dist/v2/blocks/response-block/components/ResponseLoadingOverlay.vue.js

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

package/dist/v2/blocks/{scalar-response-block → response-block}/components/ResponseMetaInformation.vue.d.ts

@@ -2,7 +2,6 @@ import type { ResponseInstance } from '@scalar/oas-utils/entities/spec';
 import type { createStoreEvents } from '../../../../store/events.js';
 type __VLS_Props = {
     response: ResponseInstance;
-    /** Event bus */
     events: ReturnType<typeof createStoreEvents>;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/v2/blocks/response-block/components/ResponseMetaInformation.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"names":[],"mappings":"AA4EA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAMvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGvD,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;CAC7C,CAAC;;AA0IF,wBAMG"}

package/dist/v2/blocks/response-block/helpers/extract-filename.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-filename.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/helpers/extract-filename.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,wBAAgB,eAAe,CAAC,kBAAkB,EAAE,MAAM,UAezD"}

package/dist/v2/blocks/response-block/helpers/get-content-length.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-content-length.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/helpers/get-content-length.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAGvE,0CAA0C;AAC1C,eAAO,MAAM,gBAAgB,GAAI,UAAU,gBAAgB,uBAW1D,CAAA"}

package/dist/v2/blocks/response-block/helpers/media-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-types.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/helpers/media-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAEhE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAEjE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,yCAAyC;AACzC,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAAA;CA8GjE,CAAA;AAED,iEAAiE;AACjE,eAAO,MAAM,cAAc,EAAE,MAAM,EAEX,CAAA;AAExB,sCAAsC;AACtC,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAgBxE;AAED,8DAA8D;AAC9D,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAErD"}

package/dist/v2/blocks/response-block/helpers/process-response-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"process-response-body.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/helpers/process-response-body.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAMtC;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE;;;;EAyBnH"}

package/dist/v2/blocks/response-block/index.d.ts

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

package/dist/v2/blocks/response-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/response-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/v2/blocks/response-block/index.js

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

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue.d.ts

@@ -1,10 +1,8 @@
 import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
-import type { Environment } from '@scalar/oas-utils/entities/environment';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import { type ClientLayout } from '../../../../hooks/index.js';
-import type { EnvVariable } from '../../../../store/active-entities.js';
-import type { createStoreEvents } from '../../../../store/events.js';
 import { type History } from './AddressBarHistory.vue.js';
 type __VLS_Props = {
     /** Current request path */
@@ -12,7 +10,7 @@ type __VLS_Props = {
     /** Current request method */
     method: HttpMethodType;
     /** Currently selected server */
-    server: ServerObject | undefined;
+    server: ServerObject | null;
     /** Server list available for operation/document */
     servers: ServerObject[];
     /** List of request history */
@@ -22,14 +20,13 @@ type __VLS_Props = {
     /** The amount remaining to load from 100 -> 0 */
     percentage?: number;
     /** Event bus */
-    events: ReturnType<typeof createStoreEvents>;
     eventBus: WorkspaceEventBus;
-    /** TODO: to be removed once we fully migrate to the new store */
-    environment: Environment;
-    envVariables: EnvVariable[];
+    /** Environment */
+    environment: XScalarEnvironment;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     execute: () => any;
+    "update:servers": () => any;
     "update:path": (payload: {
         value: string;
     }) => any;
@@ -38,6 +35,7 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onExecute?: (() => any) | undefined;
+    "onUpdate:servers"?: (() => any) | undefined;
     "onUpdate:path"?: ((payload: {
         value: string;
     }) => any) | undefined;

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"names":[],"mappings":"AAoTA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AACrF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAKhG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGvD,OAA0B,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IAE5C,QAAQ,EAAE,iBAAiB,CAAA;IAE3B,iEAAiE;IACjE,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;;eAmBW,MAAM;;;eAMN,cAAc;;;;;eANd,MAAM;;;eAMN,cAAc;;;AAsY3B,wBAOG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"names":[],"mappings":"AA6TA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AACrF,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAUhG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3C,OAA0B,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kBAAkB;IAClB,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;;;;;eAkBW,MAAM;;;eAMN,cAAc;;;;;;eANd,MAAM;;;eAMN,cAAc;;;AA0Y3B,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bc246159"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-52f53798"]]);
 export {
-  m as default
+  f as default
 };

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

@@ -1,14 +1,14 @@
-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 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 = {
+import { defineComponent as c, useId as B, computed as y, useTemplateRef as p, onMounted as x, onBeforeUnmount as w, createElementBlock as k, openBlock as b, unref as l, createElementVNode as r, createVNode as a, normalizeStyle as S, createBlock as C, createCommentVNode as R, withCtx as E, toDisplayString as i } from "vue";
+import { ScalarButton as U, ScalarIcon as V } from "@scalar/components";
+import { REQUEST_METHODS as $ } from "@scalar/helpers/http/http-info";
+import z from "./AddressBarHistory.vue.js";
+import I from "../../../../components/HttpMethod/HttpMethod.vue.js";
+import T from "../../../components/server/ServerDropdown.vue.js";
+import A from "../../../components/code-input/CodeInput.vue.js";
+const D = ["id"], F = { 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]" }, H = { class: "pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border" }, M = { 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" }, q = {
   "aria-hidden": "true",
   class: "inline-flex items-center gap-1"
-}, q = { class: "sr-only" }, j = /* @__PURE__ */ h({
+}, L = { class: "sr-only" }, W = /* @__PURE__ */ c({
   __name: "AddressBar",
   props: {
     path: {},
@@ -18,106 +18,104 @@ const U = ["id"], A = { class: "address-bar-bg-states text-xxs group relative or
     history: {},
     layout: {},
     percentage: { default: 100 },
-    events: {},
     eventBus: {},
-    environment: {},
-    envVariables: {}
+    environment: {}
   },
-  emits: ["execute", "update:path", "update:method"],
-  setup(n, { emit: p }) {
-    const a = p, d = y(), i = v(null), m = v(null);
-    function b() {
-      return V[n.method].colorVar;
-    }
-    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();
-    }), (e, t) => (f(), B("div", {
-      id: s(d),
+  emits: ["execute", "update:path", "update:method", "update:servers"],
+  setup(o, { emit: h }) {
+    const n = h, d = B(), g = y(() => ({
+      backgroundColor: `color-mix(in srgb, transparent 90%, ${$[o.method].colorVar})`,
+      transform: `translate3d(-${o.percentage}%,0,0)`
+    })), m = p("sendButtonRef"), u = p("addressBarRef"), f = () => m.value?.$el?.focus(), v = ({
+      event: t
+    }) => {
+      u.value?.isFocused && o.layout !== "desktop" || (u.value?.focus(), t.preventDefault());
+    };
+    return x(() => {
+      o.eventBus.on("ui:focus:address-bar", v), o.eventBus.on("ui:focus:send-button", f);
+    }), w(() => {
+      o.eventBus.off("ui:focus:address-bar", v), o.eventBus.off("ui:focus:send-button", f);
+    }), (t, e) => (b(), k("div", {
+      id: l(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"
     }, [
-      r("div", A, [
-        r("div", I, [
+      r("div", F, [
+        r("div", H, [
           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(-${e.percentage}%,0,0)`
-            })
+            style: S(g.value)
           }, null, 4)
         ]),
-        r("div", H, [
-          o(s($), {
-            isEditable: e.layout !== "modal",
+        r("div", M, [
+          a(l(I), {
+            isEditable: t.layout !== "modal",
             isSquare: "",
-            method: e.method,
+            method: t.method,
             teleport: "",
-            onChange: t[0] || (t[0] = (l) => a("update:method", { value: l }))
+            onChange: e[0] || (e[0] = (s) => n("update:method", { value: s }))
           }, null, 8, ["isEditable", "method"])
         ]),
         r("div", N, [
-          e.servers.length ? (f(), w(s(z), {
+          t.servers.length ? (b(), C(l(T), {
             key: 0,
-            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, {
+            layout: t.layout,
+            server: t.server,
+            servers: t.servers,
+            target: l(d),
+            "onUpdate:selectedServer": e[1] || (e[1] = (s) => t.eventBus.emit("server:update:selected", s)),
+            "onUpdate:servers": e[2] || (e[2] = (s) => n("update:servers")),
+            "onUpdate:variable": e[3] || (e[3] = (s) => t.eventBus.emit("server:update:variables", s))
+          }, null, 8, ["layout", "server", "servers", "target"])) : R("", !0),
+          e[8] || (e[8] = r("div", { class: "fade-left" }, null, -1)),
+          a(l(A), {
             ref_key: "addressBarRef",
-            ref: i,
+            ref: u,
             "aria-label": "Path",
             class: "min-w-fit outline-none",
             disableCloseBrackets: "",
-            disabled: e.layout === "modal",
+            disabled: t.layout === "modal",
             disableEnter: "",
             disableTabIndent: "",
             emitOnBlur: !1,
-            envVariables: e.envVariables,
-            environment: e.environment,
+            environment: t.environment,
             importCurl: "",
-            modelValue: e.path,
-            placeholder: e.server ? "" : "Enter a URL or cURL command",
+            modelValue: t.path,
+            placeholder: t.server ? "" : "Enter a URL or cURL command",
             server: "",
-            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"]),
-          t[9] || (t[9] = r("div", { class: "fade-right" }, null, -1))
+            onCurl: e[4] || (e[4] = (s) => t.eventBus.emit("import:curl", { value: s })),
+            onSubmit: e[5] || (e[5] = (s) => n("execute")),
+            "onUpdate:modelValue": e[6] || (e[6] = (s) => n("update:path", { value: s }))
+          }, null, 8, ["disabled", "environment", "modelValue", "placeholder"]),
+          e[9] || (e[9] = r("div", { class: "fade-right" }, null, -1))
         ]),
-        o(R, {
-          history: e.history,
-          target: s(d)
+        a(z, {
+          history: t.history,
+          target: l(d)
         }, null, 8, ["history", "target"]),
-        o(s(S), {
+        a(l(U), {
           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: e.percentage < 100,
-          onClick: t[7] || (t[7] = (l) => a("execute"))
+          disabled: t.percentage < 100,
+          onClick: e[7] || (e[7] = (s) => n("execute"))
         }, {
-          default: k(() => [
-            r("span", T, [
-              o(s(C), {
+          default: E(() => [
+            r("span", q, [
+              a(l(V), {
                 class: "relative shrink-0 fill-current",
                 icon: "Play",
                 size: "xs"
               }),
-              t[10] || (t[10] = r("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
+              e[10] || (e[10] = r("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
             ]),
-            r("span", q, " Send " + u(e.method) + " request to " + u(e.server?.url ?? "") + u(e.path), 1)
+            r("span", L, " Send " + i(t.method) + " request to " + i(t.server?.url ?? "") + i(t.path), 1)
           ]),
           _: 1
         }, 8, ["disabled"])
       ])
-    ], 8, U));
+    ], 8, D));
   }
 });
 export {
-  j as default
+  W as default
 };

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

@@ -1,24 +1,26 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
+import { type Icon } from '@scalar/components';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { AuthMeta } from '@scalar/workspace-store/mutators';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { OpenApiDocument, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import { type EnvVariable } from '../../../../store/index.js';
 import { type SecuritySchemeOption } from '../../../../v2/blocks/scalar-auth-selector-block/helpers/security-scheme.js';
 type __VLS_Props = {
-    environment: Environment;
-    envVariables: EnvVariable[];
-    layout: 'client' | 'reference';
+    environment: XScalarEnvironment;
+    eventBus: WorkspaceEventBus;
+    /** Whether we can add or delete auth schemes */
+    isReadOnly?: boolean;
+    /** Creates a static disclosure that cannot be collapsed */
+    isStatic?: boolean;
+    meta: AuthMeta;
     security: OpenApiDocument['security'];
-    selectedSecurity: OpenApiDocument['x-scalar-selected-security'];
     securitySchemes: NonNullable<OpenApiDocument['components']>['securitySchemes'];
+    selectedSecurity: OpenApiDocument['x-scalar-selected-security'];
     server: ServerObject | undefined;
     title: string;
-    eventBus: WorkspaceEventBus;
-    meta: AuthMeta;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
     authIndicator: import("vue").ComputedRef<{
-        icon: "Lock" | "Unlock";
+        icon: Icon;
         text: string;
     } | null>;
     selectedSchemeOptions: import("vue").ComputedRef<SecuritySchemeOption[]>;

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":"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"}
+{"version":3,"file":"AuthSelector.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/AuthSelector.vue"],"names":[],"mappings":"AAiTA,OAAO,EAML,KAAK,IAAI,EAEV,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EACV,eAAe,EAEf,YAAY,EACb,MAAM,8DAA8D,CAAA;AAIrE,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,gEAAgE,CAAA;AAKvE,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,eAAe,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAC9E,gBAAgB,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAA;IAC/D,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;;cA8BqC,IAAI;cAAQ,MAAM;;;;;AA+bzD,wBAOG"}

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

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