@scalar/api-client 2.5.31 → 2.5.33

package/dist/components/ImportCollection/WorkspaceSelector.vue.js

@@ -1,133 +1,126 @@
-import { defineComponent as W, ref as D, createElementBlock as w, openBlock as m, Fragment as k, createElementVNode as s, createVNode as a, unref as e, withCtx as r, toDisplayString as v, renderList as z, createBlock as N, withModifiers as h, normalizeClass as M, withDirectives as B, vModelText as V, createTextVNode as j } from "vue";
-import { useModal as E, ScalarDropdown as T, ScalarButton as _, ScalarIcon as u, ScalarDropdownItem as b, ScalarDropdownDivider as $, ScalarModal as A } from "@scalar/components";
-import { useToasts as I } from "@scalar/use-toasts";
-import { useRouter as F } from "vue-router";
-import { useActiveEntities as L } from "../../store/active-entities.js";
-import { useWorkspace as P } from "../../store/store.js";
-const R = { class: "flex w-[inherit] items-center text-base" }, U = { class: "m-0 flex items-center gap-1 text-sm font-medium" }, q = { class: "line-clamp-1 w-[calc(100%-10px)] text-left text-xs" }, G = { class: "overflow-hidden text-ellipsis" }, H = { class: "flex h-4 w-4 items-center justify-center" }, ee = /* @__PURE__ */ W({
+import { defineComponent as S, ref as W, createElementBlock as x, openBlock as d, Fragment as w, createElementVNode as t, createVNode as s, unref as e, withCtx as o, toDisplayString as k, renderList as D, createBlock as z, withModifiers as v, normalizeClass as N, withDirectives as M, vModelText as B, createTextVNode as V } from "vue";
+import { useModal as j, ScalarDropdown as E, ScalarButton as h, ScalarIcon as m, ScalarDropdownItem as _, ScalarDropdownDivider as T, ScalarModal as $ } from "@scalar/components";
+import { useToasts as A } from "@scalar/use-toasts";
+import { useRouter as I } from "vue-router";
+import { useActiveEntities as F } from "../../store/active-entities.js";
+import { useWorkspace as L } from "../../store/store.js";
+const P = { class: "flex w-[inherit] items-center text-base" }, R = { class: "m-0 flex items-center gap-1 text-sm font-medium" }, U = { class: "line-clamp-1 w-[calc(100%-10px)] text-left text-xs" }, q = { class: "overflow-hidden text-ellipsis" }, G = { class: "flex h-4 w-4 items-center justify-center" }, ee = /* @__PURE__ */ S({
   __name: "WorkspaceSelector",
-  setup(J) {
-    const { activeWorkspace: i } = L(), { workspaces: g, workspaceMutators: C } = P(), { push: f } = F(), c = E(), { toast: x } = I(), l = D(""), y = (n) => {
-      var t;
-      n !== ((t = i.value) == null ? void 0 : t.uid) && f({
+  setup(H) {
+    const { activeWorkspace: i } = F(), { workspaces: b, workspaceMutators: g } = L(), { push: u } = I(), c = j(), { toast: f } = A(), r = W(""), C = (l) => {
+      l !== i.value?.uid && u({
         name: "workspace",
         params: {
-          workspace: n
+          workspace: l
         }
       });
-    }, S = () => {
-      if (!l.value.trim()) {
-        x("Please enter a name before creating a workspace.", "error");
+    }, y = () => {
+      if (!r.value.trim()) {
+        f("Please enter a name before creating a workspace.", "error");
         return;
       }
-      const n = C.add({
-        name: l.value
+      const l = g.add({
+        name: r.value
       });
-      x(`Created new workspace '${n.name}'`), f({
+      f(`Created new workspace '${l.name}'`), u({
         name: "workspace",
         params: {
-          workspace: n.uid
+          workspace: l.uid
         }
-      }), l.value = "", c.hide();
+      }), r.value = "", c.hide();
     };
-    return (n, t) => (m(), w(k, null, [
-      s("div", R, [
-        a(e(T), null, {
-          items: r(() => [
-            (m(!0), w(k, null, z(e(g), (o, p) => (m(), N(e(b), {
+    return (l, a) => (d(), x(w, null, [
+      t("div", P, [
+        s(e(E), null, {
+          items: o(() => [
+            (d(!0), x(w, null, D(e(b), (n, p) => (d(), z(e(_), {
               key: p,
               class: "group/item flex w-full items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
-              onClick: h((d) => y(p), ["stop"])
+              onClick: v((J) => C(p), ["stop"])
             }, {
-              default: r(() => {
-                var d;
-                return [
-                  s("div", {
-                    class: M([
-                      "flex h-4 w-4 items-center justify-center rounded-full p-[3px]",
-                      ((d = e(i)) == null ? void 0 : d.uid) === p ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
-                    ])
-                  }, [
-                    a(e(u), {
-                      class: "size-2.5",
-                      icon: "Checkmark",
-                      thickness: "3"
-                    })
-                  ], 2),
-                  s("span", G, v(o.name), 1)
-                ];
-              }),
+              default: o(() => [
+                t("div", {
+                  class: N([
+                    "flex h-4 w-4 items-center justify-center rounded-full p-[3px]",
+                    e(i)?.uid === p ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
+                  ])
+                }, [
+                  s(e(m), {
+                    class: "size-2.5",
+                    icon: "Checkmark",
+                    thickness: "3"
+                  })
+                ], 2),
+                t("span", q, k(n.name), 1)
+              ]),
               _: 2
             }, 1032, ["onClick"]))), 128)),
-            a(e($)),
-            a(e(b), {
+            s(e(T)),
+            s(e(_), {
               class: "flex items-center gap-1.5",
-              onClick: t[0] || (t[0] = (o) => e(c).show())
+              onClick: a[0] || (a[0] = (n) => e(c).show())
             }, {
-              default: r(() => [
-                s("div", H, [
-                  a(e(u), {
+              default: o(() => [
+                t("div", G, [
+                  s(e(m), {
                     icon: "Add",
                     size: "sm"
                   })
                 ]),
-                t[2] || (t[2] = s("span", null, "New Workspace", -1))
+                a[2] || (a[2] = t("span", null, "New Workspace", -1))
               ]),
               _: 1,
               __: [2]
             })
           ]),
-          default: r(() => [
-            a(e(_), {
+          default: o(() => [
+            s(e(h), {
               class: "text-c-1 hover:bg-b-2 text-c-3 line-clamp-1 h-full w-fit justify-start px-1.5 py-1 font-normal",
               fullWidth: "",
               variant: "ghost"
             }, {
-              default: r(() => {
-                var o;
-                return [
-                  s("div", U, [
-                    s("h2", q, v((o = e(i)) == null ? void 0 : o.name), 1),
-                    a(e(u), {
-                      icon: "ChevronDown",
-                      size: "md"
-                    })
-                  ])
-                ];
-              }),
+              default: o(() => [
+                t("div", R, [
+                  t("h2", U, k(e(i)?.name), 1),
+                  s(e(m), {
+                    icon: "ChevronDown",
+                    size: "md"
+                  })
+                ])
+              ]),
               _: 1
             })
           ]),
           _: 1
         })
       ]),
-      a(e(A), {
+      s(e($), {
         bodyClass: "m-0 p-1 rounded-lg border-t-0",
         class: "z-overlay absolute",
         size: "xxs",
         state: e(c),
         variant: "form"
       }, {
-        default: r(() => [
-          s("form", {
+        default: o(() => [
+          t("form", {
             class: "flex gap-1",
-            onSubmit: h(S, ["prevent"])
+            onSubmit: v(y, ["prevent"])
           }, [
-            B(s("input", {
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => l.value = o),
+            M(t("input", {
+              "onUpdate:modelValue": a[1] || (a[1] = (n) => r.value = n),
               class: "min-h-8 w-full flex-1 border-none p-1.5 text-sm outline-none",
               placeholder: "New Workspace",
               type: "text"
             }, null, 512), [
-              [V, l.value]
+              [B, r.value]
             ]),
-            a(e(_), {
+            s(e(h), {
               class: "max-h-8 p-0 px-3 text-xs",
-              disabled: !l.value.trim(),
+              disabled: !r.value.trim(),
               type: "submit"
             }, {
-              default: r(() => t[3] || (t[3] = [
-                j(" Continue ")
+              default: o(() => a[3] || (a[3] = [
+                V(" Continue ")
               ])),
               _: 1,
               __: [3]

package/dist/components/ImportCollection/utils/get-openapi-version.js

@@ -1,20 +1,20 @@
-import { parse as n } from "yaml";
-import { isDocument as t } from "./is-document.js";
-function o(e) {
-  if (!t(e))
+import { parse as t } from "yaml";
+import { isDocument as n } from "./is-document.js";
+function a(e) {
+  if (!n(e))
     return !1;
   try {
     const r = JSON.parse(e ?? "");
-    return typeof (r == null ? void 0 : r.openapi) == "string" ? `OpenAPI ${r.openapi} JSON` : typeof (r == null ? void 0 : r.swagger) == "string" ? `Swagger ${r.swagger} JSON` : !1;
+    return typeof r?.openapi == "string" ? `OpenAPI ${r.openapi} JSON` : typeof r?.swagger == "string" ? `Swagger ${r.swagger} JSON` : !1;
   } catch {
   }
   try {
-    const r = n(e ?? "");
-    return typeof (r == null ? void 0 : r.openapi) == "string" ? `OpenAPI ${r.openapi} YAML` : typeof (r == null ? void 0 : r.swagger) == "string" ? `Swagger ${r.swagger} YAML` : !1;
+    const r = t(e ?? "");
+    return typeof r?.openapi == "string" ? `OpenAPI ${r.openapi} YAML` : typeof r?.swagger == "string" ? `Swagger ${r.swagger} YAML` : !1;
   } catch {
   }
   return !1;
 }
 export {
-  o as getOpenApiVersion
+  a as getOpenApiVersion
 };

package/dist/components/ImportCollection/utils/import-collection.js

@@ -1,29 +1,29 @@
-import { isUrl as f } from "./is-url.js";
-async function U({
-  store: t,
+import { isUrl as c } from "./is-url.js";
+async function y({
+  store: o,
   workspace: i,
-  source: o,
+  source: t,
   watchMode: n,
-  onSuccess: m,
-  onError: p
+  onSuccess: l,
+  onError: e
 }) {
   try {
-    if (o && i) {
-      if (f(o)) {
-        const [c, l] = await t.importSpecFromUrl(o, i.uid, {
+    if (t && i) {
+      if (c(t)) {
+        const [m, p] = await o.importSpecFromUrl(t, i.uid, {
           proxyUrl: i.proxyUrl,
           watchMode: n
         });
-        c || m(l == null ? void 0 : l.collection);
+        m || l(p?.collection);
         return;
       }
-      const r = await t.importSpecFile(o, i.uid);
-      m(r == null ? void 0 : r.collection);
+      const r = await o.importSpecFile(t, i.uid);
+      l(r?.collection);
     }
   } catch (r) {
-    p(r);
+    e(r);
   }
 }
 export {
-  U as importCollection
+  y as importCollection
 };

package/dist/components/OpenApiClientButton.vue.js

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

package/dist/components/OpenApiClientButton.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as i, computed as s, createElementBlock as m, createCommentVNode as l, openBlock as u, createVNode as d, createTextVNode as f, unref as g } from "vue";
+import { defineComponent as i, computed as s, createElementBlock as l, createCommentVNode as m, openBlock as u, createVNode as d, createTextVNode as f, unref as g } from "vue";
 import { ScalarIcon as h } from "@scalar/components";
 import { makeUrlAbsolute as p } from "@scalar/oas-utils/helpers";
 const k = ["href"], L = /* @__PURE__ */ i({
@@ -10,25 +10,25 @@ const k = ["href"], L = /* @__PURE__ */ i({
     integration: {},
     url: {}
   },
-  setup(o) {
+  setup(t) {
     const c = s(() => {
-      const n = o.url ?? (typeof window < "u" ? window.location.href : void 0);
+      const n = t.url ?? (typeof window < "u" ? window.location.href : void 0);
       if (!n)
         return;
-      const t = p(n);
-      if (!(t != null && t.length))
+      const o = p(n);
+      if (!o?.length)
         return;
       const e = new URL(
-        o.isDevelopment ? "http://localhost:5065" : "https://client.scalar.com"
+        t.isDevelopment ? "http://localhost:5065" : "https://client.scalar.com"
       );
-      if (e.searchParams.set("url", t), o.integration !== null && e.searchParams.set("integration", o.integration ?? "vue"), e.searchParams.set("utm_source", "api-reference"), e.searchParams.set("utm_medium", "button"), e.searchParams.set("utm_campaign", o.buttonSource), o.source === "gitbook") {
+      if (e.searchParams.set("url", o), t.integration !== null && e.searchParams.set("integration", t.integration ?? "vue"), e.searchParams.set("utm_source", "api-reference"), e.searchParams.set("utm_medium", "button"), e.searchParams.set("utm_campaign", t.buttonSource), t.source === "gitbook") {
         e.searchParams.set("utm_source", "gitbook");
         const r = document.querySelector("img.dark\\:block[alt='Logo']"), a = document.querySelector("img.dark\\:hidden[alt='Logo']");
         r && r instanceof HTMLImageElement && e.searchParams.set("dark_logo", encodeURIComponent(r.src)), a && a instanceof HTMLImageElement && e.searchParams.set("light_logo", encodeURIComponent(a.src));
       }
       return e.toString();
     });
-    return (n, t) => c.value ? (u(), m("a", {
+    return (n, o) => c.value ? (u(), l("a", {
       key: 0,
       class: "open-api-client-button",
       href: c.value,
@@ -39,8 +39,8 @@ const k = ["href"], L = /* @__PURE__ */ i({
         size: "xs",
         thickness: "2.5"
       }),
-      t[0] || (t[0] = f(" Open API Client "))
-    ], 8, k)) : l("", !0);
+      o[0] || (o[0] = f(" Open API Client "))
+    ], 8, k)) : m("", !0);
   }
 });
 export {

package/dist/components/ScalarAsciiArt.vue.js

@@ -1,5 +1,5 @@
 import o from "./ScalarAsciiArt.vue2.js";
-import "./ScalarAsciiArt.vue3.js";
+/* empty css                    */
 import r from "../_virtual/_plugin-vue_export-helper.js";
 const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-69ebd973"]]);
 export {

package/dist/components/ScalarAsciiArt.vue2.js

@@ -1,40 +1,37 @@
-import { defineComponent as h, computed as f, createElementBlock as i, openBlock as o, normalizeClass as y, Fragment as v, renderList as x, normalizeStyle as m, createElementVNode as $, toDisplayString as k } from "vue";
-const p = 500, l = 100, B = /* @__PURE__ */ h({
+import { defineComponent as d, computed as g, createElementBlock as a, openBlock as i, normalizeClass as h, Fragment as f, renderList as y, normalizeStyle as r, createElementVNode as v, toDisplayString as x } from "vue";
+const c = 500, o = 100, k = /* @__PURE__ */ d({
   __name: "ScalarAsciiArt",
   props: {
     art: {},
     animate: { type: Boolean }
   },
-  setup(u) {
-    const d = u, n = f(() => d.art.split(`
-`)), g = (a, s) => {
-      var e, t, r, c;
-      return {
-        animationDuration: `${a * l}ms, ${p}ms`,
-        animationTimingFunction: `steps(${a}), step-end`,
-        animationDelay: `${s * l}ms, 0ms`,
-        animationIterationCount: `1, ${((((e = n.value) == null ? void 0 : e.length) ?? 0) + (((c = (r = n.value) == null ? void 0 : r[((t = n.value) == null ? void 0 : t.length) - 1]) == null ? void 0 : c.length) ?? 0) + 5) * l / p}`
-      };
-    };
-    return (a, s) => (o(), i("div", {
+  setup(m) {
+    const p = m, e = g(() => p.art.split(`
+`)), u = (t, l) => ({
+      animationDuration: `${t * o}ms, ${c}ms`,
+      animationTimingFunction: `steps(${t}), step-end`,
+      animationDelay: `${l * o}ms, 0ms`,
+      animationIterationCount: `1, ${((e.value?.length ?? 0) + (e.value?.[e.value?.length - 1]?.length ?? 0) + 5) * o / c}`
+    });
+    return (t, l) => (i(), a("div", {
       "aria-hidden": "true",
-      class: y(["ascii-art font-code flex flex-col items-start text-[6px] leading-[7px]", { "ascii-art-animate": a.animate }]),
+      class: h(["ascii-art font-code flex flex-col items-start text-[6px] leading-[7px]", { "ascii-art-animate": t.animate }]),
       role: "presentation",
       inert: ""
     }, [
-      (o(!0), i(v, null, x(n.value, (e, t) => (o(), i("span", {
-        key: t,
+      (i(!0), a(f, null, y(e.value, (n, s) => (i(), a("span", {
+        key: s,
         class: "inline-block",
-        style: m({ width: `calc(${e.length + 1}ch)` })
+        style: r({ width: `calc(${n.length + 1}ch)` })
       }, [
-        $("span", {
+        v("span", {
           class: "inline-block whitespace-pre overflow-hidden",
-          style: m(g(e.length, t))
-        }, k(e), 5)
+          style: r(u(n.length, s))
+        }, x(n), 5)
       ], 4))), 128))
     ], 2));
   }
 });
 export {
-  B as default
+  k as default
 };

package/dist/components/Search/useSearch.js

@@ -1,88 +1,78 @@
-import { PathId as S } from "../../routes.js";
-import { useActiveEntities as L } from "../../store/active-entities.js";
-import { isDefined as y, shouldIgnoreEntity as T } from "@scalar/oas-utils/helpers";
-import M from "fuse.js";
-import { ref as n, watch as W, computed as b, nextTick as P } from "vue";
-import { useRouter as V } from "vue-router";
-import { useWorkspace as B } from "../../store/store.js";
-function Q() {
-  const u = V(), { activeWorkspace: E, activeWorkspaceRequests: f, activeWorkspaceCollections: w } = L(), { requests: x, tags: A } = B(), c = n([]), i = n([]), a = n(0), r = n(""), v = n(null), m = n([]), p = new M(c.value, {
+import { PathId as k } from "../../routes.js";
+import { useActiveEntities as F } from "../../store/active-entities.js";
+import { isDefined as I, shouldIgnoreEntity as S } from "@scalar/oas-utils/helpers";
+import H from "fuse.js";
+import { ref as l, watch as y, computed as T, nextTick as L } from "vue";
+import { useRouter as M } from "vue-router";
+import { useWorkspace as P } from "../../store/store.js";
+function N() {
+  const h = M(), { activeWorkspace: W, activeWorkspaceRequests: f, activeWorkspaceCollections: b } = F(), { requests: E, tags: w } = P(), n = l([]), c = l([]), s = l(0), o = l(""), r = l(null), m = l([]), p = new H(n.value, {
     keys: ["title", "description", "body"]
-  }), C = () => {
-    r.value = "", a.value = 0, i.value = [], v.value instanceof HTMLInputElement && v.value.blur();
+  }), x = () => {
+    o.value = "", s.value = 0, c.value = [], r.value instanceof HTMLInputElement && r.value.blur();
   }, d = (e) => {
-    c.value = e.filter((t) => !T(t)).filter((t) => {
-      var k;
-      const s = (k = w.value) == null ? void 0 : k.find(
-        (l) => l.requests.includes(t.uid)
-      );
-      return !!!(s != null && s.tags.map((l) => A[l]).filter(y).filter((l) => {
-        var I;
-        return (I = t.tags) == null ? void 0 : I.includes(l.name);
-      }).filter((l) => T(l)).length);
-    }).map((t) => {
-      var s, o;
-      return {
-        id: t.uid,
-        title: t.summary ?? t.method,
-        description: t.description ?? "",
-        httpVerb: t.method,
-        path: t.path,
-        link: (o = u == null ? void 0 : u.resolve({
-          name: "request",
-          params: {
-            [S.Request]: t.uid,
-            [S.Workspace]: (s = E.value) == null ? void 0 : s.uid
-          }
-        })) == null ? void 0 : o.href
-      };
-    }), p.setCollection(c.value);
+    n.value = e.filter((t) => !S(t)).filter((t) => !!!b.value?.find(
+      (a) => a.requests.includes(t.uid)
+    )?.tags.map((a) => w[a]).filter(I).filter((a) => t.tags?.includes(a.name)).filter((a) => S(a)).length).map((t) => ({
+      id: t.uid,
+      title: t.summary ?? t.method,
+      description: t.description ?? "",
+      httpVerb: t.method,
+      path: t.path,
+      link: h?.resolve({
+        name: "request",
+        params: {
+          [k.Request]: t.uid,
+          [k.Workspace]: W.value?.uid
+        }
+      })?.href
+    })), p.setCollection(n.value);
   }, R = () => {
-    a.value = 0, i.value = p.search(r.value);
+    s.value = 0, c.value = p.search(o.value);
   };
-  W(r, (e) => {
-    e.length ? R() : i.value = [];
+  y(o, (e) => {
+    e.length ? R() : c.value = [];
   });
-  const D = (e) => {
-    const t = e === "up" ? -1 : 1, s = h.value.length;
-    a.value = (a.value + t + s) % s, P(() => {
-      const o = m.value[a.value];
-      o instanceof HTMLElement && o.scrollIntoView({
+  const A = (e) => {
+    const t = e === "up" ? -1 : 1, i = u.value.length;
+    s.value = (s.value + t + i) % i, L(() => {
+      const v = m.value[s.value];
+      v instanceof HTMLElement && v.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
     });
-  }, F = () => {
-    if (a.value >= 0) {
-      const e = h.value[a.value];
+  }, C = () => {
+    if (s.value >= 0) {
+      const e = u.value[s.value];
       e && g(e);
     }
-  }, H = b(() => f.value.map((e) => x[e]).filter(y));
-  W(
+  }, D = T(() => f.value.map((e) => E[e]).filter(I));
+  y(
     f,
     () => {
-      d(H.value);
+      d(D.value);
     },
     { immediate: !0 }
   );
   const g = (e) => {
-    u.push(e.item.id), C();
-  }, h = b(() => r.value.length === 0 ? c.value.map((e) => ({
+    h.push(e.item.id), x();
+  }, u = T(() => o.value.length === 0 ? n.value.map((e) => ({
     item: e
-  })) : i.value);
+  })) : c.value);
   return {
-    searchText: r,
-    searchResultsWithPlaceholderResults: h,
-    selectedSearchResult: a,
+    searchText: o,
+    searchResultsWithPlaceholderResults: u,
+    selectedSearchResult: s,
     onSearchResultClick: g,
     fuseSearch: R,
-    searchInputRef: v,
+    searchInputRef: r,
     searchResultRefs: m,
-    navigateSearchResults: D,
-    selectSearchResult: F,
+    navigateSearchResults: A,
+    selectSearchResult: C,
     populateFuseDataArray: d
   };
 }
 export {
-  Q as useSearch
+  N as useSearch
 };

package/dist/components/SectionFilter.vue.js

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

package/dist/components/SectionFilter.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, mergeModels as p, useModel as h, ref as g, createElementBlock as f, openBlock as i, withKeys as m, createElementVNode as c, Fragment as b, renderList as k, createBlock as y, withCtx as V, createTextVNode as w, toDisplayString as v, createVNode as S, unref as q, nextTick as B } from "vue";
+import { defineComponent as x, mergeModels as p, useModel as h, ref as g, createElementBlock as u, openBlock as i, withKeys as f, createElementVNode as c, Fragment as b, renderList as k, createBlock as y, withCtx as V, createTextVNode as w, toDisplayString as m, createVNode as S, unref as q, nextTick as B } from "vue";
 import { ScalarIcon as C } from "@scalar/components";
 import I from "./SectionFilterButton.vue.js";
 const _ = { class: "request-section-content request-section-content-filter fade-request-section-content text-c-3 pointer-events-auto relative hidden w-full justify-end gap-[1.5px] rounded py-1.75 text-xs xl:flex" }, $ = { class: "filter-button context-bar-group-hover:text-c-1 absolute -right-[30px] flex items-center" }, F = { class: "context-bar-group-hover:hidden mr-1.5" }, K = /* @__PURE__ */ x({
@@ -11,47 +11,44 @@ const _ = { class: "request-section-content request-section-content-filter fade-
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l) {
-    const t = h(l, "modelValue"), r = g(), a = (s) => {
-      const o = s === "prev" ? -1 : 1, e = t.value ? l.filters.indexOf(t.value) : 0, n = l.filters.length, d = (e + o + n) % n;
-      t.value = l.filters[d], B(() => {
-        if (r.value) {
-          const u = r.value.querySelector(
+  setup(n) {
+    const t = h(n, "modelValue"), s = g(), a = (l) => {
+      const o = l === "prev" ? -1 : 1, e = t.value ? n.filters.indexOf(t.value) : 0, r = n.filters.length, v = (e + o + r) % r;
+      t.value = n.filters[v], B(() => {
+        if (s.value) {
+          const d = s.value.querySelector(
             'button[aria-selected="true"]'
           );
-          u && u.focus();
+          d && d.focus();
         }
       });
     };
-    return (s, o) => (i(), f("div", {
+    return (l, o) => (i(), u("div", {
       ref_key: "tablist",
-      ref: r,
+      ref: s,
       class: "filter-hover context-bar-group ml-auto hidden lg:flex",
       role: "tablist",
       onKeydown: [
-        o[0] || (o[0] = m((e) => a("prev"), ["left"])),
-        o[1] || (o[1] = m((e) => a("next"), ["right"]))
+        o[0] || (o[0] = f((e) => a("prev"), ["left"])),
+        o[1] || (o[1] = f((e) => a("next"), ["right"]))
       ]
     }, [
       c("div", _, [
-        (i(!0), f(b, null, k(s.filters, (e) => {
-          var n;
-          return i(), y(I, {
-            key: e,
-            class: "filter-hover-item",
-            controls: (n = s.filterIds) == null ? void 0 : n[e],
-            role: "tab",
-            selected: t.value === e,
-            onClick: (d) => t.value = e
-          }, {
-            default: V(() => [
-              w(v(e), 1)
-            ]),
-            _: 2
-          }, 1032, ["controls", "selected", "onClick"]);
-        }), 128)),
+        (i(!0), u(b, null, k(l.filters, (e) => (i(), y(I, {
+          key: e,
+          class: "filter-hover-item",
+          controls: l.filterIds?.[e],
+          role: "tab",
+          selected: t.value === e,
+          onClick: (r) => t.value = e
+        }, {
+          default: V(() => [
+            w(m(e), 1)
+          ]),
+          _: 2
+        }, 1032, ["controls", "selected", "onClick"]))), 128)),
         c("div", $, [
-          c("span", F, v(t.value), 1),
+          c("span", F, m(t.value), 1),
           S(q(C), {
             icon: "FilterList",
             size: "md",