@scalar/api-client 2.8.0 → 2.9.0

package/dist/v2/features/global-cookies/components/GlobalCookies.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as c, createBlock as u, openBlock as l, withCtx as s, createVNode as a, createElementVNode as n, createElementBlock as r, unref as k, Fragment as m, createTextVNode as d, toDisplayString as x } from "vue";
+import { ScalarIconCookie as v } from "@scalar/icons";
+import b from "../../../../components/ViewLayout/ViewLayout.vue.js";
+import g from "../../../../components/ViewLayout/ViewLayoutContent.vue.js";
+import w from "../../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import V from "./CookiesTable.vue.js";
+const _ = { class: "mx-auto flex max-h-full w-full max-w-[720px] !flex-col gap-8 overflow-auto px-5 py-15" }, y = { class: "flex flex-col gap-2" }, C = { class: "flex items-center gap-2 text-xl font-bold" }, T = /* @__PURE__ */ c({
+  __name: "GlobalCookies",
+  props: {
+    documentName: {},
+    cookies: {},
+    environment: {},
+    envVariables: {}
+  },
+  emits: ["navigation:update:selection", "navigation:update:sidebarWidth", "cookie:add", "cookie:update", "cookie:delete"],
+  setup(N, { emit: p }) {
+    const i = p;
+    return (o, e) => (l(), u(b, null, {
+      default: s(() => [
+        a(g, { class: "flex-1" }, {
+          default: s(() => [
+            a(w, null, {
+              default: s(() => [
+                n("div", _, [
+                  n("div", y, [
+                    n("h2", C, [
+                      a(k(v)),
+                      o.documentName ? (l(), r(m, { key: 1 }, [
+                        d(x(o.documentName) + " cookies", 1)
+                      ], 64)) : (l(), r(m, { key: 0 }, [
+                        d(" Global cookies ")
+                      ], 64))
+                    ]),
+                    e[3] || (e[3] = n("p", { class: "text-c-2 mb-4 text-sm" }, " Manage your global cookies here. ", -1))
+                  ]),
+                  a(V, {
+                    data: o.cookies,
+                    envVariables: o.envVariables,
+                    environment: o.environment,
+                    onAddRow: e[0] || (e[0] = (t) => i("cookie:add", t)),
+                    onDeleteRow: e[1] || (e[1] = (t) => i("cookie:delete", t)),
+                    onUpdateRow: e[2] || (e[2] = (t, f) => i("cookie:update", t, f))
+                  }, null, 8, ["data", "envVariables", "environment"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  T as default
+};

package/dist/v2/features/global-cookies/index.d.ts

@@ -0,0 +1,2 @@
+export { default as GlobalCookies } from './components/GlobalCookies.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/features/global-cookies/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/global-cookies/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAA"}

package/dist/v2/features/global-cookies/index.js

@@ -0,0 +1,4 @@
+import { default as e } from "./components/GlobalCookies.vue.js";
+export {
+  e as GlobalCookies
+};

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

@@ -0,0 +1,16 @@
+import { type ModalState } from '@scalar/components';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { ActiveEntities } from '../../../v2/features/modal/helpers/create-api-client-modal.js';
+export type ModalProps = {
+    activeEntities: ActiveEntities;
+    workspaceStore: WorkspaceStore;
+    modalState: ModalState;
+};
+/**
+ * Scalar Api Client Modal
+ *
+ * This component is used to render the API Client Modal
+ */
+declare const _default: import("vue").DefineComponent<ModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Modal.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AAiRA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAapE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAA;AAGzF,MAAM,MAAM,UAAU,GAAG;IACvB,cAAc,EAAE,cAAc,CAAA;IAC9B,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;GAIG;;AACH,wBAiOC"}

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

@@ -0,0 +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-71a87d8c"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,81 @@
+import { defineComponent as S, ref as m, useId as k, watch as h, nextTick as E, onBeforeMount as b, onBeforeUnmount as y, withDirectives as u, createElementBlock as T, openBlock as C, createElementVNode as o, unref as i, createVNode as l, withCtx as g, vShow as f } from "vue";
+import { addScalarClassesToHeadless as x, ScalarTeleportRoot as F } from "@scalar/components";
+import { useFocusTrap as O } from "@vueuse/integrations/useFocusTrap";
+import B from "../../components/TempReplaceMe.vue.js";
+import U from "../../components/sidebar/Sidebar.vue.js";
+const _ = { class: "scalar scalar-app" }, L = { class: "scalar-container" }, M = ["id"], W = { class: "flex flex-1 flex-row" }, $ = {}, A = /* @__PURE__ */ S({
+  ...$,
+  __name: "Modal",
+  props: {
+    activeEntities: {},
+    workspaceStore: {},
+    modalState: {}
+  },
+  setup(r) {
+    const n = m(null), d = k(), { activate: w, deactivate: v } = O(n, {
+      allowOutsideClick: !0,
+      fallbackFocus: `#${d}`
+    }), c = (e) => e.key === "Escape" && r.modalState.hide(), p = () => {
+      window.removeEventListener("keydown", c), document.documentElement.style.removeProperty("overflow"), v();
+    };
+    h(
+      () => r.modalState.open,
+      (e) => {
+        e ? (window.addEventListener("keydown", c), document.documentElement.style.overflow = "hidden", w({ checkCanFocusTrap: () => E() })) : p();
+      }
+    ), b(() => x()), y(() => {
+      p();
+    });
+    const s = m(!0);
+    return (e, t) => u((C(), T("div", _, [
+      o("div", L, [
+        o("div", {
+          id: i(d),
+          ref_key: "client",
+          ref: n,
+          "aria-label": "API Client",
+          "aria-modal": "true",
+          class: "scalar-app-layout scalar-client flex",
+          role: "dialog",
+          tabindex: "-1"
+        }, [
+          l(i(F), null, {
+            default: g(() => [
+              o("main", W, [
+                u(l(i(U), {
+                  isSidebarOpen: s.value,
+                  "onUpdate:isSidebarOpen": t[0] || (t[0] = (a) => s.value = a),
+                  documents: e.workspaceStore.workspace.documents,
+                  layout: "modal",
+                  sidebarWidth: e.workspaceStore.workspace["x-scalar-sidebar-width"] ?? 288,
+                  "onUpdate:sidebarWidth": t[1] || (t[1] = (a) => e.workspaceStore.update("x-scalar-sidebar-width", a))
+                }, null, 8, ["isSidebarOpen", "documents", "sidebarWidth"]), [
+                  [f, s.value]
+                ]),
+                l(B, {
+                  documentSlug: e.activeEntities.documentSlug,
+                  example: e.activeEntities.example,
+                  layout: "modal",
+                  method: e.activeEntities.method,
+                  path: e.activeEntities.path,
+                  workspaceStore: e.workspaceStore,
+                  workspaceSlug: "default"
+                }, null, 8, ["documentSlug", "example", "method", "path", "workspaceStore"])
+              ])
+            ]),
+            _: 1
+          })
+        ], 8, M),
+        o("div", {
+          class: "scalar-app-exit",
+          onClick: t[2] || (t[2] = (a) => e.modalState.hide())
+        })
+      ])
+    ], 512)), [
+      [f, e.modalState.open]
+    ]);
+  }
+});
+export {
+  A as default
+};

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

@@ -0,0 +1,53 @@
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+export type CreateApiClientModalOptions = {
+    /** Element to mount the client modal to */
+    el: HTMLElement | null;
+    /**
+     * Will attempt to mount the references immediately
+     * For SSR this may need to be disabled and handled manually on the client side
+     */
+    mountOnInitialize?: boolean;
+    /** The workspace store must be initialized and passed in */
+    workspaceStore: WorkspaceStore;
+};
+/** Payload for routing and opening the API client modal */
+type RoutePayload = {
+    path: string;
+    method: string;
+    example?: string;
+    documentSlug?: string;
+};
+export type ActiveEntities = Required<RoutePayload>;
+/**
+ * Create the API Client Modal
+ *
+ * The new API Client Modal doesn't require a router, instead we can "route" by setting the active entities directly
+ */
+export declare const createApiClientModal: ({ el, workspaceStore, mountOnInitialize }: CreateApiClientModalOptions) => {
+    /** The vue app instance for the modal, be careful with this */
+    app: import("vue").App<Element>;
+    /** Open the API client modal and optionally route to an example */
+    open: (payload?: RoutePayload) => void;
+    /** Mount the client to a given element */
+    mount: (mountingEl?: HTMLElement | null) => void;
+    /** "Route" to the specified path, method and example */
+    route: (payload: RoutePayload) => {
+        path: string;
+        method: string;
+        example: string;
+        documentSlug: string;
+    } & {
+        path: string;
+        method: string;
+        example: string;
+        documentSlug: string;
+    } & RoutePayload;
+    /** Controls the visibility of the modal */
+    modalState: {
+        open: boolean;
+        show: () => void;
+        hide: () => void;
+    };
+};
+export {};
+//# sourceMappingURL=create-api-client-modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-api-client-modal.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/modal/helpers/create-api-client-modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAKpE,MAAM,MAAM,2BAA2B,GAAG;IACxC,2CAA2C;IAC3C,EAAE,EAAE,WAAW,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;CAC/B,CAAA;AAED,2DAA2D;AAC3D,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;AAEnD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,2CAAkD,2BAA2B;IA6C9G,+DAA+D;;IAE/D,mEAAmE;qBAClD,YAAY;IAM7B,0CAA0C;;IAE1C,wDAAwD;qBAdlC,YAAY;;;;;;;;;;;IAgBlC,2CAA2C;;;;;;CAG9C,CAAA"}

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

@@ -0,0 +1,46 @@
+import { useModal as d } from "@scalar/components";
+import { reactive as p, createApp as u } from "vue";
+import m from "../Modal.vue.js";
+const M = ({ el: l, workspaceStore: o, mountOnInitialize: s = !0 }) => {
+  const c = {
+    path: "default",
+    method: "default",
+    example: "default",
+    documentSlug: o.workspace["x-scalar-active-document"] || "default"
+  }, r = p(c), t = d(), a = u(m, {
+    workspaceStore: o,
+    activeEntities: r,
+    modalState: t
+  });
+  a.config.idPrefix = "scalar-client";
+  const i = (e = l) => {
+    if (!e) {
+      console.error(
+        "[@scalar/api-client] Could not create the API client Modal.",
+        "Invalid HTML element provided.",
+        "Read more: https://github.com/scalar/scalar/tree/main/packages/api-client"
+      );
+      return;
+    }
+    a.mount(e);
+  };
+  s && i();
+  const n = (e) => Object.assign(r, c, e);
+  return {
+    /** The vue app instance for the modal, be careful with this */
+    app: a,
+    /** Open the API client modal and optionally route to an example */
+    open: (e) => {
+      t.open = !0, e && n(e);
+    },
+    /** Mount the client to a given element */
+    mount: i,
+    /** "Route" to the specified path, method and example */
+    route: n,
+    /** Controls the visibility of the modal */
+    modalState: t
+  };
+};
+export {
+  M as createApiClientModal
+};

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

@@ -0,0 +1,2 @@
+export { createApiClientModal } from './helpers/create-api-client-modal.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA"}

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

@@ -0,0 +1,4 @@
+import { createApiClientModal as r } from "./helpers/create-api-client-modal.js";
+export {
+  r as createApiClientModal
+};

package/dist/v2/features/operation/Operation.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Operation.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Operation.test.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.test.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,79 @@
+import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { ResponseInstance } from '@scalar/oas-utils/entities/spec';
+import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation';
+import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
+import type { ClientLayout } from '../../../hooks/index.js';
+import type { EnvVariable } from '../../../store/index.js';
+import { createStoreEvents } from '../../../store/events.js';
+import { type History } from '../../../v2/blocks/scalar-address-bar-block/index.js';
+import type { ClientPlugin } from '../../../v2/plugins';
+type __VLS_Props = {
+    /** Application version */
+    appVersion: string;
+    /** Current request path */
+    path: string;
+    /** Current request method */
+    method: HttpMethodType;
+    /** Client layout */
+    layout: ClientLayout;
+    /** Currently selected server */
+    server: ServerObject | undefined;
+    /** Server list available for operation/document */
+    servers: ServerObject[];
+    /** List of request history */
+    history: History[];
+    /**
+     * When the request is sent from the modal, this indicates the progress percentage
+     * of the request being sent.
+     *
+     * The amount remaining to load from 100 -> 0
+     */
+    requestLoadingPercentage?: number;
+    /** Preprocessed response */
+    response?: ResponseInstance;
+    /** Original request instance */
+    request?: Request;
+    /** Total number of performed requests */
+    totalPerformedRequests: number;
+    /** Sidebar open state */
+    isSidebarOpen?: boolean;
+    /** Controls sidebar visibility */
+    showSidebar?: boolean;
+    /** Hides the client button on the header */
+    hideClientButton?: boolean;
+    /** Client integration  */
+    integration?: string | null;
+    /** Openapi document url for `modal` mode to open the client app */
+    documentUrl?: string;
+    /** Client source */
+    source?: 'gitbook' | 'api-reference';
+    /** Operation object */
+    operation: OperationObject;
+    /** Currently selected example key for the current operation */
+    exampleKey: string;
+    /** Currently selected content type for the current operation example */
+    selectedContentType?: string;
+    /** Document defined security schemes */
+    securitySchemes: NonNullable<OpenApiDocument['components']>['securitySchemes'];
+    /** Currently selected security for the current operation */
+    selectedSecurity: OpenApiDocument['x-scalar-selected-security'];
+    /** Required security for the operation/document */
+    security: OpenApiDocument['security'];
+    /** Event bus */
+    events: ReturnType<typeof createStoreEvents>;
+    plugins?: ClientPlugin[];
+    /** TODO: to be removed once we fully migrate to the new store */
+    environment: Environment;
+    envVariables: EnvVariable[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Operation.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AA8QA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AACrF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,8DAA8D,CAAA;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAC5F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AAItF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAInE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAIhD,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;IAElB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IAEpB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IAEvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,yBAAyB;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;IAEpC,uBAAuB;IACvB,SAAS,EAAE,eAAe,CAAA;IAC1B,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B,wCAAwC;IACxC,eAAe,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAC9E,4DAA4D;IAC5D,gBAAgB,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAA;IAC/D,mDAAmD;IACnD,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IAE5C,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB,iEAAiE;IACjE,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;;;;;;AAsYF,wBAOG"}

package/dist/v2/features/operation/Operation.vue.js

@@ -0,0 +1,124 @@
+import { defineComponent as u, createElementBlock as p, openBlock as l, createElementVNode as i, createVNode as o, withCtx as d, unref as a } from "vue";
+import m from "../../../components/ViewLayout/ViewLayout.vue.js";
+import y from "../../../components/ViewLayout/ViewLayoutContent.vue.js";
+import v from "./components/Header.vue.js";
+import B from "../../blocks/scalar-operation-block/components/OperationBlock.vue.js";
+import f from "../../blocks/scalar-response-block/components/ResponseBlock.vue.js";
+const q = { class: "bg-b-1 flex h-full flex-col" }, S = { class: "lg:min-h-header flex w-full flex-wrap items-center justify-center border-b p-2 lg:p-1" }, P = /* @__PURE__ */ u({
+  __name: "Operation",
+  props: {
+    appVersion: {},
+    path: {},
+    method: {},
+    layout: {},
+    server: {},
+    servers: {},
+    history: {},
+    requestLoadingPercentage: {},
+    response: {},
+    request: {},
+    totalPerformedRequests: {},
+    isSidebarOpen: { type: Boolean },
+    showSidebar: { type: Boolean },
+    hideClientButton: { type: Boolean },
+    integration: {},
+    documentUrl: {},
+    source: {},
+    operation: {},
+    exampleKey: {},
+    selectedContentType: {},
+    securitySchemes: {},
+    selectedSecurity: {},
+    security: {},
+    events: {},
+    plugins: {},
+    environment: {},
+    envVariables: {}
+  },
+  emits: ["addressBar:importCurl", "addressBar:update:method", "addressBar:update:path", "addressBar:execute", "addressBar:update:selectedServer", "addressBar:update:variable", "addressBar:add:server", "operation:update:requestName", "addressBar:hideModal", "auth:delete", "auth:update:securityScheme", "auth:update:selectedScopes", "auth:update:selectedSecurity", "parameters:add", "parameters:update", "parameters:delete", "parameters:deleteAll", "requestBody:update:contentType", "requestBody:update:value", "requestBody:add:formRow", "requestBody:update:formRow", "response:addRequest", "response:sendRequest", "response:openCommandPalette"],
+  setup(b, { emit: n }) {
+    const s = n;
+    return (r, e) => (l(), p("div", q, [
+      i("div", S, [
+        o(v, {
+          envVariables: r.envVariables,
+          environment: r.environment,
+          events: r.events,
+          history: r.history,
+          layout: r.layout,
+          method: r.method,
+          path: r.path,
+          percentage: r.requestLoadingPercentage,
+          server: r.server,
+          servers: r.servers,
+          isSidebarOpen: r.isSidebarOpen,
+          showSidebar: r.showSidebar,
+          hideClientButton: r.hideClientButton,
+          integration: r.integration,
+          documentUrl: r.documentUrl,
+          source: r.source,
+          "onAdd:server": e[0] || (e[0] = (t) => s("addressBar:add:server")),
+          onExecute: e[1] || (e[1] = (t) => s("addressBar:execute")),
+          onImportCurl: e[2] || (e[2] = (t) => s("addressBar:importCurl", t)),
+          "onUpdate:method": e[3] || (e[3] = (t) => s("addressBar:update:method", t)),
+          "onUpdate:path": e[4] || (e[4] = (t) => s("addressBar:update:path", t)),
+          "onUpdate:selectedServer": e[5] || (e[5] = (t) => s("addressBar:update:selectedServer", t)),
+          "onUpdate:variable": e[6] || (e[6] = (t) => s("addressBar:update:variable", t)),
+          "onAddressBar:hideModal": e[7] || (e[7] = (t) => s("addressBar:hideModal"))
+        }, null, 8, ["envVariables", "environment", "events", "history", "layout", "method", "path", "percentage", "server", "servers", "isSidebarOpen", "showSidebar", "hideClientButton", "integration", "documentUrl", "source"])
+      ]),
+      o(m, null, {
+        default: d(() => [
+          o(y, { class: "flex flex-1" }, {
+            default: d(() => [
+              o(a(B), {
+                envVariables: r.envVariables,
+                environment: r.environment,
+                exampleKey: r.exampleKey,
+                layout: r.layout,
+                method: r.method,
+                operation: r.operation,
+                path: r.path,
+                security: r.security,
+                securitySchemes: r.securitySchemes,
+                selectedContentType: r.selectedContentType,
+                selectedSecurity: r.selectedSecurity,
+                "onAuth:delete": e[8] || (e[8] = (t) => s("auth:delete", t)),
+                "onAuth:update:securityScheme": e[9] || (e[9] = (t) => s("auth:update:securityScheme", t)),
+                "onAuth:update:selectedScopes": e[10] || (e[10] = (t) => s("auth:update:selectedScopes", t)),
+                "onAuth:update:selectedSecurity": e[11] || (e[11] = (t) => s("auth:update:selectedSecurity", t)),
+                "onOperation:update:requestName": e[12] || (e[12] = (t) => s("operation:update:requestName", t)),
+                "onParameters:add": e[13] || (e[13] = (t) => s("parameters:add", t)),
+                "onParameters:delete": e[14] || (e[14] = (t) => s("parameters:delete", t)),
+                "onParameters:deleteAll": e[15] || (e[15] = (t) => s("parameters:deleteAll", t)),
+                "onParameters:update": e[16] || (e[16] = (t) => s("parameters:update", t)),
+                "onRequestBody:add:formRow": e[17] || (e[17] = (t) => s("requestBody:add:formRow", t)),
+                "onRequestBody:update:contentType": e[18] || (e[18] = (t) => s("requestBody:update:contentType", t)),
+                "onRequestBody:update:formRow": e[19] || (e[19] = (t) => s("requestBody:update:formRow", t)),
+                "onRequestBody:update:value": e[20] || (e[20] = (t) => s("requestBody:update:value", t)),
+                plugins: r.plugins
+              }, null, 8, ["envVariables", "environment", "exampleKey", "layout", "method", "operation", "path", "security", "securitySchemes", "selectedContentType", "selectedSecurity", "plugins"]),
+              o(a(f), {
+                appVersion: r.appVersion,
+                events: r.events,
+                layout: r.layout,
+                request: r.request,
+                response: r.response,
+                plugins: r.plugins,
+                totalPerformedRequests: r.totalPerformedRequests,
+                onAddRequest: e[21] || (e[21] = (t) => s("response:addRequest")),
+                onOpenCommandPalette: e[22] || (e[22] = (t) => s("response:openCommandPalette")),
+                onSendRequest: e[23] || (e[23] = (t) => s("response:sendRequest"))
+              }, null, 8, ["appVersion", "events", "layout", "request", "response", "plugins", "totalPerformedRequests"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  P as default
+};

package/dist/v2/features/operation/Operation.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Operation.vue.js";
+export {
+  f as default
+};

package/dist/v2/features/operation/components/Header.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Header.test.d.ts.map

package/dist/v2/features/operation/components/Header.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/operation/components/Header.test.ts"],"names":[],"mappings":""}

package/dist/v2/features/operation/components/Header.vue.d.ts

@@ -0,0 +1,85 @@
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
+import type { ClientLayout } from '../../../../hooks/index.js';
+import type { EnvVariable } from '../../../../store/index.js';
+import type { createStoreEvents } from '../../../../store/events.js';
+import { type History } from '../../../../v2/blocks/scalar-address-bar-block/index.js';
+type __VLS_Props = {
+    /** Current request path */
+    path: string;
+    /** Current request method */
+    method: HttpMethod;
+    /** Client layout */
+    layout: ClientLayout;
+    /** Sidebar open state */
+    isSidebarOpen?: boolean;
+    /** Controls sidebar visibility */
+    showSidebar?: boolean;
+    /** Hides the client button on the header */
+    hideClientButton?: boolean;
+    /** Client integration  */
+    integration?: string | null;
+    /** Openapi document url for `modal` mode to open the client app */
+    documentUrl?: string;
+    /** Client source */
+    source?: 'gitbook' | 'api-reference';
+    /** Currently selected server */
+    server: ServerObject | undefined;
+    /** Server list available for operation/document */
+    servers: ServerObject[];
+    /** List of request history */
+    history: History[];
+    /**
+     * When the request is sent from the modal, this indicates the progress percentage
+     * of the request being sent.
+     *
+     * The amount remaining to load from 100 -> 0
+     */
+    requestLoadingPercentage?: number;
+    /**
+    /** Event bus */
+    events: ReturnType<typeof createStoreEvents>;
+    /** TODO: to be removed once we fully migrate to the new store */
+    environment: Environment;
+    envVariables: EnvVariable[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    importCurl: (value: string) => any;
+    "update:variable": (payload: {
+        key: string;
+        value: string;
+    }) => any;
+    execute: () => any;
+    hideModal: () => any;
+    "update:selectedServer": (payload: {
+        id: string;
+    }) => any;
+    "update:method": (payload: {
+        method: HttpMethod;
+    }) => any;
+    "update:path": (payload: {
+        path: string;
+    }) => any;
+    "add:server": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onImportCurl?: ((value: string) => any) | undefined;
+    "onUpdate:variable"?: ((payload: {
+        key: string;
+        value: string;
+    }) => any) | undefined;
+    onExecute?: (() => any) | undefined;
+    onHideModal?: (() => any) | undefined;
+    "onUpdate:selectedServer"?: ((payload: {
+        id: string;
+    }) => any) | undefined;
+    "onUpdate:method"?: ((payload: {
+        method: HttpMethod;
+    }) => any) | undefined;
+    "onUpdate:path"?: ((payload: {
+        path: string;
+    }) => any) | undefined;
+    "onAdd:server"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Header.vue.d.ts.map

package/dist/v2/features/operation/components/Header.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/operation/components/Header.vue"],"names":[],"mappings":"AAuKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AAGtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAE/E,KAAK,WAAW,GAAG;IACjB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,UAAU,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IAEpB,yBAAyB;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;IAEpC,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IAEvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC;oBACgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IAE5C,iEAAiE;IACjE,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;;aAUuC,MAAM;eAAS,MAAM;;;;;YADhB,MAAM;;;gBAHV,UAAU;;;cACd,MAAM;;;;;;aAGH,MAAM;eAAS,MAAM;;;;;YADhB,MAAM;;;gBAHV,UAAU;;;cACd,MAAM;;;;AA2P5C,wBAOG"}

package/dist/v2/features/operation/components/Header.vue.js

@@ -0,0 +1,7 @@
+import o from "./Header.vue2.js";
+/* empty css            */
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-95d6e6fc"]]);
+export {
+  f as default
+};