@scalar/api-client 2.1.45 → 2.1.46

package/dist/layouts/Modal/ApiClientModal.vue.js

@@ -2,7 +2,7 @@ import o from "./ApiClientModal.vue2.js";
 /* empty css                    */
 /* empty css                    */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ad1d73e2"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-358451b6"]]);
 export {
-  m as default
+  a as default
 };

package/dist/layouts/Modal/ApiClientModal.vue2.js

@@ -1,38 +1,50 @@
-import { defineComponent as c, provide as i, watch as m, onBeforeMount as p, onMounted as u, onBeforeUnmount as f, withDirectives as y, openBlock as v, createElementBlock as h, createElementVNode as n, createVNode as w, unref as a, vShow as _ } from "vue";
-import { addScalarClassesToHeadless as k } from "@scalar/components";
-import { RouterView as E } from "vue-router";
-import { useWorkspace as C } from "../../store/store.js";
-import { handleHotKeyDown as K } from "../../libs/hot-keys.js";
-const M = { class: "scalar" }, B = { className: "scalar-container z-overlay" }, N = { className: "scalar-app scalar-client scalar-app-layout" }, L = /* @__PURE__ */ c({
+import { defineComponent as p, useTemplateRef as f, useId as v, watch as y, onBeforeMount as w, onMounted as h, onBeforeUnmount as _, withDirectives as k, openBlock as C, createElementBlock as E, createElementVNode as l, unref as t, createVNode as K, vShow as F } from "vue";
+import { addScalarClassesToHeadless as M } from "@scalar/components";
+import { useFocusTrap as T } from "@vueuse/integrations/useFocusTrap";
+import { RouterView as x } from "vue-router";
+import { useWorkspace as B } from "../../store/store.js";
+import { handleHotKeyDown as P } from "../../libs/hot-keys.js";
+const b = { class: "scalar scalar-app" }, D = { class: "scalar-container z-overlay" }, S = ["id"], N = /* @__PURE__ */ p({
   __name: "ApiClientModal",
-  setup(x) {
-    const { activeWorkspace: d, modalState: o, events: t } = C();
-    i("layout", "modal");
-    const r = (e) => K(e, t.hotKeys, d.value.hotKeyConfig);
-    m(
+  setup(V) {
+    const { activeWorkspace: d, modalState: o, events: a } = B(), n = f("client"), s = v(), { activate: m, deactivate: u } = T(n, {
+      allowOutsideClick: !0,
+      initialFocus: () => n.value,
+      fallbackFocus: `#${s}`
+    }), r = (e) => P(e, a.hotKeys, d.value.hotKeyConfig);
+    y(
       () => o.open,
       (e) => {
-        e ? (window.addEventListener("keydown", r), document.documentElement.style.overflow = "hidden") : (window.removeEventListener("keydown", r), document.documentElement.style.removeProperty("overflow"));
+        e ? (window.addEventListener("keydown", r), document.documentElement.style.overflow = "hidden", m()) : (window.removeEventListener("keydown", r), document.documentElement.style.removeProperty("overflow"), u());
       }
-    ), p(() => k());
-    const s = (e) => (e == null ? void 0 : e.closeModal) && o.open && o.hide();
-    return u(() => t.hotKeys.on(s)), f(() => {
-      document.documentElement.style.removeProperty("overflow"), t.hotKeys.off(s);
-    }), (e, l) => y((v(), h("div", M, [
-      n("div", B, [
-        n("div", N, [
-          w(a(E), { key: "$route.fullPath" })
-        ]),
-        n("div", {
+    ), w(() => M());
+    const c = (e) => (e == null ? void 0 : e.closeModal) && o.open && o.hide();
+    return h(() => a.hotKeys.on(c)), _(() => {
+      document.documentElement.style.removeProperty("overflow"), a.hotKeys.off(c);
+    }), (e, i) => k((C(), E("div", b, [
+      l("div", D, [
+        l("div", {
+          id: t(s),
+          ref_key: "client",
+          ref: n,
+          "aria-label": "API Client",
+          "aria-modal": "true",
+          class: "scalar-app-layout scalar-client",
+          role: "dialog",
+          tabindex: "0"
+        }, [
+          K(t(x), { key: "$route.fullPath" })
+        ], 8, S),
+        l("div", {
           class: "scalar-app-exit -z-1",
-          onClick: l[0] || (l[0] = (D) => a(o).hide())
+          onClick: i[0] || (i[0] = ($) => t(o).hide())
         })
       ])
     ], 512)), [
-      [_, a(o).open]
+      [F, t(o).open]
     ]);
   }
 });
 export {
-  L as default
+  N as default
 };