@scalar/api-client 2.18.3 → 2.19.0

package/dist/v2/features/app/components/AppSidebar.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as q, mergeModels as x, computed as b, capitalize as V, useModel as C, ref as G, createElementBlock as W, openBlock as m, createVNode as l, createBlock as g, createCommentVNode as f, unref as i, createSlots as R, withCtx as r, createTextVNode as y, withKeys as k, withModifiers as c, toDisplayString as j, createElementVNode as d, normalizeClass as F, nextTick as H } from "vue";
-import { useModal as L, ScalarSidebarItem as I, ScalarIconButton as U, ScalarButton as E, ScalarModal as J } from "@scalar/components";
-import { ScalarIconPlus as Y, ScalarIconDotsThree as Q, ScalarIconGlobe as X } from "@scalar/icons";
+import { defineComponent as q, mergeModels as x, computed as b, capitalize as V, useModel as C, ref as G, createElementBlock as W, openBlock as m, createVNode as l, createBlock as g, createCommentVNode as f, unref as i, createSlots as R, withCtx as r, createTextVNode as y, withKeys as k, withModifiers as c, toDisplayString as j, renderSlot as F, createElementVNode as d, normalizeClass as H, nextTick as L } from "vue";
+import { useModal as U, ScalarSidebarItem as I, ScalarIconButton as J, ScalarButton as $, ScalarModal as Y } from "@scalar/components";
+import { ScalarIconPlus as Q, ScalarIconDotsThree as X, ScalarIconGlobe as Z } from "@scalar/icons";
 import { getParentEntry as w } from "@scalar/workspace-store/navigation";
-import Z from "../../../../assets/rabbit.ascii.js";
-import _ from "../../../../assets/rabbitjump.ascii.js";
-import O from "../../../../components/ScalarAsciiArt.vue.js";
-import ee from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import te from "./SidebarItemMenu.vue.js";
-import { dragHandleFactory as ae } from "../../../helpers/drag-handle-factory.js";
-import oe from "../../../components/sidebar/Sidebar.vue.js";
-const ne = { class: "flex" }, ie = {
+import _ from "../../../../assets/rabbit.ascii.js";
+import ee from "../../../../assets/rabbitjump.ascii.js";
+import E from "../../../../components/ScalarAsciiArt.vue.js";
+import te from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import ae from "./SidebarItemMenu.vue.js";
+import { dragHandleFactory as oe } from "../../../helpers/drag-handle-factory.js";
+import ne from "../../../components/sidebar/Sidebar.vue.js";
+const ie = { class: "flex" }, se = {
   key: 0,
   class: "empty-sidebar-item-content overflow-hidden px-2.5 py-2.5"
-}, se = { class: "rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]" }, re = { class: "gap-1.5 p-2" }, we = /* @__PURE__ */ q({
+}, re = { class: "rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]" }, le = { class: "gap-1.5 p-2" }, Se = /* @__PURE__ */ q({
   __name: "AppSidebar",
   props: /* @__PURE__ */ x({
     layout: {},
@@ -32,64 +32,64 @@ const ne = { class: "flex" }, ie = {
     sidebarWidthModifiers: {}
   }),
   emits: /* @__PURE__ */ x(["click:workspace", "selectItem", "select:workspace", "create:workspace"], ["update:isSidebarOpen", "update:sidebarWidth"]),
-  setup(a, { emit: $ }) {
-    const p = $, D = b(() => V(a.activeWorkspace.label)), B = C(a, "isSidebarOpen"), M = C(a, "sidebarWidth"), S = b(() => a.sidebarState.items.value.length <= 1), h = b(
-      () => ae({
-        store: a.store,
-        sidebarState: a.sidebarState
+  setup(o, { emit: O }) {
+    const p = O, A = b(() => V(o.activeWorkspace.label)), B = C(o, "isSidebarOpen"), M = C(o, "sidebarWidth"), S = b(() => o.sidebarState.items.value.length <= 1), h = b(
+      () => oe({
+        store: o.store,
+        sidebarState: o.sidebarState
       })
-    ), N = (o, e) => h.value.handleDragEnd(o, e), A = (o, e) => h.value.isDroppable(o, e), s = G(null), v = L(), T = b(() => {
-      const o = s.value?.item;
-      return o?.type === "document" ? "This cannot be undone. You're about to delete the document and all tags and operations inside it." : `Are you sure you want to delete this ${o?.type ?? "item"}? This action cannot be undone.`;
+    ), D = (a, e) => h.value.handleDragEnd(a, e), N = (a, e) => h.value.isDroppable(a, e), s = G(null), v = U(), T = b(() => {
+      const a = s.value?.item;
+      return a?.type === "document" ? "This cannot be undone. You're about to delete the document and all tags and operations inside it." : `Are you sure you want to delete this ${a?.type ?? "item"}? This action cannot be undone.`;
     }), z = () => {
-      const o = s.value?.item;
-      if (!o)
+      const a = s.value?.item;
+      if (!a)
         return;
-      const e = a.sidebarState.getEntryById(o.id), t = w("document", e), n = w("operation", e);
+      const e = o.sidebarState.getEntryById(a.id), t = w("document", e), n = w("operation", e);
       if (t) {
-        if (o.type === "document")
-          a.eventBus.emit("document:delete:document", { name: t.name });
-        else if (o.type === "tag")
-          a.eventBus.emit("tag:delete:tag", {
+        if (a.type === "document")
+          o.eventBus.emit("document:delete:document", { name: t.name });
+        else if (a.type === "tag")
+          o.eventBus.emit("tag:delete:tag", {
             documentName: t.name,
-            name: o.name
+            name: a.name
           });
-        else if (o.type === "operation") {
+        else if (a.type === "operation") {
           if (!n)
             return;
-          a.eventBus.emit("operation:delete:operation", {
+          o.eventBus.emit("operation:delete:operation", {
             meta: {
               method: n.method,
               path: n.path
             },
             documentName: t.name
           });
-        } else if (o.type === "example") {
+        } else if (a.type === "example") {
           if (!n)
             return;
-          a.eventBus.emit("operation:delete:example", {
+          o.eventBus.emit("operation:delete:example", {
             meta: {
               method: n.method,
               path: n.path,
-              exampleKey: o.name
+              exampleKey: a.name
             },
             documentName: t.name
           });
         }
         v.hide(), s.value = null;
       }
-    }, u = async (o, e) => {
+    }, u = async (a, e) => {
       if (s.value?.showMenu)
         return;
-      const t = o.currentTarget;
-      s.value = { item: e, el: t, showMenu: !0 }, await H();
-      const n = o instanceof MouseEvent ? new MouseEvent(o.type, o) : new KeyboardEvent(o.type, o);
+      const t = a.currentTarget;
+      s.value = { item: e, el: t, showMenu: !0 }, await L();
+      const n = a instanceof MouseEvent ? new MouseEvent(a.type, a) : new KeyboardEvent(a.type, a);
       s.value?.el.dispatchEvent(n);
     }, K = () => {
       s.value && (s.value.showMenu = !1);
-    }, P = (o) => {
-      const e = a.sidebarState.getEntryById(o.id), t = w("document", e), n = w("tag", e);
-      a.eventBus.emit("ui:open:command-palette", {
+    }, P = (a) => {
+      const e = o.sidebarState.getEntryById(a.id), t = w("document", e), n = w("tag", e);
+      o.eventBus.emit("ui:open:command-palette", {
         action: "create-request",
         payload: {
           documentId: t?.id,
@@ -97,42 +97,45 @@ const ne = { class: "flex" }, ie = {
         }
       });
     };
-    return (o, e) => (m(), W("div", ne, [
-      l(i(oe), {
+    return (a, e) => (m(), W("div", ie, [
+      l(i(ne), {
         isSidebarOpen: B.value,
         "onUpdate:isSidebarOpen": e[3] || (e[3] = (t) => B.value = t),
         sidebarWidth: M.value,
         "onUpdate:sidebarWidth": e[4] || (e[4] = (t) => M.value = t),
-        activeWorkspace: a.activeWorkspace,
-        documents: Object.values(a.store.workspace.documents),
-        eventBus: a.eventBus,
-        isDroppable: A,
-        layout: a.layout,
-        sidebarState: a.sidebarState,
-        workspaces: a.workspaces,
+        activeWorkspace: o.activeWorkspace,
+        documents: Object.values(o.store.workspace.documents),
+        eventBus: o.eventBus,
+        isDroppable: N,
+        layout: o.layout,
+        sidebarState: o.sidebarState,
+        workspaces: o.workspaces,
         "onCreate:workspace": e[5] || (e[5] = (t) => p("create:workspace")),
-        onReorder: e[6] || (e[6] = (t, n) => N(t, n)),
+        onReorder: e[6] || (e[6] = (t, n) => D(t, n)),
         "onSelect:workspace": e[7] || (e[7] = (t) => p("select:workspace", t)),
         onSelectItem: e[8] || (e[8] = (t) => p("selectItem", t))
       }, R({
+        sidebarMenuActions: r(() => [
+          F(a.$slots, "sidebarMenuActions", {}, void 0, !0)
+        ]),
         workspaceButton: r(() => [
           l(i(I), {
             is: "button",
-            active: a.isWorkspaceOpen,
-            icon: i(X),
+            active: o.isWorkspaceOpen,
+            icon: i(Z),
             onClick: e[0] || (e[0] = (t) => p("click:workspace"))
           }, {
             default: r(() => [
-              y(j(D.value), 1)
+              y(j(A.value), 1)
             ]),
             _: 1
           }, 8, ["active", "icon"])
         ]),
         decorator: r(({ item: t }) => [
-          l(i(U), {
+          l(i(J), {
             "aria-expanded": "false",
             "aria-haspopup": "menu",
-            icon: i(Q),
+            icon: i(X),
             label: "More options",
             size: "sm",
             weight: "bold",
@@ -151,7 +154,7 @@ const ne = { class: "flex" }, ie = {
             onClick: (n) => P(t)
           }, {
             icon: r(() => [
-              l(i(Y))
+              l(i(Q))
             ]),
             default: r(() => [...e[11] || (e[11] = [
               y("Add operation", -1)
@@ -161,22 +164,22 @@ const ne = { class: "flex" }, ie = {
         ]),
         _: 2
       }, [
-        a.layout !== "modal" ? {
+        o.layout !== "modal" ? {
           name: "footer",
           fn: r(() => [
             d("div", {
-              class: F({
+              class: H({
                 "empty-sidebar-item border-t": S.value
               })
             }, [
-              S.value ? (m(), W("div", ie, [
-                d("div", se, [
-                  l(O, {
-                    art: i(Z),
+              S.value ? (m(), W("div", se, [
+                d("div", re, [
+                  l(E, {
+                    art: i(_),
                     class: "rabbitsit font-bold"
                   }, null, 8, ["art"]),
-                  l(O, {
-                    art: i(_),
+                  l(E, {
+                    art: i(ee),
                     class: "rabbitjump absolute top-0 left-0 font-bold"
                   }, null, 8, ["art"])
                 ]),
@@ -185,12 +188,12 @@ const ne = { class: "flex" }, ie = {
                   d("p", { class: "mt-2 leading-3" }, " Create request, folder, collection or import from OpenAPI/Postman ")
                 ], -1))
               ])) : f("", !0),
-              d("div", re, [
-                S.value ? (m(), g(i(E), {
+              d("div", le, [
+                S.value ? (m(), g(i($), {
                   key: 0,
                   class: "w-full",
                   size: "sm",
-                  onClick: e[1] || (e[1] = (t) => a.eventBus.emit("ui:open:command-palette", {
+                  onClick: e[1] || (e[1] = (t) => o.eventBus.emit("ui:open:command-palette", {
                     action: "import-from-openapi-swagger-postman-curl",
                     payload: void 0
                   }))
@@ -200,12 +203,12 @@ const ne = { class: "flex" }, ie = {
                   ])]),
                   _: 1
                 })) : f("", !0),
-                l(i(E), {
+                l(i($), {
                   class: "w-full",
                   hotkey: "K",
                   size: "sm",
                   variant: "outlined",
-                  onClick: e[2] || (e[2] = (t) => a.eventBus.emit("ui:open:command-palette"))
+                  onClick: e[2] || (e[2] = (t) => o.eventBus.emit("ui:open:command-palette"))
                 }, {
                   default: r(() => [...e[14] || (e[14] = [
                     y(" Add Item ", -1)
@@ -218,23 +221,23 @@ const ne = { class: "flex" }, ie = {
           key: "0"
         } : void 0
       ]), 1032, ["isSidebarOpen", "sidebarWidth", "activeWorkspace", "documents", "eventBus", "layout", "sidebarState", "workspaces"]),
-      s.value?.showMenu ? (m(), g(te, {
+      s.value?.showMenu ? (m(), g(ae, {
         key: 0,
-        eventBus: a.eventBus,
+        eventBus: o.eventBus,
         item: s.value.item,
-        sidebarState: a.sidebarState,
+        sidebarState: o.sidebarState,
         target: s.value.el,
         onCloseMenu: K,
         onShowDeleteModal: e[9] || (e[9] = (t) => i(v).show())
       }, null, 8, ["eventBus", "item", "sidebarState", "target"])) : f("", !0),
-      s.value ? (m(), g(i(J), {
+      s.value ? (m(), g(i(Y), {
         key: 1,
         size: "xxs",
         state: i(v),
         title: `Delete ${s.value.item.title}`
       }, {
         default: r(() => [
-          l(ee, {
+          l(te, {
             variableName: s.value.item.title,
             warningMessage: T.value,
             onClose: e[10] || (e[10] = (t) => i(v).hide()),
@@ -247,5 +250,5 @@ const ne = { class: "flex" }, ie = {
   }
 });
 export {
-  we as default
+  Se as default
 };

package/dist/v2/features/app/helpers/create-api-client-app.d.ts

@@ -13,70 +13,16 @@ type CreateApiClientOptions = {
      */
     plugins?: ClientPlugin[];
 };
+/**
+ * Creates the appropriate router with the appropriate routes based on the layout
+ */
+export declare const createAppRouter: (layout: CreateApiClientOptions["layout"]) => import("vue-router").Router;
 /**
  * Create the API Client with router and passes in the workspace store as a prop
  */
 export declare const createApiClientApp: (el: HTMLElement | null, { layout, plugins }: CreateApiClientOptions) => {
     app: import("vue").App<Element>;
-    state: {
-        store: import("vue").ShallowRef<import("@scalar/workspace-store/client").WorkspaceStore | null>;
-        sidebar: {
-            state: {
-                items: import("vue").ComputedRef<import("@scalar/workspace-store/schemas/navigation").TraversedEntry[]>;
-                index: import("vue").ComputedRef<Map<string, import("@scalar/workspace-store/schemas/navigation").TraversedEntry & {
-                    parent?: import("@scalar/workspace-store/schemas/navigation").TraversedEntry | undefined;
-                }>>;
-                selectedItems: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
-                expandedItems: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
-                selectedItem: import("vue").Ref<string | null, string | null>;
-                setSelected: (id: string | null) => void;
-                setExpanded: (id: string, value: boolean) => void;
-                isExpanded: (id: string) => boolean;
-                isSelected: (id: string) => boolean;
-                getEntryById: (id: string) => (import("@scalar/workspace-store/schemas/navigation").TraversedEntry & {
-                    parent?: import("@scalar/workspace-store/schemas/navigation").TraversedEntry | undefined;
-                }) | undefined;
-                reset: () => void;
-            };
-            width: import("vue").ComputedRef<number>;
-            isOpen: import("vue").Ref<boolean>;
-            handleSelectItem: (id: string) => Promise<void | import("vue-router").NavigationFailure | undefined> | undefined;
-            handleSidebarWidthUpdate: (width: number) => void | undefined;
-            getEntryByLocation: import("../../../../v2/features/app/app-state.js").GetEntryByLocation;
-        };
-        tabs: {
-            state: import("vue").Ref<import("@scalar/workspace-store/schemas/extensions/workspace/x-scalar-tabs").Tab[]>;
-            activeTabIndex: import("vue").Ref<number>;
-            copyTabUrl: (index: number) => Promise<void>;
-        };
-        workspace: {
-            create: ({ id, name, }: {
-                id?: string;
-                name: string;
-            }) => Promise<{
-                id: string;
-                name: string;
-            } | undefined>;
-            workspaceList: import("vue").Ref<import("@scalar/components").ScalarListboxOption[]>;
-            activeWorkspace: import("vue").ShallowRef<import("@scalar/components").ScalarListboxOption | null>;
-            setId: (id?: string) => Promise<void>;
-            isOpen: import("vue").ComputedRef<boolean>;
-        };
-        commandPalette: import("../../command-palette/hooks/use-command-palette-state.js").UseCommandPaletteStateReturn;
-        eventBus: import("@scalar/workspace-store/events").WorkspaceEventBus;
-        router: import("vue").ShallowRef<import("vue-router").Router | null>;
-        currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedGeneric | null>;
-        loading: import("vue").Ref<boolean>;
-        activeEntities: {
-            workspaceSlug: import("vue").Ref<string | undefined>;
-            documentSlug: import("vue").Ref<string | undefined>;
-            path: import("vue").Ref<string | undefined>;
-            method: import("vue").Ref<import("@scalar/helpers/http/http-methods").HttpMethod | undefined>;
-            exampleName: import("vue").Ref<string | undefined>;
-        };
-        environment: import("vue").ComputedRef<import("@scalar/workspace-store/schemas/extensions/document/x-scalar-environments").XScalarEnvironment>;
-        document: import("vue").ComputedRef<import("@scalar/workspace-store/schemas").WorkspaceDocument | null>;
-    };
+    state: import("../../../../v2/features/app/app-state.js").AppState;
 } | undefined;
 export {};
 //# sourceMappingURL=create-api-client-app.d.ts.map

package/dist/v2/features/app/helpers/create-api-client-app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-api-client-app.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,sBAAsB,GAAG;IAC5B;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAeD;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,WAAW,GAAG,IAAI,EAAE,qBAAiC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA4By2K,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;aAD39K,CAAA"}
+{"version":3,"file":"create-api-client-app.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,sBAAsB,GAAG;IAC5B;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,sBAAsB,CAAC,QAAQ,CAAC,gCAQvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,WAAW,GAAG,IAAI,EAAE,qBAAiC,sBAAsB;;;aAyBjH,CAAA"}

package/dist/v2/features/app/helpers/create-api-client-app.js

@@ -1,12 +1,12 @@
 import { createApp as c } from "vue";
-import { createRouter as i, createWebHistory as n, createWebHashHistory as m } from "vue-router";
+import { createRouter as p, createWebHistory as n, createWebHashHistory as m } from "vue-router";
 import u from "../App.vue.js";
 /* empty css          */
 import { useAppState as l } from "../app-state.js";
-import { ROUTES as p } from "./routes.js";
-const f = (e) => e === "web" ? i({ history: n(), routes: p }) : i({ history: m(), routes: p }), v = (e, { layout: r = "desktop", plugins: s }) => {
-  const t = c(u, { layout: r, plugins: s }), o = f(r), a = l();
-  if (a.router.value = o, t.use(o), !e) {
+import { ROUTES as i } from "./routes.js";
+const f = (t) => t === "web" ? p({ history: n(), routes: i }) : p({ history: m(), routes: i }), g = (t, { layout: r = "desktop", plugins: s }) => {
+  const o = f(r), a = l(o), e = c(u, { layout: r, plugins: s, getAppState: () => a });
+  if (e.use(o), !t) {
     console.error(
       "[@scalar/api-client-modal] Could not create the API client.",
       "Invalid HTML element provided.",
@@ -14,11 +14,12 @@ const f = (e) => e === "web" ? i({ history: n(), routes: p }) : i({ history: m()
     );
     return;
   }
-  return t.mount(e), {
-    app: t,
+  return e.mount(t), {
+    app: e,
     state: a
   };
 };
 export {
-  v as createApiClientApp
+  g as createApiClientApp,
+  f as createAppRouter
 };

package/dist/v2/features/app/index.d.ts

@@ -1,2 +1,6 @@
-export { createApiClientApp } from './helpers/create-api-client-app.js';
+export { type AppState, useAppState } from '../../../v2/features/app/app-state.js';
+export type { ClientPlugin } from '../../../v2/helpers/plugins.js';
+export type { ClientLayout } from '../../../v2/types/layout';
+export { default as ClientApp } from './App.vue.js';
+export { createApiClientApp, createAppRouter } from './helpers/create-api-client-app.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACxE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA"}

package/dist/v2/features/app/index.js

@@ -1,4 +1,10 @@
-import { createApiClientApp as r } from "./helpers/create-api-client-app.js";
+import { useAppState as r } from "./app-state.js";
+import { default as a } from "./App.vue.js";
+/* empty css         */
+import { createApiClientApp as f, createAppRouter as i } from "./helpers/create-api-client-app.js";
 export {
-  r as createApiClientApp
+  a as ClientApp,
+  f as createApiClientApp,
+  i as createAppRouter,
+  r as useAppState
 };

package/dist/v2/features/modal/Modal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AAwYA,OAAO,EAGL,KAAK,UAAU,EAEhB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAE/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAExE,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAA;AAIZ,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAGxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAOxD,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;IAC9B,qDAAqD;IACrD,QAAQ,EAAE,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC/C,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,4CAA4C;IAC5C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,mDAAmD;IACnD,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,2CAA2C;IAC3C,UAAU,EAAE,UAAU,CAAA;IACtB,0DAA0D;IAC1D,YAAY,EAAE,qBAAqB,CAAA;IACnC,iDAAiD;IACjD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,wDAAwD;IACxD,OAAO,EAAE,gBAAgB,CACvB,OAAO,CACL,IAAI,CAAC,4BAA4B,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,CAC1E,CACF,CAAA;CACF,CAAA;AAED;;;;GAIG;;;;;AACH,wBAuWC"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AAsYA,OAAO,EAGL,KAAK,UAAU,EAEhB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAE/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAExE,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAA;AAIZ,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAIxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKxD,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;IAC9B,qDAAqD;IACrD,QAAQ,EAAE,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC/C,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,4CAA4C;IAC5C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,mDAAmD;IACnD,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,2CAA2C;IAC3C,UAAU,EAAE,UAAU,CAAA;IACtB,0DAA0D;IAC1D,YAAY,EAAE,qBAAqB,CAAA;IACnC,iDAAiD;IACjD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,wDAAwD;IACxD,OAAO,EAAE,gBAAgB,CACvB,OAAO,CACL,IAAI,CAAC,4BAA4B,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,CAC1E,CACF,CAAA;CACF,CAAA;AAED;;;;GAIG;;;;;AACH,wBAsWC"}

package/dist/v2/features/modal/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2d195805"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6c81e410"]]);
 export {
   p as default
 };

package/dist/v2/features/modal/Modal.vue2.js

@@ -1,13 +1,13 @@
 import { defineComponent as I, ref as w, useId as N, watch as D, nextTick as E, onBeforeMount as F, onBeforeUnmount as U, computed as d, toValue as k, withDirectives as b, createElementBlock as u, openBlock as m, createElementVNode as s, unref as o, createVNode as l, withCtx as V, vShow as x } from "vue";
 import { addScalarClassesToHeadless as A, ScalarTeleportRoot as $ } from "@scalar/components";
-import { ScalarToasts as H } from "@scalar/use-toasts";
-import { useFocusTrap as L } from "@vueuse/integrations/useFocusTrap";
-import { mergeAuthConfig as M } from "../../blocks/scalar-auth-selector-block/helpers/merge-auth-config.js";
-import z from "../operation/Operation.vue.js";
-import { getActiveEnvironment as O } from "../../helpers/get-active-environment.js";
-import { useGlobalHotKeys as R } from "../../hooks/use-global-hot-keys.js";
-import { useScrollLock as j } from "../../hooks/use-scroll-lock.js";
-import { useWorkspaceClientModalEvents as q } from "./hooks/use-workspace-client-modal-events.js";
+import { ScalarToasts as z } from "@scalar/use-toasts";
+import { useFocusTrap as H } from "@vueuse/integrations/useFocusTrap";
+import { mergeAuthConfig as L } from "../../blocks/scalar-auth-selector-block/helpers/merge-auth-config.js";
+import { initializeModalEvents as M } from "./modal-events.js";
+import O from "../operation/Operation.vue.js";
+import { getActiveEnvironment as R } from "../../helpers/get-active-environment.js";
+import { useGlobalHotKeys as j } from "../../hooks/use-global-hot-keys.js";
+import { useScrollLock as q } from "../../hooks/use-scroll-lock.js";
 import G from "../../components/sidebar/SidebarToggle.vue.js";
 import K from "../../components/sidebar/Sidebar.vue.js";
 const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q = ["id"], X = {
@@ -37,32 +37,31 @@ const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q =
       label: "default",
       id: "default"
     }, n = w(!1);
-    q({
+    M({
       eventBus: e.eventBus,
-      document: e.document,
-      workspaceStore: e.workspaceStore,
       isSidebarOpen: n,
       sidebarState: e.sidebarState,
-      modalState: e.modalState
-    }), R(e.eventBus, "modal");
-    const f = w(null), v = N(), { activate: y, deactivate: p } = L(f, {
+      modalState: e.modalState,
+      store: e.workspaceStore
+    }), j(e.eventBus, "modal");
+    const f = w(null), v = N(), { activate: y, deactivate: p } = H(f, {
       allowOutsideClick: !0,
       fallbackFocus: `#${v}`
     }), S = () => {
       p(), e.eventBus.emit("operation:cancel:request");
-    }, C = j(() => typeof window < "u" ? window.document.body : null);
+    }, g = q(() => typeof window < "u" ? window.document.body : null);
     D(
       () => e.modalState.open,
       (a) => {
-        C.value = a, a ? y({ checkCanFocusTrap: () => E() }) : S();
+        g.value = a, a ? y({ checkCanFocusTrap: () => E() }) : S();
       }
     ), F(() => A()), U(() => S());
-    const g = 288, c = d(
-      () => e.workspaceStore?.workspace?.["x-scalar-sidebar-width"] ?? g
+    const C = 288, c = d(
+      () => e.workspaceStore?.workspace?.["x-scalar-sidebar-width"] ?? C
     ), T = (a) => e.workspaceStore?.update("x-scalar-sidebar-width", a), h = d(
-      () => O(e.workspaceStore, e.document.value)
+      () => R(e.workspaceStore, e.document.value)
     ), W = d(
-      () => M(
+      () => L(
         e.document.value?.components?.securitySchemes,
         k(e.options)?.authentication?.securitySchemes
       )
@@ -84,7 +83,7 @@ const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q =
         }, [
           l(o($), null, {
             default: V(() => [
-              l(o(H)),
+              l(o(z)),
               e.document.value && e.path?.value && e.method?.value ? (m(), u("main", X, [
                 l(o(G), {
                   modelValue: n.value,
@@ -109,7 +108,7 @@ const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q =
                 }, null, 8, ["sidebarWidth", "documents", "eventBus", "sidebarState", "onSelectItem"]), [
                   [x, n.value]
                 ]),
-                l(z, {
+                l(O, {
                   activeWorkspace: r,
                   class: "flex-1",
                   document: e.document.value,

package/dist/v2/features/modal/index.d.ts

@@ -1,3 +1,3 @@
 export { type ApiClientModal, createApiClientModal } from './helpers/create-api-client-modal.js';
-export { useWorkspaceClientModalEvents } from './hooks/use-workspace-client-modal-events.js';
+export { initializeModalEvents } from './modal-events.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7F,OAAO,EAAE,6BAA6B,EAAE,MAAM,2CAA2C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7F,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/v2/features/modal/index.js

@@ -1,6 +1,6 @@
-import { createApiClientModal as r } from "./helpers/create-api-client-modal.js";
-import { useWorkspaceClientModalEvents as a } from "./hooks/use-workspace-client-modal-events.js";
+import { createApiClientModal as o } from "./helpers/create-api-client-modal.js";
+import { initializeModalEvents as r } from "./modal-events.js";
 export {
-  r as createApiClientModal,
-  a as useWorkspaceClientModalEvents
+  o as createApiClientModal,
+  r as initializeModalEvents
 };

package/dist/v2/features/modal/modal-events.d.ts

@@ -0,0 +1,13 @@
+import type { ModalState } from '@scalar/components';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import { type Ref } from 'vue';
+import type { UseModalSidebarReturn } from '../../../v2/features/modal/hooks/use-modal-sidebar.js';
+export declare function initializeModalEvents({ eventBus, isSidebarOpen, sidebarState, modalState, store, }: {
+    eventBus: WorkspaceEventBus;
+    isSidebarOpen: Ref<boolean>;
+    sidebarState: UseModalSidebarReturn;
+    modalState: ModalState;
+    store: WorkspaceStore;
+}): void;
+//# sourceMappingURL=modal-events.d.ts.map

package/dist/v2/features/modal/modal-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-events.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/modal-events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,EAAE,KAAK,GAAG,EAAO,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAGxF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,UAAU,EACV,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC3B,YAAY,EAAE,qBAAqB,CAAA;IACnC,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,cAAc,CAAA;CACtB,QA2CA"}

package/dist/v2/features/modal/modal-events.js

@@ -0,0 +1,31 @@
+import { ref as c } from "vue";
+import { initializeWorkspaceEventHandlers as l } from "../../workspace-events.js";
+function f({
+  eventBus: e,
+  isSidebarOpen: t,
+  sidebarState: n,
+  modalState: o,
+  store: m
+}) {
+  l({
+    eventBus: e,
+    store: c(m),
+    hooks: {}
+  }), e.on("scroll-to:nav-item", ({ id: i }) => n.handleSelectItem(i)), e.on("ui:toggle:sidebar", () => t.value = !t.value), e.on("ui:close:client-modal", () => o.hide()), e.on("ui:open:client-modal", (i) => {
+    if (!i) {
+      o.show();
+      return;
+    }
+    "id" in i && i.id ? n.handleSelectItem(i.id) : "method" in i && "path" in i && n.handleSelectItem(
+      n.getEntryByLocation({
+        document: m.workspace.activeDocument?.["x-scalar-navigation"]?.id ?? "",
+        path: i.path,
+        method: i.method,
+        example: i.exampleName
+      })?.id ?? ""
+    ), o.show();
+  });
+}
+export {
+  f as initializeModalEvents
+};

package/dist/v2/features/operation/Operation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAMlE;;;;;;;GAOG;;uBAGoB,OAAO;;uBAAP,OAAO;;AAF9B,wBA8OC"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AA8JA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAKlE;;;;;;;GAOG;;uBAGoB,OAAO;;uBAAP,OAAO;;AAF9B,wBAwNC"}