@scalar/api-client 2.9.1 → 2.11.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 { defineComponent as b, useId as h, ref as f, createElementBlock as y, openBlock as p, unref as s, createElementVNode as l, createVNode as o, normalizeStyle as B, createBlock as c, createCommentVNode as x, withCtx as w, toDisplayString as u } from "vue";
+import { ScalarButton as k, ScalarIcon as S } 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 $ from "../../../../components/HttpMethod/HttpMethod.vue.js";
-import R from "../../../components/server/ServerDropdown.vue.js";
+import R from "../../../../components/HttpMethod/HttpMethod.vue.js";
+import V from "../../../components/server/ServerDropdown.vue.js";
+import $ from "../../../components/code-input/CodeInput.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 = {
   "aria-hidden": "true",
   class: "inline-flex items-center gap-1"
-}, T = { class: "sr-only" }, Q = /* @__PURE__ */ g({
+}, T = { class: "sr-only" }, Q = /* @__PURE__ */ b({
   __name: "AddressBar",
   props: {
     path: {},
@@ -19,97 +19,96 @@ const z = ["id"], U = { class: "address-bar-bg-states text-xxs group relative or
     layout: {},
     percentage: { default: 100 },
     events: {},
-    environment: {},
-    envVariables: {}
+    eventBus: {},
+    environment: {}
   },
-  emits: ["importCurl", "update:method", "update:path", "execute", "update:selectedServer", "update:variable", "addServer"],
+  emits: ["execute", "update:path", "update:method"],
   setup(n, { emit: v }) {
-    const s = v, d = h(), i = p(null), m = p(null);
-    function b() {
+    const a = v, d = h(), i = f(null), m = f(null);
+    function g() {
       return C[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) => (p(), y("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", {
             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)`
+            style: B({
+              backgroundColor: `color-mix(in srgb, transparent 90%, ${g()})`,
+              transform: `translate3d(-${e.percentage}%,0,0)`
             })
           }, null, 4)
         ]),
         l("div", I, [
-          a(o($), {
-            isEditable: r.layout !== "modal",
+          o(s(R), {
+            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] = (r) => a("update:method", { value: r }))
           }, null, 8, ["isEditable", "method"])
         ]),
         l("div", H, [
-          r.servers.length ? (f(), x(o(R), {
+          e.servers.length ? (p(), c(s(V), {
             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] = (r) => e.eventBus.emit("open:command-palette", "addServer")),
+            "onUpdate:selectedServer": t[2] || (t[2] = (r) => e.eventBus.emit("server:update:selected", r)),
+            "onUpdate:variable": t[3] || (t[3] = (r) => e.eventBus.emit("server:update:variables", r))
+          }, null, 8, ["layout", "server", "servers", "target"])) : x("", !0),
+          t[8] || (t[8] = l("div", { class: "fade-left" }, null, -1)),
+          o(s($), {
             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,
+            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 }))
-          }, null, 8, ["disabled", "envVariables", "environment", "modelValue", "placeholder"]),
-          e[9] || (e[9] = l("div", { class: "fade-right" }, null, -1))
+            onCurl: t[4] || (t[4] = (r) => e.eventBus.emit("import:curl", { value: r })),
+            onSubmit: t[5] || (t[5] = (r) => a("execute")),
+            "onUpdate:modelValue": t[6] || (t[6] = (r) => a("update:path", { value: r }))
+          }, null, 8, ["disabled", "environment", "modelValue", "placeholder"]),
+          t[9] || (t[9] = l("div", { class: "fade-right" }, null, -1))
         ]),
-        a(E, {
-          history: r.history,
-          target: o(d)
+        o(E, {
+          history: e.history,
+          target: s(d)
         }, null, 8, ["history", "target"]),
-        a(o(B), {
+        o(s(k), {
           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] = (r) => a("execute"))
         }, {
-          default: S(() => [
+          default: w(() => [
             l("span", N, [
-              a(o(k), {
+              o(s(S), {
                 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] = l("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)
+            l("span", T, " Send " + u(e.method) + " request to " + u(e.server?.url ?? "") + u(e.path), 1)
           ]),
           _: 1
         }, 8, ["disabled"])

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

@@ -1,49 +1,30 @@
-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 EnvVariable } from '../../../../store/index.js';
-import type { UpdateSecuritySchemeEvent } from '../../../../v2/blocks/scalar-auth-selector-block/event-types';
+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 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['security'];
     securitySchemes: NonNullable<OpenApiDocument['components']>['securitySchemes'];
+    selectedSecurity: OpenApiDocument['x-scalar-selected-security'];
     server: ServerObject | undefined;
     title: string;
 };
 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[]>;
     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":"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-9df56497"]]);
+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
 };

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

@@ -1,171 +1,4 @@
-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({
-  __name: "AuthSelector",
-  props: {
-    environment: {},
-    envVariables: {},
-    layout: {},
-    security: {},
-    selectedSecurity: {},
-    securitySchemes: {},
-    server: {},
-    title: {}
-  },
-  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)
-        return null;
-      const e = !n.security.some(
-        (f) => Object.keys(f).length > 1
-      ) && n.security.some((f) => Object.keys(f).length === 0);
-      return { icon: e ? "Unlock" : "Lock", text: e ? "Optional" : "Required" };
-    }), s = S(() => n.selectedSecurity?.length ? n.selectedSecurity.map((t) => {
-      const e = Object.keys(t);
-      if (e.length > 1)
-        return W(t);
-      const l = e[0];
-      if (!l)
-        return;
-      const c = K(n.securitySchemes?.[l]);
-      if (c)
-        return X({ name: l, type: c.type, value: { [l]: [] } });
-    }).filter(B) : []);
-    function D({
-      label: t,
-      value: e
-    }) {
-      a.value = { label: t, payload: e }, p.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)
-      });
-    }, L = () => {
-      a.value && (d("deleteOperationAuth", Object.keys(a.value.payload)), a.value = null, p.hide());
-    };
-    return I({
-      authIndicator: y,
-      selectedSchemeOptions: s,
-      schemeOptions: R
-    }), (t, e) => (r(), x(o(_), {
-      class: "group/params relative",
-      itemCount: s.value.length,
-      layout: t.layout,
-      "onUpdate:modelValue": e[3] || (e[3] = (l) => A.value = l)
-    }, {
-      title: u(() => [
-        i("div", {
-          id: o(V),
-          class: "inline-flex items-center gap-0.5 leading-[20px]"
-        }, [
-          i("span", null, h(t.title), 1),
-          y.value ? (r(), v("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" }]),
-            "data-testid": "auth-indicator",
-            onClick: $
-          }, h(y.value.text), 3)) : g("", !0)
-        ], 8, te)
-      ]),
-      actions: u(() => [
-        i("div", le, [
-          m(o(E), {
-            class: "w-72 text-xs",
-            modelValue: s.value,
-            multiple: "",
-            options: R.value,
-            placement: "bottom-end",
-            teleport: "",
-            onDelete: D,
-            "onUpdate:modelValue": q
-          }, {
-            option: u(({ option: l, selected: c }) => [
-              m(o(P), {
-                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), {
-                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}`,
-                size: "xs",
-                onClick: U((f) => D(l), ["stop"])
-              }, null, 8, ["icon", "label", "onClick"])) : g("", !0)
-            ]),
-            default: u(() => [
-              m(o(F), {
-                ref_key: "comboboxButtonRef",
-                ref: w,
-                "aria-describedby": o(V),
-                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))
-                  ], 64)),
-                  m(o(H), {
-                    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: u(() => [
-        m(Z, {
-          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, {
-          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)
-      ]),
-      _: 1
-    }, 8, ["itemCount", "layout"]));
-  }
-});
+import f from "./AuthSelector.vue.js";
 export {
-  ye as default
+  f as default
 };