@scalar/api-reference 1.34.5 → 1.35.0

package/dist/v2/ApiReferenceWorkspace.vue.d.ts

@@ -4,23 +4,20 @@ type __VLS_Props = {
     configuration?: AnyApiReferenceConfiguration;
     store: WorkspaceStore;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        footer?(_: {}): any;
-        footer?(_: {}): any;
-        "sidebar-start"?(_: {}): any;
-    };
-    refs: {
-        root: HTMLDivElement;
-    };
-    rootEl: any;
+declare var __VLS_13: {}, __VLS_15: {}, __VLS_21: {}, __VLS_23: {};
+type __VLS_Slots = {} & {
+    footer?: (props: typeof __VLS_13) => any;
+} & {
+    footer?: (props: typeof __VLS_15) => any;
+} & {
+    'sidebar-start'?: (props: typeof __VLS_21) => any;
+} & {
+    'sidebar-end'?: (props: typeof __VLS_23) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: 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>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/v2/ApiReferenceWorkspace.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceWorkspace.vue.d.ts","sourceRoot":"","sources":["../../src/v2/ApiReferenceWorkspace.vue"],"names":[],"mappings":"AAgVA,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAA;AA2BpE,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,4BAA4B,CAAA;IAC5C,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;AA4NF,iBAAS,cAAc;WA8GT,OAAO,IAA6B;;wBAXrB,GAAG;wBACH,GAAG;iCACM,GAAG;;;;;;EAcxC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ApiReferenceWorkspace.vue.d.ts","sourceRoot":"","sources":["../../src/v2/ApiReferenceWorkspace.vue"],"names":[],"mappings":"AAsUA,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAyBpE,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,4BAA4B,CAAA;IAC5C,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;AAiSF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACzF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA2BtD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/ApiReferenceWorkspace.vue.js

@@ -1,162 +1,159 @@
-import { defineComponent as R, ref as c, toRef as _, provide as $, useTemplateRef as w, onBeforeMount as V, watch as u, computed as A, createElementBlock as B, openBlock as k, createBlock as P, createCommentVNode as U, createVNode as D, unref as n, resolveDynamicComponent as K, withCtx as i, createTextVNode as F, toDisplayString as O, renderSlot as f, isRef as Y } from "vue";
-import { safeLocalStorage as E, REFERENCE_LS_KEYS as x } from "@scalar/helpers/object/local-storage";
-import { makeUrlAbsolute as z } from "@scalar/helpers/url/make-url-absolute";
-import { redirectToProxy as H } from "@scalar/oas-utils/helpers";
-import { useColorMode as W } from "@scalar/use-hooks/useColorMode";
-import { useSeoMeta as j } from "@unhead/vue";
-import { useFavicon as q } from "@vueuse/core";
-import G from "../components/ApiReferenceLayout.vue.js";
-import { NAV_STATE_SYMBOL as J } from "../hooks/useNavState.js";
-import { isClient as g } from "./blocks/scalar-request-example-block/helpers/find-client.js";
-import { getDocumentName as Q } from "./helpers/get-document-name.js";
-import { mapConfiguration as M } from "./helpers/map-configuration.js";
-import { normalizeContent as X } from "./helpers/normalize-content.js";
+import { defineComponent as R, ref as c, toRef as $, provide as N, useTemplateRef as w, onBeforeMount as I, watch as i, computed as L, createElementBlock as V, openBlock as k, createBlock as A, createCommentVNode as B, createVNode as C, unref as s, resolveDynamicComponent as P, withCtx as l, createTextVNode as U, toDisplayString as _, renderSlot as m, isRef as K } from "vue";
+import { safeLocalStorage as F, REFERENCE_LS_KEYS as O } from "@scalar/helpers/object/local-storage";
+import { makeUrlAbsolute as W } from "@scalar/helpers/url/make-url-absolute";
+import { redirectToProxy as Y } from "@scalar/oas-utils/helpers";
+import { useColorMode as z } from "@scalar/use-hooks/useColorMode";
+import { useSeoMeta as H } from "@unhead/vue";
+import { useFavicon as j } from "@vueuse/core";
+import q from "../components/ApiReferenceLayout.vue.js";
+import { NAV_STATE_SYMBOL as G } from "../hooks/useNavState.js";
+import { isClient as D } from "./blocks/scalar-request-example-block/helpers/find-client.js";
+import { getDocumentName as J } from "./helpers/get-document-name.js";
+import { mapConfiguration as g } from "./helpers/map-configuration.js";
+import { normalizeContent as Q } from "./helpers/normalize-content.js";
+import { useWorkspaceStoreEvents as X } from "./hooks/use-workspace-store-events.js";
 import { useMultipleDocuments as Z } from "../features/multiple-documents/useMultipleDocuments.js";
-import { onCustomEvent as p } from "./events/listeners.js";
 import ee from "../features/multiple-documents/DocumentSelector.vue.js";
-const ke = /* @__PURE__ */ R({
+const Ce = /* @__PURE__ */ R({
   __name: "ApiReferenceWorkspace",
   props: {
     configuration: {},
     store: {}
   },
-  setup(y) {
-    const v = y, {
-      availableDocuments: C,
+  setup(E) {
+    const f = E, {
+      availableDocuments: p,
       selectedConfiguration: o,
-      selectedDocumentIndex: s,
-      isIntersectionEnabled: m,
-      hash: S,
-      hashPrefix: T
+      selectedDocumentIndex: u,
+      isIntersectionEnabled: d,
+      hash: x,
+      hashPrefix: M
     } = Z({
-      configuration: _(v, "configuration"),
+      configuration: $(f, "configuration"),
       isIntersectionEnabled: c(!1),
       hash: c(""),
       hashPrefix: c("")
-    }), h = (e, t) => fetch(
-      H(o.value.proxyUrl, e.toString()),
+    }), y = (e, t) => fetch(
+      Y(o.value.proxyUrl, e.toString()),
       t
     );
-    $(J, { isIntersectionEnabled: m, hash: S, hashPrefix: T });
-    const d = w("root"), a = v.store;
-    V(() => {
-      const e = E().getItem(
-        x.SELECTED_CLIENT
+    N(G, { isIntersectionEnabled: d, hash: x, hashPrefix: M });
+    const v = w("root"), r = f.store;
+    I(() => {
+      const e = F().getItem(
+        O.SELECTED_CLIENT
       );
-      g(e) && !a.workspace["x-scalar-default-client"] && a.update("x-scalar-default-client", e);
+      D(e) && !r.workspace["x-scalar-default-client"] && r.update("x-scalar-default-client", e);
     });
-    const b = async (e) => {
-      var l;
-      const t = X(e.content), r = Q({
+    const S = async (e) => {
+      var n;
+      const t = Q(e.content), a = J({
         name: e.slug || e.title,
         url: e.url,
         document: t
       });
-      if (a.workspace.documents[r]) {
-        t && (m.value = !1, a.replaceDocument(r, t), a.update("x-scalar-active-document", r), setTimeout(() => {
-          m.value = !0;
+      if (r.workspace.documents[a]) {
+        t && (d.value = !1, r.replaceDocument(a, t), r.update("x-scalar-active-document", a), setTimeout(() => {
+          d.value = !0;
         }, 300));
         return;
       }
       if (t)
-        return await a.addDocument({
-          name: r,
+        return await r.addDocument({
+          name: a,
           document: t,
-          config: M(e)
+          config: g(e)
         });
       if (e.url)
-        return await a.addDocument({
+        return await r.addDocument({
           name: e.slug ?? "default",
-          url: z(e.url, {
-            basePath: (l = o.value.pathRouting) == null ? void 0 : l.basePath
+          url: W(e.url, {
+            basePath: (n = o.value.pathRouting) == null ? void 0 : n.basePath
           }),
-          fetch: h,
-          config: M(e)
+          fetch: e.fetch ?? y,
+          config: g(e)
         });
     };
-    u(
+    i(
       [
         () => o.value.slug,
         () => o.value.url,
         () => o.value.content
       ],
-      ([e, t, r]) => {
-        (e || t || r) && b(o.value);
+      ([e, t, a]) => {
+        (e || t || a) && S(o.value);
       },
       { immediate: !0 }
-    ), p(d, "scalar-update-dark-mode", (e) => {
-      a.update("x-scalar-dark-mode", e.detail.value);
-    }), p(d, "scalar-update-active-document", (e) => {
-      a.update("x-scalar-active-document", e.detail.value);
-    }), p(d, "scalar-update-selected-client", (e) => {
-      a.update("x-scalar-default-client", e.detail), E().setItem(x.SELECTED_CLIENT, e.detail);
-    }), u(
+    ), X(r, v), i(
       () => o.value.defaultHttpClient,
       (e) => {
         if (e) {
-          const { targetKey: t, clientKey: r } = e, l = `${t}/${r}`;
-          g(l) && a.update("x-scalar-default-client", l);
+          const { targetKey: t, clientKey: a } = e, n = `${t}/${a}`;
+          D(n) && r.update("x-scalar-default-client", n);
         }
       },
       { immediate: !0 }
     );
-    const { toggleColorMode: I, isDarkMode: L } = W({
+    const { toggleColorMode: h, isDarkMode: b } = z({
       initialColorMode: o.value.darkMode ? "dark" : void 0,
       overrideColorMode: o.value.forceDarkModeState
     });
-    u(
+    i(
       () => o.value.darkMode,
-      (e) => a.update("x-scalar-dark-mode", !!e)
-    ), u(
-      () => L.value,
-      (e) => a.update("x-scalar-dark-mode", e),
+      (e) => r.update("x-scalar-dark-mode", !!e)
+    ), i(
+      () => b.value,
+      (e) => r.update("x-scalar-dark-mode", e),
       { immediate: !0 }
-    ), u(
-      () => s.value,
+    ), i(
+      () => u.value,
       (e) => {
         var t;
-        return a.update(
+        return r.update(
           "x-scalar-active-document",
-          (t = C.value[e]) == null ? void 0 : t.slug
+          (t = p.value[e]) == null ? void 0 : t.slug
         );
       },
       { immediate: !0 }
-    ), o.value.metaData && j(o.value.metaData);
-    const N = A(() => o.value.favicon);
-    return q(N), (e, t) => {
-      var r;
-      return k(), B("div", {
+    ), o.value.metaData && H(o.value.metaData);
+    const T = L(() => o.value.favicon);
+    return j(T), (e, t) => {
+      var a;
+      return k(), V("div", {
         ref_key: "root",
-        ref: d
+        ref: v
       }, [
-        (r = n(o)) != null && r.customCss ? (k(), P(K("style"), { key: 0 }, {
-          default: i(() => [
-            F(O(n(o).customCss), 1)
+        (a = s(o)) != null && a.customCss ? (k(), A(P("style"), { key: 0 }, {
+          default: l(() => [
+            U(_(s(o).customCss), 1)
           ]),
           _: 1
-        })) : U("", !0),
-        D(G, {
-          configuration: n(o),
-          isDark: !!n(a).workspace["x-scalar-dark-mode"],
-          store: n(a),
-          onToggleDarkMode: t[1] || (t[1] = () => n(I)()),
-          onUpdateContent: t[2] || (t[2] = (l) => e.$emit("updateContent", l))
+        })) : B("", !0),
+        C(q, {
+          configuration: s(o),
+          isDark: !!s(r).workspace["x-scalar-dark-mode"],
+          store: s(r),
+          onToggleDarkMode: t[1] || (t[1] = () => s(h)()),
+          onUpdateContent: t[2] || (t[2] = (n) => e.$emit("updateContent", n))
         }, {
-          footer: i(() => [
-            f(e.$slots, "footer")
+          footer: l(() => [
+            m(e.$slots, "footer")
           ]),
-          "content-end": i(() => [
-            f(e.$slots, "footer")
+          "content-end": l(() => [
+            m(e.$slots, "footer")
           ]),
-          "document-selector": i(() => [
-            D(n(ee), {
-              modelValue: n(s),
-              "onUpdate:modelValue": t[0] || (t[0] = (l) => Y(s) ? s.value = l : null),
-              options: n(C)
+          "document-selector": l(() => [
+            C(s(ee), {
+              modelValue: s(u),
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => K(u) ? u.value = n : null),
+              options: s(p)
             }, null, 8, ["modelValue", "options"])
           ]),
-          "sidebar-start": i(() => [
-            f(e.$slots, "sidebar-start")
+          "sidebar-start": l(() => [
+            m(e.$slots, "sidebar-start")
+          ]),
+          "sidebar-end": l(() => [
+            m(e.$slots, "sidebar-end")
           ]),
           _: 3
         }, 8, ["configuration", "isDark", "store"])
@@ -165,5 +162,5 @@ const ke = /* @__PURE__ */ R({
   }
 });
 export {
-  ke as default
+  Ce as default
 };

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

@@ -0,0 +1,20 @@
+import { type EnvVariable } from '@scalar/api-client/store';
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared';
+import type { Collection, Operation, Server } from '@scalar/oas-utils/entities/spec';
+import type { Workspace } from '@scalar/oas-utils/entities/workspace';
+type __VLS_Props = {
+    collection: Collection;
+    environment: Environment;
+    envVariables: EnvVariable[];
+    layout: 'client' | 'reference';
+    operation?: Operation | undefined;
+    persistAuth?: boolean;
+    selectedSecuritySchemeUids: SelectedSecuritySchemeUids;
+    server: Server | undefined;
+    title: string;
+    workspace: Workspace;
+};
+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>;
+export default _default;
+//# sourceMappingURL=AuthSelector.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuthSelector.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/AuthSelector.vue"],"names":[],"mappings":"AA4YA,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAsBzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AACnF,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAQrE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0BAA0B,EAAE,0BAA0B,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AAwhBF,wBAMG"}

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

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

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

@@ -0,0 +1,223 @@
+import { defineComponent as z, useId as j, ref as C, computed as v, useTemplateRef as W, createBlock as $, openBlock as c, unref as n, withCtx as m, createVNode as p, createElementVNode as i, createElementBlock as S, Fragment as A, createTextVNode as R, toDisplayString as b, createCommentVNode as I, withModifiers as Y, normalizeClass as F } from "vue";
+import { ViewLayoutCollapse as H } from "@scalar/api-client/components/ViewLayout";
+import { useLayout as J } from "@scalar/api-client/hooks";
+import { useWorkspace as P } from "@scalar/api-client/store";
+import { getSecurityRequirements as G, formatComplexScheme as Q, formatScheme as X, getSchemeOptions as Z } from "@scalar/api-client/views/Request/libs";
+import { useModal as _, ScalarComboboxMultiselect as ee, ScalarButton as te, ScalarListboxCheckbox as oe, ScalarIconButton as le } from "@scalar/components";
+import { safeLocalStorage as re, CLIENT_LS_KEYS as ne } from "@scalar/helpers/object/local-storage";
+import { ScalarIconCaretDown as ae, ScalarIconTrash as se } from "@scalar/icons";
+import { isDefined as ie } from "@scalar/oas-utils/helpers";
+import { emitCustomEvent as w } from "@scalar/workspace-store/events";
+import ue from "./DeleteRequestAuthModal.vue.js";
+import ce from "./RequestAuthDataTable.vue.js";
+const me = ["id"], pe = { class: "flex flex-1" }, de = { class: "min-w-0 flex-1 truncate" }, we = /* @__PURE__ */ z({
+  __name: "AuthSelector",
+  props: {
+    collection: {},
+    environment: {},
+    envVariables: {},
+    layout: {},
+    operation: {},
+    persistAuth: { type: Boolean, default: !1 },
+    selectedSecuritySchemeUids: {},
+    server: {},
+    title: {},
+    workspace: {}
+  },
+  setup(a) {
+    const { layout: V } = J(), { securitySchemes: d } = P(), q = j(), g = C(null), f = _(), x = C(
+      null
+    ), E = C(!1), D = v(() => {
+      const t = G(a.operation, a.collection);
+      return { filteredRequirements: t.filter((o) => Object.keys(o).length), requirements: t };
+    }), k = v(() => {
+      const { filteredRequirements: t, requirements: e } = D.value;
+      if (!e.length)
+        return null;
+      const l = !e.some(
+        (h) => Object.keys(h).length > 1
+      ) && t.length < e.length;
+      return { icon: l ? "Unlock" : "Lock", text: l ? "Optional" : "Required" };
+    }), u = v(
+      () => a.selectedSecuritySchemeUids.map((t) => {
+        if (Array.isArray(t))
+          return Q(t, d);
+        const e = d[t ?? ""];
+        if (e)
+          return X(e);
+      }).filter(ie)
+    );
+    function B(t) {
+      var l;
+      const e = t.find((r) => r.payload), o = t.filter((r) => !r.payload).map(({ id: r }) => {
+        const s = r.split(",");
+        return s.length > 1 ? s : r;
+      });
+      e != null && e.payload && (w((l = y.value) == null ? void 0 : l.$el, "scalar-add-auth-option", {
+        payload: e.payload
+      }), e.payload.uid && o.push(e.payload.uid)), L(o);
+    }
+    const L = (t) => {
+      var e, o, l;
+      if (a.collection.useCollectionSecurity) {
+        if (w((e = y.value) == null ? void 0 : e.$el, "scalar-select-security-schemes", {
+          uids: t
+        }), !a.persistAuth)
+          return;
+        const r = t.map((s) => {
+          var h;
+          return Array.isArray(s) ? s.map((K) => {
+            var T;
+            return (T = d[K]) == null ? void 0 : T.nameKey;
+          }) : (h = d[s]) == null ? void 0 : h.nameKey;
+        });
+        re().setItem(
+          ne.SELECTED_SECURITY_SCHEMES,
+          JSON.stringify(r)
+        );
+      } else (o = a.operation) != null && o.uid && w(
+        (l = y.value) == null ? void 0 : l.$el,
+        "scalar-select-operation-security-schemes",
+        {
+          operationUid: a.operation.uid,
+          uids: t
+        }
+      );
+    };
+    function O({ id: t, label: e }) {
+      x.value = { id: t, label: e }, f.show();
+    }
+    const U = (t) => {
+      var o;
+      if (!t)
+        return;
+      const e = a.selectedSecuritySchemeUids.filter((l) => {
+        const r = t.split(",");
+        return r.length > 1 && Array.isArray(l) && r.length === l.length ? l.every((s) => !r.includes(s)) : l !== t;
+      });
+      L(e), (o = g.value) == null || o.$el.focus(), f.hide();
+    }, M = v(
+      () => {
+        var t;
+        return Z(
+          D.value.filteredRequirements,
+          ((t = a.collection) == null ? void 0 : t.securitySchemes) ?? [],
+          d,
+          V === "modal" || a.layout === "reference"
+        );
+      }
+    ), N = (t) => {
+      var e;
+      E.value && t.stopPropagation(), (e = g.value) == null || e.$el.click();
+    }, y = W("wrapperRef");
+    return (t, e) => (c(), $(n(H), {
+      ref_key: "wrapperRef",
+      ref: y,
+      class: "group/params relative",
+      itemCount: u.value.length,
+      layout: t.layout,
+      "onUpdate:modelValue": e[2] || (e[2] = (o) => E.value = o)
+    }, {
+      title: m(() => [
+        i("div", {
+          id: n(q),
+          class: "inline-flex items-center gap-0.5 leading-[20px]"
+        }, [
+          i("span", null, b(t.title), 1),
+          k.value ? (c(), S("span", {
+            key: 0,
+            class: F(["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": k.value.text === "Required" }]),
+            onClick: N
+          }, b(k.value.text), 3)) : I("", !0)
+        ], 8, me)
+      ]),
+      actions: m(() => [
+        i("div", pe, [
+          p(n(ee), {
+            class: "w-72 text-xs",
+            modelValue: u.value,
+            multiple: "",
+            options: M.value,
+            placement: "bottom-end",
+            teleport: "",
+            onDelete: O,
+            "onUpdate:modelValue": B
+          }, {
+            option: m(({ option: o, selected: l }) => [
+              p(n(oe), {
+                multiselect: "",
+                selected: l
+              }, null, 8, ["selected"]),
+              i("div", de, b(o.label), 1),
+              o.isDeletable ?? (n(V) !== "modal" && t.layout !== "reference") ? (c(), $(n(le), {
+                key: 0,
+                class: "-m-0.5 shrink-0 p-0.5 opacity-0 group-hover/item:opacity-100",
+                icon: n(se),
+                label: `Delete ${o.label}`,
+                size: "xs",
+                onClick: Y((r) => O(o), ["stop"])
+              }, null, 8, ["icon", "label", "onClick"])) : I("", !0)
+            ]),
+            default: m(() => [
+              p(n(te), {
+                ref_key: "comboboxButtonRef",
+                ref: g,
+                "aria-describedby": n(q),
+                class: "group/combobox-button hover:text-c-1 text-c-2 flex h-fit items-center gap-1 px-0.75 py-0.25 text-base font-normal transition-transform",
+                fullWidth: "",
+                variant: "ghost"
+              }, {
+                default: m(() => {
+                  var o;
+                  return [
+                    u.value.length === 1 ? (c(), S(A, { key: 0 }, [
+                      e[3] || (e[3] = i("span", { class: "sr-only" }, "Selected Auth Type:", -1)),
+                      R(" " + b((o = u.value[0]) == null ? void 0 : o.label), 1)
+                    ], 64)) : u.value.length > 1 ? (c(), S(A, { key: 1 }, [
+                      e[4] || (e[4] = R(" Multiple ")),
+                      e[5] || (e[5] = i("span", { class: "sr-only" }, "Auth Types Selected", -1))
+                    ], 64)) : (c(), S(A, { key: 2 }, [
+                      e[6] || (e[6] = i("span", { class: "sr-only" }, "Select", -1)),
+                      e[7] || (e[7] = R(" Auth Type "))
+                    ], 64)),
+                    p(n(ae), {
+                      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: m(() => [
+        p(ce, {
+          collection: t.collection,
+          envVariables: t.envVariables,
+          environment: t.environment,
+          layout: t.layout,
+          persistAuth: t.persistAuth,
+          selectedSchemeOptions: u.value,
+          server: t.server,
+          workspace: t.workspace
+        }, null, 8, ["collection", "envVariables", "environment", "layout", "persistAuth", "selectedSchemeOptions", "server", "workspace"]),
+        p(ue, {
+          scheme: x.value,
+          state: n(f),
+          onClose: e[0] || (e[0] = (o) => n(f).hide()),
+          onDelete: e[1] || (e[1] = (o) => {
+            var l;
+            return U((l = x.value) == null ? void 0 : l.id);
+          })
+        }, null, 8, ["scheme", "state"])
+      ]),
+      _: 1
+    }, 8, ["itemCount", "layout"]));
+  }
+});
+export {
+  we as default
+};

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

@@ -0,0 +1,21 @@
+import type { SecurityScheme } from '@scalar/oas-utils/entities/spec';
+type __VLS_Props = {
+    state: {
+        open: boolean;
+        show: () => void;
+        hide: () => void;
+    };
+    scheme: {
+        id: SecurityScheme['uid'];
+        label: string;
+    } | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: () => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=DeleteRequestAuthModal.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteRequestAuthModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/DeleteRequestAuthModal.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAIrE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IAC5D,MAAM,EAAE;QAAE,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAC5D,CAAC;;;;;;;;AAqJF,wBAOG"}

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

@@ -0,0 +1,64 @@
+import { defineComponent as _, useTemplateRef as b, createBlock as y, openBlock as w, unref as s, withCtx as n, createElementVNode as i, toDisplayString as m, createVNode as u, createTextVNode as p } from "vue";
+import { ScalarModal as C, ScalarButton as d } from "@scalar/components";
+import { emitCustomEvent as S } from "@scalar/workspace-store/events";
+const g = { class: "text-c-2 mb-4 text-sm leading-normal" }, k = { class: "flex justify-between gap-2" }, B = /* @__PURE__ */ _({
+  __name: "DeleteRequestAuthModal",
+  props: {
+    state: {},
+    scheme: {}
+  },
+  emits: ["close", "delete"],
+  setup(f, { emit: h }) {
+    const l = f, r = h, x = () => {
+      var t, e;
+      (t = l.scheme) != null && t.id && S((e = a.value) == null ? void 0 : e.$el, "scalar-delete-security-scheme", {
+        uid: l.scheme.id
+      }), r("delete");
+    }, a = b("wrapperRef");
+    return (t, e) => (w(), y(s(C), {
+      ref_key: "wrapperRef",
+      ref: a,
+      size: "xxs",
+      state: t.state,
+      title: "Delete Security Scheme"
+    }, {
+      default: n(() => {
+        var c;
+        return [
+          i("p", g, " This cannot be undone. You're about to delete the " + m((c = t.scheme) == null ? void 0 : c.label) + " security scheme from the collection. ", 1),
+          i("div", k, [
+            u(s(d), {
+              class: "flex h-8 cursor-pointer items-center gap-1.5 px-3 shadow-none focus:outline-none",
+              type: "button",
+              variant: "outlined",
+              onClick: e[0] || (e[0] = (o) => r("close"))
+            }, {
+              default: n(() => e[1] || (e[1] = [
+                p(" Cancel ")
+              ])),
+              _: 1,
+              __: [1]
+            }),
+            u(s(d), {
+              class: "flex h-8 cursor-pointer items-center gap-1.5 px-3 shadow-none focus:outline-none",
+              type: "submit",
+              onClick: x
+            }, {
+              default: n(() => {
+                var o;
+                return [
+                  p(" Delete " + m((o = t.scheme) == null ? void 0 : o.label), 1)
+                ];
+              }),
+              _: 1
+            })
+          ])
+        ];
+      }),
+      _: 1
+    }, 8, ["state"]));
+  }
+});
+export {
+  B as default
+};