@scalar/api-reference 1.35.5 → 1.35.7

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":"AAmUA,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;AA2SF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;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,GACnD;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,GACnD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4B/C,QAAA,MAAM,eAAe;;;;kFAOnB,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"}
+{"version":3,"file":"ApiReferenceWorkspace.vue.d.ts","sourceRoot":"","sources":["../../src/v2/ApiReferenceWorkspace.vue"],"names":[],"mappings":"AAqVA,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;AA6TF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;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,GACnD;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,GACnD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4B/C,QAAA,MAAM,eAAe;;;;kFAOnB,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,20 +1,20 @@
-import { defineComponent as $, ref as c, toRef as R, 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 u, 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 { defineComponent as R, ref as d, toRef as I, provide as N, useTemplateRef as w, onBeforeMount as L, watch as i, computed as V, createElementBlock as A, openBlock as C, createBlock as B, createCommentVNode as P, createVNode as k, unref as n, resolveDynamicComponent as U, withCtx as s, createTextVNode as _, toDisplayString as K, renderSlot as l, isRef as F } from "vue";
+import { safeLocalStorage as O, REFERENCE_LS_KEYS as W } from "@scalar/helpers/object/local-storage";
+import { makeUrlAbsolute as Y } from "@scalar/helpers/url/make-url-absolute";
+import { redirectToProxy as z } from "@scalar/oas-utils/helpers";
+import { useColorMode as H } 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 D } from "./blocks/scalar-request-example-block/helpers/find-client.js";
-import { getDocumentName as J } from "./helpers/get-document-name.js";
+import { getDocumentName as Q } 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 ee from "../features/multiple-documents/DocumentSelector.vue.js";
-const Ce = /* @__PURE__ */ $({
+import { normalizeContent as X } from "./helpers/normalize-content.js";
+import { useWorkspaceStoreEvents as Z } from "./hooks/use-workspace-store-events.js";
+import { useMultipleDocuments as ee } from "../features/multiple-documents/useMultipleDocuments.js";
+import te from "../features/multiple-documents/DocumentSelector.vue.js";
+const De = /* @__PURE__ */ R({
   __name: "ApiReferenceWorkspace",
   props: {
     configuration: {},
@@ -22,40 +22,39 @@ const Ce = /* @__PURE__ */ $({
   },
   emits: ["updateContent"],
   setup(E) {
-    const f = E, {
-      availableDocuments: p,
+    const c = E, {
+      availableDocuments: f,
       selectedConfiguration: o,
-      selectedDocumentIndex: m,
-      isIntersectionEnabled: d,
+      selectedDocumentIndex: u,
+      isIntersectionEnabled: m,
       hash: M,
-      hashPrefix: x
-    } = Z({
-      configuration: R(f, "configuration"),
-      isIntersectionEnabled: c(!1),
-      hash: c(""),
-      hashPrefix: c("")
-    }), y = (e, t) => fetch(
-      Y(o.value.proxyUrl, e.toString()),
+      hashPrefix: h
+    } = ee({
+      configuration: I(c, "configuration"),
+      isIntersectionEnabled: d(!1),
+      hash: d(""),
+      hashPrefix: d("")
+    }), x = (e, t) => fetch(
+      z(o.value.proxyUrl, e.toString()),
       t
     );
-    N(G, { isIntersectionEnabled: d, hash: M, hashPrefix: x });
-    const v = w("root"), r = f.store;
-    I(() => {
-      const e = F().getItem(
-        O.SELECTED_CLIENT
+    N(J, { isIntersectionEnabled: m, hash: M, hashPrefix: h });
+    const p = w("root"), r = c.store;
+    L(() => {
+      const e = O().getItem(
+        W.SELECTED_CLIENT
       );
       D(e) && !r.workspace["x-scalar-default-client"] && r.update("x-scalar-default-client", e);
     });
-    const S = async (e) => {
-      var n;
-      const t = Q(e.content), a = J({
+    const y = async (e) => {
+      const t = X(e.content), a = Q({
         name: e.slug || e.title,
         url: e.url,
         document: t
       });
       if (r.workspace.documents[a]) {
-        t && (d.value = !1, r.replaceDocument(a, t), r.update("x-scalar-active-document", a), setTimeout(() => {
-          d.value = !0;
+        t && (m.value = !1, r.replaceDocument(a, t), r.update("x-scalar-active-document", a), setTimeout(() => {
+          m.value = !0;
         }, 300));
         return;
       }
@@ -68,10 +67,10 @@ const Ce = /* @__PURE__ */ $({
       if (e.url)
         return await r.addDocument({
           name: e.slug ?? "default",
-          url: W(e.url, {
-            basePath: (n = o.value.pathRouting) == null ? void 0 : n.basePath
+          url: Y(e.url, {
+            basePath: o.value.pathRouting?.basePath
           }),
-          fetch: e.fetch ?? y,
+          fetch: e.fetch ?? x,
           config: g(e)
         });
     };
@@ -82,89 +81,89 @@ const Ce = /* @__PURE__ */ $({
         () => o.value.content
       ],
       ([e, t, a]) => {
-        (e || t || a) && S(o.value);
+        (e || t || a) && y(o.value);
       },
       { immediate: !0 }
-    ), X(r, v), i(
+    ), Z(r, p), i(
       () => o.value.defaultHttpClient,
       (e) => {
         if (e) {
-          const { targetKey: t, clientKey: a } = e, n = `${t}/${a}`;
-          D(n) && r.update("x-scalar-default-client", n);
+          const { targetKey: t, clientKey: a } = e, v = `${t}/${a}`;
+          D(v) && r.update("x-scalar-default-client", v);
         }
       },
       { immediate: !0 }
     );
-    const { toggleColorMode: h, isDarkMode: b } = z({
-      initialColorMode: o.value.darkMode ? "dark" : void 0,
+    function S(e) {
+      if (e === !0)
+        return "dark";
+      if (e === !1)
+        return "light";
+    }
+    const { toggleColorMode: b, isDarkMode: T } = H({
+      initialColorMode: S(o.value.darkMode),
       overrideColorMode: o.value.forceDarkModeState
     });
     i(
       () => o.value.darkMode,
       (e) => r.update("x-scalar-dark-mode", !!e)
     ), i(
-      () => b.value,
+      () => T.value,
       (e) => r.update("x-scalar-dark-mode", e),
       { immediate: !0 }
     ), i(
-      () => m.value,
-      (e) => {
-        var t;
-        return r.update(
-          "x-scalar-active-document",
-          (t = p.value[e]) == null ? void 0 : t.slug
-        );
-      },
+      () => u.value,
+      (e) => r.update(
+        "x-scalar-active-document",
+        f.value[e]?.slug
+      ),
       { immediate: !0 }
-    ), 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: v
-      }, [
-        (a = s(o)) != null && a.customCss ? (k(), A(P("style"), { key: 0 }, {
-          default: l(() => [
-            U(_(s(o).customCss), 1)
-          ]),
-          _: 1
-        })) : 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))
-        }, {
-          "document-selector": l(() => [
-            C(s(ee), {
-              modelValue: s(m),
-              "onUpdate:modelValue": t[0] || (t[0] = (n) => K(m) ? m.value = n : null),
-              options: s(p)
-            }, null, 8, ["modelValue", "options"])
-          ]),
-          "content-start": l(() => [
-            u(e.$slots, "content-start")
-          ]),
-          "content-end": l(() => [
-            u(e.$slots, "content-end")
-          ]),
-          "sidebar-start": l(() => [
-            u(e.$slots, "sidebar-start")
-          ]),
-          "sidebar-end": l(() => [
-            u(e.$slots, "sidebar-end")
-          ]),
-          footer: l(() => [
-            u(e.$slots, "footer")
-          ]),
-          _: 3
-        }, 8, ["configuration", "isDark", "store"])
-      ], 512);
-    };
+    ), o.value.metaData && j(o.value.metaData);
+    const $ = V(() => o.value.favicon);
+    return q($), (e, t) => (C(), A("div", {
+      ref_key: "root",
+      ref: p
+    }, [
+      n(o)?.customCss ? (C(), B(U("style"), { key: 0 }, {
+        default: s(() => [
+          _(K(n(o).customCss), 1)
+        ]),
+        _: 1
+      })) : P("", !0),
+      k(G, {
+        configuration: n(o),
+        isDark: !!n(r).workspace["x-scalar-dark-mode"],
+        store: n(r),
+        onToggleDarkMode: t[1] || (t[1] = () => n(b)()),
+        onUpdateContent: t[2] || (t[2] = (a) => e.$emit("updateContent", a))
+      }, {
+        "document-selector": s(() => [
+          k(n(te), {
+            modelValue: n(u),
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => F(u) ? u.value = a : null),
+            options: n(f)
+          }, null, 8, ["modelValue", "options"])
+        ]),
+        "content-start": s(() => [
+          l(e.$slots, "content-start")
+        ]),
+        "content-end": s(() => [
+          l(e.$slots, "content-end")
+        ]),
+        "sidebar-start": s(() => [
+          l(e.$slots, "sidebar-start")
+        ]),
+        "sidebar-end": s(() => [
+          l(e.$slots, "sidebar-end")
+        ]),
+        footer: s(() => [
+          l(e.$slots, "footer")
+        ]),
+        _: 3
+      }, 8, ["configuration", "isDark", "store"])
+    ], 512));
   }
 });
 export {
-  Ce as default
+  De as default
 };

package/dist/v2/ApiReferenceWorkspace.vue3.js

@@ -1,5 +1,5 @@
 import o from "./ApiReferenceWorkspace.vue.js";
-import "./ApiReferenceWorkspace.vue2.js";
+/* empty css                           */
 export {
   o as default
 };

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

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

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

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