@scalar/api-client 2.38.0 → 2.38.2

package/dist/Modal-sQ9vH6MN.js

@@ -0,0 +1,67 @@
+import { E as modalRoutes, _ as createApiClient, d as handleHotKeyDown, r as useWorkspace, w as useActiveEntities } from "./store-DpSUVhjp.js";
+import { t as ModalClientContainer_default } from "./ModalClientContainer-qHsZi4wQ.js";
+import { createBlock, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, unref, watch, withCtx } from "vue";
+import { RouterView, createMemoryHistory, createRouter } from "vue-router";
+//#endregion
+//#region src/layouts/Modal/ApiClientModal.vue
+var ApiClientModal_default = /* @__PURE__ */ defineComponent({
+	__name: "ApiClientModal",
+	setup(__props) {
+		const { activeWorkspace } = useActiveEntities();
+		const { modalState, events } = useWorkspace();
+		/** Handles the hotkey events as well as custom config */
+		const handleKeyDown = (ev) => handleHotKeyDown(ev, events.hotKeys, activeWorkspace.value?.hotKeyConfig);
+		watch(() => modalState.open, (open) => {
+			if (open) {
+				window.addEventListener("keydown", handleKeyDown);
+				document.documentElement.style.overflow = "hidden";
+			} else {
+				window.removeEventListener("keydown", handleKeyDown);
+				document.documentElement.style.removeProperty("overflow");
+			}
+		});
+		const onCloseModal = (event) => event?.closeModal && modalState.open && modalState.hide();
+		onMounted(() => events.hotKeys.on(onCloseModal));
+		onBeforeUnmount(() => {
+			document.documentElement.style.removeProperty("overflow");
+			events.hotKeys.off(onCloseModal);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ModalClientContainer_default, { modalState: unref(modalState) }, {
+				default: withCtx(() => [createVNode(unref(RouterView), { key: "$route.fullPath" })]),
+				_: 1
+			}, 8, ["modalState"]);
+		};
+	}
+});
+//#endregion
+//#region src/layouts/Modal/create-api-client-modal.ts
+/**
+* Initialize Scalar API Client Modal Sync
+*
+* This sync method does not include the spec, just sets up an empty workspace
+*/
+var createApiClientModal = ({ el = null, configuration = {}, mountOnInitialize = true, store }) => {
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: modalRoutes
+	});
+	return {
+		client: createApiClient({
+			el,
+			appComponent: ApiClientModal_default,
+			configuration,
+			persistData: false,
+			isReadOnly: true,
+			mountOnInitialize,
+			store,
+			router,
+			layout: "modal"
+		}),
+		router
+	};
+};
+//#endregion
+export { createApiClientModal as t };
+
+//# sourceMappingURL=Modal-sQ9vH6MN.js.map

package/dist/Modal-sQ9vH6MN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-sQ9vH6MN.js","names":[],"sources":["../src/layouts/Modal/ApiClientModal.vue","../src/layouts/Modal/ApiClientModal.vue","../src/layouts/Modal/create-api-client-modal.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport { handleHotKeyDown, type HotKeyEvent } from '@/libs'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\n\nconst { activeWorkspace } = useActiveEntities()\nconst { modalState, events } = useWorkspace()\n\n/** Handles the hotkey events as well as custom config */\nconst handleKeyDown = (ev: KeyboardEvent) =>\n  handleHotKeyDown(ev, events.hotKeys, activeWorkspace.value?.hotKeyConfig)\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    if (open) {\n      // Add the global hotkey listener\n      window.addEventListener('keydown', handleKeyDown)\n      // Disable scrolling\n      document.documentElement.style.overflow = 'hidden'\n    } else {\n      // Remove the global hotkey listener\n      window.removeEventListener('keydown', handleKeyDown)\n      // Restore scrolling\n      document.documentElement.style.removeProperty('overflow')\n    }\n  },\n)\n\n// Close on escape\nconst onCloseModal = (event?: HotKeyEvent) =>\n  event?.closeModal && modalState.open && modalState.hide()\nonMounted(() => events.hotKeys.on(onCloseModal))\n\nonBeforeUnmount(() => {\n  // Make sure scrolling is back!\n  document.documentElement.style.removeProperty('overflow')\n  events.hotKeys.off(onCloseModal)\n})\n</script>\n\n<template>\n  <ModalClientContainer :modalState>\n    <RouterView key=\"$route.fullPath\" />\n  </ModalClientContainer>\n</template>\n","<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport { handleHotKeyDown, type HotKeyEvent } from '@/libs'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\n\nconst { activeWorkspace } = useActiveEntities()\nconst { modalState, events } = useWorkspace()\n\n/** Handles the hotkey events as well as custom config */\nconst handleKeyDown = (ev: KeyboardEvent) =>\n  handleHotKeyDown(ev, events.hotKeys, activeWorkspace.value?.hotKeyConfig)\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    if (open) {\n      // Add the global hotkey listener\n      window.addEventListener('keydown', handleKeyDown)\n      // Disable scrolling\n      document.documentElement.style.overflow = 'hidden'\n    } else {\n      // Remove the global hotkey listener\n      window.removeEventListener('keydown', handleKeyDown)\n      // Restore scrolling\n      document.documentElement.style.removeProperty('overflow')\n    }\n  },\n)\n\n// Close on escape\nconst onCloseModal = (event?: HotKeyEvent) =>\n  event?.closeModal && modalState.open && modalState.hide()\nonMounted(() => events.hotKeys.on(onCloseModal))\n\nonBeforeUnmount(() => {\n  // Make sure scrolling is back!\n  document.documentElement.style.removeProperty('overflow')\n  events.hotKeys.off(onCloseModal)\n})\n</script>\n\n<template>\n  <ModalClientContainer :modalState>\n    <RouterView key=\"$route.fullPath\" />\n  </ModalClientContainer>\n</template>\n","import { type Router, createMemoryHistory, createRouter } from 'vue-router'\n\nimport { type ApiClient, type CreateApiClientParams, createApiClient } from '@/libs'\nimport { modalRoutes } from '@/routes'\n\nimport ApiClientModal from './ApiClientModal.vue'\n\n/**\n * Initialize Scalar API Client Modal Sync\n *\n * This sync method does not include the spec, just sets up an empty workspace\n */\nexport const createApiClientModal = ({\n  el = null,\n  configuration = {},\n  mountOnInitialize = true,\n  store,\n}: Partial<Pick<CreateApiClientParams, 'el' | 'configuration' | 'mountOnInitialize' | 'store'>>): {\n  client: ApiClient\n  router: Router\n} => {\n  const router = createRouter({\n    history: createMemoryHistory(),\n    routes: modalRoutes,\n  })\n\n  const client = createApiClient({\n    el,\n    appComponent: ApiClientModal,\n    configuration,\n    persistData: false,\n    isReadOnly: true,\n    mountOnInitialize,\n    store,\n    router,\n    layout: 'modal',\n  })\n\n  return {\n    client,\n    router,\n  }\n}\n"],"mappings":";;;;;;;;;ECSA,MAAM,EAAE,oBAAoB,mBAAkB;EAC9C,MAAM,EAAE,YAAY,WAAW,cAAa;;EAG5C,MAAM,iBAAiB,OACrB,iBAAiB,IAAI,OAAO,SAAS,gBAAgB,OAAO,aAAY;AAE1E,cACQ,WAAW,OAChB,SAAS;AACR,OAAI,MAAM;AAER,WAAO,iBAAiB,WAAW,cAAa;AAEhD,aAAS,gBAAgB,MAAM,WAAW;UACrC;AAEL,WAAO,oBAAoB,WAAW,cAAa;AAEnD,aAAS,gBAAgB,MAAM,eAAe,WAAU;;IAG9D;EAGA,MAAM,gBAAgB,UACpB,OAAO,cAAc,WAAW,QAAQ,WAAW,MAAK;AAC1D,kBAAgB,OAAO,QAAQ,GAAG,aAAa,CAAA;AAE/C,wBAAsB;AAEpB,YAAS,gBAAgB,MAAM,eAAe,WAAU;AACxD,UAAO,QAAQ,IAAI,aAAY;IAChC;;uBAIC,YAEuB,8BAAA,EAFA,YAAA,MAAA,WAAU,EAAA,EAAA;2BACK,CAApC,YAAoC,MAAA,WAAA,EAAA,EAAxB,KAAI,mBAAiB,CAAA,CAAA,CAAA;;;;;;;;;;;;;ACnCrC,IAAa,wBAAwB,EACnC,KAAK,MACL,gBAAgB,EAAE,EAClB,oBAAoB,MACpB,YAIG;CACH,MAAM,SAAS,aAAa;EAC1B,SAAS,qBAAqB;EAC9B,QAAQ;EACT,CAAC;AAcF,QAAO;EACL,QAba,gBAAgB;GAC7B;GACA,cAAc;GACd;GACA,aAAa;GACb,YAAY;GACZ;GACA;GACA;GACA,QAAQ;GACT,CAAC;EAIA;EACD"}

package/dist/ModalClientContainer-qHsZi4wQ.js

@@ -0,0 +1,65 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
+import { Transition, createBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, onBeforeMount, onBeforeUnmount, openBlock, ref, renderSlot, unref, useId, vShow, watch, withCtx, withDirectives } from "vue";
+import { ScalarTeleportRoot, addScalarClassesToHeadless } from "@scalar/components";
+import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
+//#region src/v2/components/modals/ModalClientContainer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "scalar scalar-app z-overlay relative" };
+var _hoisted_2 = { class: "scalar-container" };
+var _hoisted_3 = ["id"];
+//#endregion
+//#region src/v2/components/modals/ModalClientContainer.vue
+var ModalClientContainer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ModalClientContainer",
+	props: { modalState: {} },
+	emits: ["open", "close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const client = ref(null);
+		const id = useId();
+		const { activate: activateFocusTrap, deactivate: deactivateFocusTrap } = useFocusTrap(client, {
+			allowOutsideClick: true,
+			fallbackFocus: `#${id}`
+		});
+		onBeforeMount(() => addScalarClassesToHeadless());
+		watch(() => props.modalState.open, async (open) => {
+			if (open) {
+				await nextTick();
+				activateFocusTrap();
+				emit("open");
+			} else {
+				deactivateFocusTrap();
+				emit("close");
+			}
+		}, { immediate: false });
+		onBeforeUnmount(() => {
+			deactivateFocusTrap();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, { name: "scalar-client-fade" }, {
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", mergeProps({
+					id: unref(id),
+					ref_key: "client",
+					ref: client,
+					"aria-label": "API Client",
+					"aria-modal": "true"
+				}, _ctx.$attrs, {
+					class: "scalar-app-layout scalar-client",
+					role: "dialog",
+					tabindex: "-1"
+				}), [createVNode(unref(ScalarTeleportRoot), null, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				})], 16, _hoisted_3), createElementVNode("div", {
+					class: "scalar-app-exit",
+					onClick: _cache[0] || (_cache[0] = ($event) => __props.modalState.hide())
+				})])], 512), [[vShow, __props.modalState.open]])]),
+				_: 3
+			});
+		};
+	}
+}), [["__scopeId", "data-v-6118685a"]]);
+//#endregion
+export { ModalClientContainer_default as t };
+
+//# sourceMappingURL=ModalClientContainer-qHsZi4wQ.js.map

package/dist/ModalClientContainer-qHsZi4wQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalClientContainer-qHsZi4wQ.js","names":["$attrs"],"sources":["../src/v2/components/modals/ModalClientContainer.vue","../src/v2/components/modals/ModalClientContainer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  addScalarClassesToHeadless,\n  ScalarTeleportRoot,\n  type ModalState,\n} from '@scalar/components'\nimport { useFocusTrap } from '@vueuse/integrations/useFocusTrap'\nimport {\n  nextTick,\n  onBeforeMount,\n  onBeforeUnmount,\n  ref,\n  useId,\n  watch,\n} from 'vue'\n\nconst props = defineProps<{ modalState: ModalState }>()\nconst emit = defineEmits<{\n  (e: 'open'): void\n  (e: 'close'): void\n}>()\n\nconst client = ref<HTMLElement | null>(null)\nconst id = useId()\n\nconst { activate: activateFocusTrap, deactivate: deactivateFocusTrap } =\n  useFocusTrap(client, {\n    allowOutsideClick: true,\n    fallbackFocus: `#${id}`,\n  })\n\n// ensure scalar classes exist on headless-ui root\nonBeforeMount(() => addScalarClassesToHeadless())\n\n// manage the focus trap and emit lifecycle events\nwatch(\n  () => props.modalState.open,\n  async (open) => {\n    if (open) {\n      await nextTick()\n      activateFocusTrap()\n      emit('open')\n    } else {\n      deactivateFocusTrap()\n      emit('close')\n    }\n  },\n  { immediate: false },\n)\n\n// best-effort cleanup on unmount\nonBeforeUnmount(() => {\n  deactivateFocusTrap()\n})\n</script>\n\n<template>\n  <Transition name=\"scalar-client-fade\">\n    <div\n      v-show=\"modalState.open\"\n      class=\"scalar scalar-app z-overlay relative\">\n      <div class=\"scalar-container\">\n        <div\n          :id=\"id\"\n          ref=\"client\"\n          aria-label=\"API Client\"\n          aria-modal=\"true\"\n          v-bind=\"$attrs\"\n          class=\"scalar-app-layout scalar-client\"\n          role=\"dialog\"\n          tabindex=\"-1\">\n          <ScalarTeleportRoot>\n            <slot />\n          </ScalarTeleportRoot>\n        </div>\n\n        <!-- overlay / exit area -->\n        <div\n          class=\"scalar-app-exit\"\n          @click=\"modalState.hide()\" />\n      </div>\n    </div>\n  </Transition>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.scalar .scalar-app-layout {\n  background: var(--scalar-background-1);\n  height: calc(100% - 120px);\n  max-width: 1390px;\n  width: 100%;\n  margin: auto;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n/**\n * Allow the modal to fill more space on\n * very short (or very zoomed in) screens\n */\n@variant zoomed {\n  .scalar .scalar-app-layout {\n    height: 100%;\n    max-height: 90svh;\n  }\n}\n\n.scalar .scalar-app-exit {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background: #00000038;\n  cursor: pointer;\n  z-index: -1;\n}\n\n.dark-mode .scalar .scalar-app-exit {\n  background: rgba(0, 0, 0, 0.45);\n}\n\n.scalar .scalar-app-exit:before {\n  font-family: sans-serif;\n  position: absolute;\n  top: 0;\n  right: 12px;\n  font-size: 30px;\n  font-weight: 100;\n  line-height: 50px;\n  text-align: center;\n  color: white;\n  opacity: 0.6;\n}\n\n.scalar .scalar-app-exit:hover:before {\n  opacity: 1;\n}\n\n/* container */\n.scalar-container {\n  overflow: hidden;\n  visibility: visible;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.scalar .url-form-input {\n  min-height: auto !important;\n}\n\n.scalar .scalar-container {\n  line-height: normal;\n}\n\n.scalar-client-fade-enter-active,\n.scalar-client-fade-leave-active {\n  transition: opacity 0.35s ease;\n}\n\n.scalar-client-fade-enter-from,\n.scalar-client-fade-leave-to {\n  opacity: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  addScalarClassesToHeadless,\n  ScalarTeleportRoot,\n  type ModalState,\n} from '@scalar/components'\nimport { useFocusTrap } from '@vueuse/integrations/useFocusTrap'\nimport {\n  nextTick,\n  onBeforeMount,\n  onBeforeUnmount,\n  ref,\n  useId,\n  watch,\n} from 'vue'\n\nconst props = defineProps<{ modalState: ModalState }>()\nconst emit = defineEmits<{\n  (e: 'open'): void\n  (e: 'close'): void\n}>()\n\nconst client = ref<HTMLElement | null>(null)\nconst id = useId()\n\nconst { activate: activateFocusTrap, deactivate: deactivateFocusTrap } =\n  useFocusTrap(client, {\n    allowOutsideClick: true,\n    fallbackFocus: `#${id}`,\n  })\n\n// ensure scalar classes exist on headless-ui root\nonBeforeMount(() => addScalarClassesToHeadless())\n\n// manage the focus trap and emit lifecycle events\nwatch(\n  () => props.modalState.open,\n  async (open) => {\n    if (open) {\n      await nextTick()\n      activateFocusTrap()\n      emit('open')\n    } else {\n      deactivateFocusTrap()\n      emit('close')\n    }\n  },\n  { immediate: false },\n)\n\n// best-effort cleanup on unmount\nonBeforeUnmount(() => {\n  deactivateFocusTrap()\n})\n</script>\n\n<template>\n  <Transition name=\"scalar-client-fade\">\n    <div\n      v-show=\"modalState.open\"\n      class=\"scalar scalar-app z-overlay relative\">\n      <div class=\"scalar-container\">\n        <div\n          :id=\"id\"\n          ref=\"client\"\n          aria-label=\"API Client\"\n          aria-modal=\"true\"\n          v-bind=\"$attrs\"\n          class=\"scalar-app-layout scalar-client\"\n          role=\"dialog\"\n          tabindex=\"-1\">\n          <ScalarTeleportRoot>\n            <slot />\n          </ScalarTeleportRoot>\n        </div>\n\n        <!-- overlay / exit area -->\n        <div\n          class=\"scalar-app-exit\"\n          @click=\"modalState.hide()\" />\n      </div>\n    </div>\n  </Transition>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.scalar .scalar-app-layout {\n  background: var(--scalar-background-1);\n  height: calc(100% - 120px);\n  max-width: 1390px;\n  width: 100%;\n  margin: auto;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n/**\n * Allow the modal to fill more space on\n * very short (or very zoomed in) screens\n */\n@variant zoomed {\n  .scalar .scalar-app-layout {\n    height: 100%;\n    max-height: 90svh;\n  }\n}\n\n.scalar .scalar-app-exit {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background: #00000038;\n  cursor: pointer;\n  z-index: -1;\n}\n\n.dark-mode .scalar .scalar-app-exit {\n  background: rgba(0, 0, 0, 0.45);\n}\n\n.scalar .scalar-app-exit:before {\n  font-family: sans-serif;\n  position: absolute;\n  top: 0;\n  right: 12px;\n  font-size: 30px;\n  font-weight: 100;\n  line-height: 50px;\n  text-align: center;\n  color: white;\n  opacity: 0.6;\n}\n\n.scalar .scalar-app-exit:hover:before {\n  opacity: 1;\n}\n\n/* container */\n.scalar-container {\n  overflow: hidden;\n  visibility: visible;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.scalar .url-form-input {\n  min-height: auto !important;\n}\n\n.scalar .scalar-container {\n  line-height: normal;\n}\n\n.scalar-client-fade-enter-active,\n.scalar-client-fade-leave-active {\n  transition: opacity 0.35s ease;\n}\n\n.scalar-client-fade-enter-from,\n.scalar-client-fade-leave-to {\n  opacity: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;ECgBA,MAAM,QAAQ;EACd,MAAM,OAAO;EAKb,MAAM,SAAS,IAAwB,KAAI;EAC3C,MAAM,KAAK,OAAM;EAEjB,MAAM,EAAE,UAAU,mBAAmB,YAAY,wBAC/C,aAAa,QAAQ;GACnB,mBAAmB;GACnB,eAAe,IAAI;GACpB,CAAA;AAGH,sBAAoB,4BAA4B,CAAA;AAGhD,cACQ,MAAM,WAAW,MACvB,OAAO,SAAS;AACd,OAAI,MAAM;AACR,UAAM,UAAS;AACf,uBAAkB;AAClB,SAAK,OAAM;UACN;AACL,yBAAoB;AACpB,SAAK,QAAO;;KAGhB,EAAE,WAAW,OAAO,CACtB;AAGA,wBAAsB;AACpB,wBAAoB;IACrB;;uBAIC,YAyBa,YAAA,EAzBD,MAAK,sBAAoB,EAAA;2BAwB7B,CAAA,eAvBN,mBAuBM,OAvBN,YAuBM,CApBJ,mBAmBM,OAnBN,YAmBM,CAlBJ,mBAYM,OAZN,WAYM;KAXH,IAAI,MAAA,GAAE;cACH;KAAJ,KAAI;KACJ,cAAW;KACX,cAAW;OACHA,KAAAA,QAAM;KACd,OAAM;KACN,MAAK;KACL,UAAS;SACT,YAEqB,MAAA,mBAAA,EAAA,MAAA;4BADX,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA;;0BAKZ,mBAE+B,OAAA;KAD7B,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,WAAW,MAAI;0BApBnB,QAAA,WAAW,KAAI,CAAA,CAAA,CAAA,CAAA"}

package/dist/Request-gscRsGQ8.js

@@ -0,0 +1,212 @@
+import { r as useWorkspace, w as useActiveEntities } from "./store-DpSUVhjp.js";
+import { a as useLayout, r as useSidebar } from "./useSidebar-DLTwHDI-.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
+import { t as importCurlCommand } from "./curl-nbw1OxbV.js";
+import "./HttpMethod-rnWEgC3T.js";
+import "./CodeInput-C-igR77V.js";
+import "./Server-DnA_BzPS.js";
+import { t as AddressBar_default } from "./AddressBar-B4xnl66I.js";
+import { t as OpenApiClientButton_default } from "./components-ChixwQhN.js";
+import "./Sidebar-C6AdX6-N.js";
+import "./DataTableInput-yaU5g-kP.js";
+import { t as ViewLayout_default } from "./ViewLayout-BOXN0IYo.js";
+import { t as ViewLayoutContent_default } from "./ViewLayoutContent-CvMoJYPF.js";
+import "./SectionFilter-hrtoRLwj.js";
+import "./ScalarAsciiArt-BjuSnj8e.js";
+import { t as RequestSection_default } from "./RequestSection-HhdJj9hW.js";
+import "./RequestAuth-BzBfIysT.js";
+import { t as ResponseSection_default } from "./ResponseSection-DMJ0tw8E.js";
+import { t as EmptyState_default } from "./EmptyState-Cnm7hGW5.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, unref, withCtx } from "vue";
+import { ScalarIcon } from "@scalar/components";
+import { useRouter } from "vue-router";
+//#region src/views/Request/RequestSubpageHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center border-b p-2 pt-2 lg:p-1 lg:pt-1" };
+var _hoisted_2$1 = { class: "mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1" };
+var _hoisted_3 = { class: "mb-2 flex w-1/2 flex-row items-center justify-end gap-1 lg:mb-0 lg:flex-1 lg:px-2.5" };
+//#endregion
+//#region src/views/Request/RequestSubpageHeader.vue
+var RequestSubpageHeader_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "RequestSubpageHeader",
+	props: {
+		collection: {},
+		operation: {},
+		server: {},
+		environment: {},
+		envVariables: {},
+		workspace: {}
+	},
+	emits: ["hideModal", "importCurl"],
+	setup(__props) {
+		const { hideClientButton, showSidebar, integration } = useWorkspace();
+		const { isSidebarOpen } = useSidebar();
+		const { layout } = useLayout();
+		const { currentRoute } = useRouter();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				createElementVNode("div", _hoisted_2$1, [unref(showSidebar) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["size-8", { hidden: unref(layout) === "modal" && !unref(isSidebarOpen) }])
+				}, null, 2)) : createCommentVNode("", true)]),
+				createVNode(AddressBar_default, {
+					collection: __props.collection,
+					envVariables: __props.envVariables,
+					environment: __props.environment,
+					operation: __props.operation,
+					server: __props.server,
+					workspace: __props.workspace,
+					onImportCurl: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("importCurl", $event))
+				}, null, 8, [
+					"collection",
+					"envVariables",
+					"environment",
+					"operation",
+					"server",
+					"workspace"
+				]),
+				createElementVNode("div", _hoisted_3, [
+					unref(layout) === "modal" && __props.collection.documentUrl && !unref(hideClientButton) ? (openBlock(), createBlock(unref(OpenApiClientButton_default), {
+						key: 0,
+						buttonSource: "modal",
+						class: "!w-fit lg:-mr-1",
+						integration: unref(integration) ?? __props.collection.integration ?? null,
+						source: unref(currentRoute).query.source === "gitbook" ? "gitbook" : "api-reference",
+						url: __props.collection.documentUrl
+					}, null, 8, [
+						"integration",
+						"source",
+						"url"
+					])) : createCommentVNode("", true),
+					unref(layout) === "modal" ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						class: "app-exit-button gitbook-hidden zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
+						type: "button",
+						onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("hideModal"))
+					}, [createVNode(unref(ScalarIcon), {
+						icon: "Close",
+						size: "lg",
+						thickness: "2"
+					}), _cache[3] || (_cache[3] = createElementVNode("span", { class: "sr-only" }, "Close Client", -1))])) : createCommentVNode("", true),
+					unref(layout) === "modal" ? (openBlock(), createElementBlock("button", {
+						key: 2,
+						class: "text-c-1 hover:bg-b-2 active:text-c-1 gitbook-show -mr-1.5 rounded p-2",
+						type: "button",
+						onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("hideModal"))
+					}, [createVNode(unref(ScalarIcon), {
+						icon: "Close",
+						size: "md",
+						thickness: "1.75"
+					}), _cache[4] || (_cache[4] = createElementVNode("span", { class: "sr-only" }, "Close Client", -1))])) : createCommentVNode("", true)
+				])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-c8df97c6"]]);
+//#endregion
+//#region src/views/Request/Request.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-full" };
+var _hoisted_2 = {
+	key: 0,
+	class: "flex h-full flex-1 flex-col"
+};
+//#endregion
+//#region src/views/Request/Request.vue
+var Request_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Request",
+	props: {
+		invalidParams: {},
+		selectedSecuritySchemeUids: {},
+		requestResult: {}
+	},
+	emits: ["newTab"],
+	setup(__props) {
+		const { events } = useWorkspace();
+		const { isSidebarOpen } = useSidebar();
+		const workspaceContext = useWorkspace();
+		const { layout } = useLayout();
+		const { activeCollection, activeExample, activeRequest, activeWorkspace, activeServer, activeEnvVariables, activeEnvironment, activeWorkspaceRequests } = useActiveEntities();
+		const { modalState, requestHistory } = workspaceContext;
+		const activeHistoryEntry = computed(() => [...requestHistory].reverse().find((r) => r.request.uid === activeExample.value?.uid));
+		function handleCurlImport(curl) {
+			events.commandPalette.emit({
+				commandName: "Import from cURL",
+				metaData: {
+					parsedCurl: importCurlCommand(curl),
+					collectionUid: activeCollection.value?.uid
+				}
+			});
+		}
+		return (_ctx, _cache) => {
+			return unref(activeCollection) && unref(activeWorkspace) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0", { "!mr-0 !mb-0 !border-0": unref(layout) === "modal" }])
+			}, [createElementVNode("div", _hoisted_1, [unref(activeRequest) ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(RequestSubpageHeader_default, {
+				modelValue: unref(isSidebarOpen),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isSidebarOpen) ? isSidebarOpen.value = $event : null),
+				collection: unref(activeCollection),
+				envVariables: unref(activeEnvVariables),
+				environment: unref(activeEnvironment),
+				operation: unref(activeRequest),
+				server: unref(activeServer),
+				workspace: unref(activeWorkspace),
+				onHideModal: _cache[1] || (_cache[1] = () => unref(modalState).hide()),
+				onImportCurl: handleCurlImport
+			}, null, 8, [
+				"modelValue",
+				"collection",
+				"envVariables",
+				"environment",
+				"operation",
+				"server",
+				"workspace"
+			]), createVNode(ViewLayout_default, null, {
+				default: withCtx(() => [unref(activeExample) ? (openBlock(), createBlock(ViewLayoutContent_default, {
+					key: 0,
+					class: normalizeClass(["flex-1", [unref(isSidebarOpen) ? "sidebar-active-hide-layout" : ""]])
+				}, {
+					default: withCtx(() => [createVNode(RequestSection_default, {
+						collection: unref(activeCollection),
+						envVariables: unref(activeEnvVariables),
+						environment: unref(activeEnvironment),
+						example: unref(activeExample),
+						invalidParams: __props.invalidParams,
+						operation: unref(activeRequest),
+						selectedSecuritySchemeUids: __props.selectedSecuritySchemeUids,
+						server: unref(activeServer),
+						workspace: unref(activeWorkspace)
+					}, null, 8, [
+						"collection",
+						"envVariables",
+						"environment",
+						"example",
+						"invalidParams",
+						"operation",
+						"selectedSecuritySchemeUids",
+						"server",
+						"workspace"
+					]), createVNode(ResponseSection_default, {
+						collection: unref(activeCollection),
+						numWorkspaceRequests: unref(activeWorkspaceRequests).length,
+						operation: unref(activeRequest),
+						requestResult: __props.requestResult,
+						response: activeHistoryEntry.value?.response,
+						workspace: unref(activeWorkspace)
+					}, null, 8, [
+						"collection",
+						"numWorkspaceRequests",
+						"operation",
+						"requestResult",
+						"response",
+						"workspace"
+					])]),
+					_: 1
+				}, 8, ["class"])) : createCommentVNode("", true)]),
+				_: 1
+			})])) : (openBlock(), createBlock(EmptyState_default, { key: 1 }))])], 2)) : (openBlock(), createBlock(EmptyState_default, { key: 1 }));
+		};
+	}
+}), [["__scopeId", "data-v-57ae0d10"]]);
+//#endregion
+export { Request_default as default };
+
+//# sourceMappingURL=Request-gscRsGQ8.js.map

package/dist/Request-gscRsGQ8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Request-gscRsGQ8.js","names":["$emit"],"sources":["../src/views/Request/RequestSubpageHeader.vue","../src/views/Request/RequestSubpageHeader.vue","../src/views/Request/Request.vue","../src/views/Request/Request.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type {\n  Collection,\n  Operation,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { useRouter } from 'vue-router'\n\nimport { OpenApiClientButton } from '@/components'\nimport AddressBar from '@/components/AddressBar/AddressBar.vue'\nimport { useLayout } from '@/hooks/useLayout'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { useWorkspace } from '@/store'\nimport type { EnvVariable } from '@/store/active-entities'\n\nconst { collection, operation, server, environment, envVariables, workspace } =\n  defineProps<{\n    collection: Collection\n    operation: Operation\n    server: Server | undefined\n    environment: Environment\n    envVariables: EnvVariable[]\n    workspace: Workspace\n  }>()\n\ndefineEmits<{\n  (e: 'hideModal'): void\n  (e: 'importCurl', value: string): void\n}>()\n\nconst { hideClientButton, showSidebar, integration } = useWorkspace()\nconst { isSidebarOpen } = useSidebar()\n\nconst { layout } = useLayout()\nconst { currentRoute } = useRouter()\n</script>\n<template>\n  <div\n    class=\"lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center border-b p-2 pt-2 lg:p-1 lg:pt-1\">\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1\">\n      <!-- Holds space for the sidebar toggle -->\n      <div\n        v-if=\"showSidebar\"\n        class=\"size-8\"\n        :class=\"{ hidden: layout === 'modal' && !isSidebarOpen }\" />\n    </div>\n    <!-- Address Bar - we should always have a collection and operation -->\n    <AddressBar\n      :collection=\"collection\"\n      :envVariables=\"envVariables\"\n      :environment=\"environment\"\n      :operation=\"operation\"\n      :server=\"server\"\n      :workspace=\"workspace\"\n      @importCurl=\"$emit('importCurl', $event)\" />\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center justify-end gap-1 lg:mb-0 lg:flex-1 lg:px-2.5\">\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && collection.documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? collection.integration ?? null\"\n        :source=\"\n          currentRoute.query.source === 'gitbook' ? 'gitbook' : 'api-reference'\n        \"\n        :url=\"collection.documentUrl\" />\n      <button\n        v-if=\"layout === 'modal'\"\n        class=\"app-exit-button gitbook-hidden zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        type=\"button\"\n        @click=\"$emit('hideModal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n      <!-- TODO: temporary solution: 2nd button (not fixed position) for our friends at GitBook -->\n      <button\n        v-if=\"layout === 'modal'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 gitbook-show -mr-1.5 rounded p-2\"\n        type=\"button\"\n        @click=\"$emit('hideModal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.gitbook-show {\n  display: none;\n}\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type {\n  Collection,\n  Operation,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { useRouter } from 'vue-router'\n\nimport { OpenApiClientButton } from '@/components'\nimport AddressBar from '@/components/AddressBar/AddressBar.vue'\nimport { useLayout } from '@/hooks/useLayout'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { useWorkspace } from '@/store'\nimport type { EnvVariable } from '@/store/active-entities'\n\nconst { collection, operation, server, environment, envVariables, workspace } =\n  defineProps<{\n    collection: Collection\n    operation: Operation\n    server: Server | undefined\n    environment: Environment\n    envVariables: EnvVariable[]\n    workspace: Workspace\n  }>()\n\ndefineEmits<{\n  (e: 'hideModal'): void\n  (e: 'importCurl', value: string): void\n}>()\n\nconst { hideClientButton, showSidebar, integration } = useWorkspace()\nconst { isSidebarOpen } = useSidebar()\n\nconst { layout } = useLayout()\nconst { currentRoute } = useRouter()\n</script>\n<template>\n  <div\n    class=\"lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center border-b p-2 pt-2 lg:p-1 lg:pt-1\">\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1\">\n      <!-- Holds space for the sidebar toggle -->\n      <div\n        v-if=\"showSidebar\"\n        class=\"size-8\"\n        :class=\"{ hidden: layout === 'modal' && !isSidebarOpen }\" />\n    </div>\n    <!-- Address Bar - we should always have a collection and operation -->\n    <AddressBar\n      :collection=\"collection\"\n      :envVariables=\"envVariables\"\n      :environment=\"environment\"\n      :operation=\"operation\"\n      :server=\"server\"\n      :workspace=\"workspace\"\n      @importCurl=\"$emit('importCurl', $event)\" />\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center justify-end gap-1 lg:mb-0 lg:flex-1 lg:px-2.5\">\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && collection.documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? collection.integration ?? null\"\n        :source=\"\n          currentRoute.query.source === 'gitbook' ? 'gitbook' : 'api-reference'\n        \"\n        :url=\"collection.documentUrl\" />\n      <button\n        v-if=\"layout === 'modal'\"\n        class=\"app-exit-button gitbook-hidden zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        type=\"button\"\n        @click=\"$emit('hideModal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n      <!-- TODO: temporary solution: 2nd button (not fixed position) for our friends at GitBook -->\n      <button\n        v-if=\"layout === 'modal'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 gitbook-show -mr-1.5 rounded p-2\"\n        type=\"button\"\n        @click=\"$emit('hideModal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.gitbook-show {\n  display: none;\n}\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared'\nimport { computed } from 'vue'\n\nimport EmptyState from '@/components/EmptyState.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport { useLayout } from '@/hooks'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { importCurlCommand } from '@/libs/importers/curl'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport RequestSection from '@/views/Request/RequestSection/RequestSection.vue'\nimport RequestSubpageHeader from '@/views/Request/RequestSubpageHeader.vue'\nimport ResponseSection from '@/views/Request/ResponseSection/ResponseSection.vue'\n\nconst { invalidParams, selectedSecuritySchemeUids, requestResult } =\n  defineProps<{\n    invalidParams: Set<string>\n    selectedSecuritySchemeUids: SelectedSecuritySchemeUids\n    requestResult?: SendRequestResult | null\n  }>()\ndefineEmits<(e: 'newTab', item: { name: string; uid: string }) => void>()\n\nconst { events } = useWorkspace()\nconst { isSidebarOpen } = useSidebar()\nconst workspaceContext = useWorkspace()\nconst { layout } = useLayout()\n\nconst {\n  activeCollection,\n  activeExample,\n  activeRequest,\n  activeWorkspace,\n  activeServer,\n  activeEnvVariables,\n  activeEnvironment,\n  activeWorkspaceRequests,\n} = useActiveEntities()\nconst { modalState, requestHistory } = workspaceContext\n\nconst activeHistoryEntry = computed(() =>\n  [...requestHistory]\n    .reverse()\n    .find((r) => r.request.uid === activeExample.value?.uid),\n)\n\nfunction handleCurlImport(curl: string) {\n  events.commandPalette.emit({\n    commandName: 'Import from cURL',\n    metaData: {\n      parsedCurl: importCurlCommand(curl),\n      collectionUid: activeCollection.value?.uid,\n    },\n  })\n}\n</script>\n\n<template>\n  <div\n    v-if=\"activeCollection && activeWorkspace\"\n    class=\"bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0\"\n    :class=\"{\n      '!mr-0 !mb-0 !border-0': layout === 'modal',\n    }\">\n    <div class=\"flex h-full\">\n      <!-- Ensure we have a request for this view -->\n      <div\n        v-if=\"activeRequest\"\n        class=\"flex h-full flex-1 flex-col\">\n        <RequestSubpageHeader\n          v-model=\"isSidebarOpen\"\n          :collection=\"activeCollection\"\n          :envVariables=\"activeEnvVariables\"\n          :environment=\"activeEnvironment\"\n          :operation=\"activeRequest\"\n          :server=\"activeServer\"\n          :workspace=\"activeWorkspace\"\n          @hideModal=\"() => modalState.hide()\"\n          @importCurl=\"handleCurlImport\" />\n        <ViewLayout>\n          <!-- TODO possible loading state -->\n          <ViewLayoutContent\n            v-if=\"activeExample\"\n            class=\"flex-1\"\n            :class=\"[isSidebarOpen ? 'sidebar-active-hide-layout' : '']\">\n            <RequestSection\n              :collection=\"activeCollection\"\n              :envVariables=\"activeEnvVariables\"\n              :environment=\"activeEnvironment\"\n              :example=\"activeExample\"\n              :invalidParams=\"invalidParams\"\n              :operation=\"activeRequest\"\n              :selectedSecuritySchemeUids=\"selectedSecuritySchemeUids\"\n              :server=\"activeServer\"\n              :workspace=\"activeWorkspace\" />\n            <ResponseSection\n              :collection=\"activeCollection\"\n              :numWorkspaceRequests=\"activeWorkspaceRequests.length\"\n              :operation=\"activeRequest\"\n              :requestResult=\"requestResult\"\n              :response=\"activeHistoryEntry?.response\"\n              :workspace=\"activeWorkspace\" />\n          </ViewLayoutContent>\n        </ViewLayout>\n      </div>\n\n      <!-- No active request -->\n      <EmptyState v-else />\n    </div>\n  </div>\n\n  <!-- No Collection or Workspace -->\n  <EmptyState v-else />\n</template>\n\n<style scoped>\n.request-text-color-text {\n  color: var(--scalar-color-1);\n  background: linear-gradient(\n    var(--scalar-background-1),\n    var(--scalar-background-3)\n  );\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n}\n@media screen and (max-width: 800px) {\n  .sidebar-active-hide-layout {\n    display: none;\n  }\n  .sidebar-active-width {\n    width: 100%;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared'\nimport { computed } from 'vue'\n\nimport EmptyState from '@/components/EmptyState.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport { useLayout } from '@/hooks'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { importCurlCommand } from '@/libs/importers/curl'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport RequestSection from '@/views/Request/RequestSection/RequestSection.vue'\nimport RequestSubpageHeader from '@/views/Request/RequestSubpageHeader.vue'\nimport ResponseSection from '@/views/Request/ResponseSection/ResponseSection.vue'\n\nconst { invalidParams, selectedSecuritySchemeUids, requestResult } =\n  defineProps<{\n    invalidParams: Set<string>\n    selectedSecuritySchemeUids: SelectedSecuritySchemeUids\n    requestResult?: SendRequestResult | null\n  }>()\ndefineEmits<(e: 'newTab', item: { name: string; uid: string }) => void>()\n\nconst { events } = useWorkspace()\nconst { isSidebarOpen } = useSidebar()\nconst workspaceContext = useWorkspace()\nconst { layout } = useLayout()\n\nconst {\n  activeCollection,\n  activeExample,\n  activeRequest,\n  activeWorkspace,\n  activeServer,\n  activeEnvVariables,\n  activeEnvironment,\n  activeWorkspaceRequests,\n} = useActiveEntities()\nconst { modalState, requestHistory } = workspaceContext\n\nconst activeHistoryEntry = computed(() =>\n  [...requestHistory]\n    .reverse()\n    .find((r) => r.request.uid === activeExample.value?.uid),\n)\n\nfunction handleCurlImport(curl: string) {\n  events.commandPalette.emit({\n    commandName: 'Import from cURL',\n    metaData: {\n      parsedCurl: importCurlCommand(curl),\n      collectionUid: activeCollection.value?.uid,\n    },\n  })\n}\n</script>\n\n<template>\n  <div\n    v-if=\"activeCollection && activeWorkspace\"\n    class=\"bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0\"\n    :class=\"{\n      '!mr-0 !mb-0 !border-0': layout === 'modal',\n    }\">\n    <div class=\"flex h-full\">\n      <!-- Ensure we have a request for this view -->\n      <div\n        v-if=\"activeRequest\"\n        class=\"flex h-full flex-1 flex-col\">\n        <RequestSubpageHeader\n          v-model=\"isSidebarOpen\"\n          :collection=\"activeCollection\"\n          :envVariables=\"activeEnvVariables\"\n          :environment=\"activeEnvironment\"\n          :operation=\"activeRequest\"\n          :server=\"activeServer\"\n          :workspace=\"activeWorkspace\"\n          @hideModal=\"() => modalState.hide()\"\n          @importCurl=\"handleCurlImport\" />\n        <ViewLayout>\n          <!-- TODO possible loading state -->\n          <ViewLayoutContent\n            v-if=\"activeExample\"\n            class=\"flex-1\"\n            :class=\"[isSidebarOpen ? 'sidebar-active-hide-layout' : '']\">\n            <RequestSection\n              :collection=\"activeCollection\"\n              :envVariables=\"activeEnvVariables\"\n              :environment=\"activeEnvironment\"\n              :example=\"activeExample\"\n              :invalidParams=\"invalidParams\"\n              :operation=\"activeRequest\"\n              :selectedSecuritySchemeUids=\"selectedSecuritySchemeUids\"\n              :server=\"activeServer\"\n              :workspace=\"activeWorkspace\" />\n            <ResponseSection\n              :collection=\"activeCollection\"\n              :numWorkspaceRequests=\"activeWorkspaceRequests.length\"\n              :operation=\"activeRequest\"\n              :requestResult=\"requestResult\"\n              :response=\"activeHistoryEntry?.response\"\n              :workspace=\"activeWorkspace\" />\n          </ViewLayoutContent>\n        </ViewLayout>\n      </div>\n\n      <!-- No active request -->\n      <EmptyState v-else />\n    </div>\n  </div>\n\n  <!-- No Collection or Workspace -->\n  <EmptyState v-else />\n</template>\n\n<style scoped>\n.request-text-color-text {\n  color: var(--scalar-color-1);\n  background: linear-gradient(\n    var(--scalar-background-1),\n    var(--scalar-background-3)\n  );\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n}\n@media screen and (max-width: 800px) {\n  .sidebar-active-hide-layout {\n    display: none;\n  }\n  .sidebar-active-width {\n    width: 100%;\n  }\n}\n</style>\n"],"mappings":"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"}