@scalar/api-client 2.38.4 → 2.39.1

package/dist/views/Request/ResponseSection/ResponseBodyDownload.vue.js

@@ -0,0 +1,7 @@
+import ResponseBodyDownload_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyDownload.vue.script.js";
+//#region src/views/Request/ResponseSection/ResponseBodyDownload.vue
+var ResponseBodyDownload_default = ResponseBodyDownload_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ResponseBodyDownload_default as default };
+
+//# sourceMappingURL=ResponseBodyDownload.vue.js.map

package/dist/views/Request/ResponseSection/ResponseBodyDownload.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyDownload.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyDownload.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarIcon } from '@scalar/components'\nimport { computed } from 'vue'\n\nimport { getMediaTypeConfig } from '@/views/Request/consts'\n\nconst props = defineProps<{\n  href: string\n  type?: string\n  filename?: string\n}>()\n\nconst filenameExtension = computed(() => {\n  const extension =\n    getMediaTypeConfig(props.type ?? '')?.extension ?? '.unknown'\n  return props.filename ? props.filename : `response${extension}`\n})\n</script>\n<template>\n  <a\n    class=\"text-c-3 text-xxs hover:bg-b-3 flex items-center gap-1 rounded px-1.5 py-0.5 no-underline\"\n    :download=\"`${filenameExtension}`\"\n    :href=\"href\"\n    @click.stop>\n    <ScalarIcon\n      icon=\"Download\"\n      size=\"xs\" />\n    <span>\n      <span>Download</span>\n      <span class=\"sr-only\">Response Body</span>\n    </span>\n  </a>\n</template>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseBodyDownload.vue.script.js

@@ -0,0 +1,35 @@
+import { getMediaTypeConfig } from "../consts/mediaTypes.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, withModifiers } from "vue";
+import { ScalarIcon } from "@scalar/components";
+//#region src/views/Request/ResponseSection/ResponseBodyDownload.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["download", "href"];
+var ResponseBodyDownload_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyDownload",
+	props: {
+		href: {},
+		type: {},
+		filename: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const filenameExtension = computed(() => {
+			const extension = getMediaTypeConfig(props.type ?? "")?.extension ?? ".unknown";
+			return props.filename ? props.filename : `response${extension}`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("a", {
+				class: "text-c-3 text-xxs hover:bg-b-3 flex items-center gap-1 rounded px-1.5 py-0.5 no-underline",
+				download: `${filenameExtension.value}`,
+				href: __props.href,
+				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+			}, [createVNode(unref(ScalarIcon), {
+				icon: "Download",
+				size: "xs"
+			}), _cache[1] || (_cache[1] = createElementVNode("span", null, [createElementVNode("span", null, "Download"), createElementVNode("span", { class: "sr-only" }, "Response Body")], -1))], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { ResponseBodyDownload_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyDownload.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseBodyDownload.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyDownload.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyDownload.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarIcon } from '@scalar/components'\nimport { computed } from 'vue'\n\nimport { getMediaTypeConfig } from '@/views/Request/consts'\n\nconst props = defineProps<{\n  href: string\n  type?: string\n  filename?: string\n}>()\n\nconst filenameExtension = computed(() => {\n  const extension =\n    getMediaTypeConfig(props.type ?? '')?.extension ?? '.unknown'\n  return props.filename ? props.filename : `response${extension}`\n})\n</script>\n<template>\n  <a\n    class=\"text-c-3 text-xxs hover:bg-b-3 flex items-center gap-1 rounded px-1.5 py-0.5 no-underline\"\n    :download=\"`${filenameExtension}`\"\n    :href=\"href\"\n    @click.stop>\n    <ScalarIcon\n      icon=\"Download\"\n      size=\"xs\" />\n    <span>\n      <span>Download</span>\n      <span class=\"sr-only\">Response Body</span>\n    </span>\n  </a>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAMd,MAAM,oBAAoB,eAAe;GACvC,MAAM,YACJ,mBAAmB,MAAM,QAAQ,GAAG,EAAE,aAAa;AACrD,UAAO,MAAM,WAAW,MAAM,WAAW,WAAW;IACrD;;uBAGC,mBAYI,KAAA;IAXF,OAAM;IACL,UAAQ,GAAK,kBAAA;IACb,MAAM,QAAA;IACN,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;OACX,YAEc,MAAA,WAAA,EAAA;IADZ,MAAK;IACL,MAAK;iCACP,mBAGO,QAAA,MAAA,CAFL,mBAAqB,QAAA,MAAf,WAAQ,EACd,mBAA0C,QAAA,EAApC,OAAM,WAAS,EAAC,gBAAa,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA,WAAA"}

package/dist/views/Request/ResponseSection/ResponseBodyInfo.vue.js

@@ -0,0 +1,14 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, openBlock, renderSlot } from "vue";
+//#region src/views/Request/ResponseSection/ResponseBodyInfo.vue
+var _sfc_main = {};
+var _hoisted_1 = { class: "flex justify-center px-2 py-3" };
+var _hoisted_2 = { class: "text-c-3 p-2 text-sm" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])]);
+}
+var ResponseBodyInfo_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { ResponseBodyInfo_default as default };
+
+//# sourceMappingURL=ResponseBodyInfo.vue.js.map

package/dist/views/Request/ResponseSection/ResponseBodyInfo.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyInfo.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyInfo.vue"],"sourcesContent":["<template>\n  <div class=\"flex justify-center px-2 py-3\">\n    <div class=\"text-c-3 p-2 text-sm\"><slot /></div>\n  </div>\n</template>\n"],"mappings":";;;;mBACO,OAAM,iCAA+B;mBACnC,OAAM,wBAAsB;;qBADnC,mBAEM,OAFN,YAEM,CADJ,mBAAgD,OAAhD,YAAgD,CAAd,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/views/Request/ResponseSection/ResponseBodyPreview.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyPreview.vue.script.js";
+/* empty css                                  */
+//#region src/views/Request/ResponseSection/ResponseBodyPreview.vue
+var ResponseBodyPreview_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0956ad2d"]]);
+//#endregion
+export { ResponseBodyPreview_default as default };
+
+//# sourceMappingURL=ResponseBodyPreview.vue.js.map

package/dist/views/Request/ResponseSection/ResponseBodyPreview.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyPreview.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyPreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport type { MediaPreview } from '@/views/Request/consts'\n\nimport ResponseBodyInfo from './ResponseBodyInfo.vue'\n\nconst {\n  src,\n  type,\n  mode,\n  alpha = false,\n} = defineProps<{\n  src: string\n  type: string\n  mode: MediaPreview\n  alpha?: boolean | undefined\n}>()\n\nconst error = ref(false)\n\nwatch(\n  () => src,\n  () => (error.value = false),\n)\n</script>\n<template>\n  <div\n    v-if=\"!error && src\"\n    class=\"flex justify-center overflow-auto rounded-b\"\n    :class=\"{ 'bg-preview p-2': alpha }\">\n    <img\n      v-if=\"mode === 'image'\"\n      class=\"h-full max-w-full\"\n      :class=\"{ rounded: alpha }\"\n      :src=\"src\"\n      @error=\"error = true\" />\n    <video\n      v-else-if=\"mode === 'video'\"\n      autoplay\n      controls\n      width=\"100%\"\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </video>\n    <audio\n      v-else-if=\"mode === 'audio'\"\n      class=\"my-12\"\n      controls\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </audio>\n    <object\n      v-else\n      class=\"aspect-[4/3] w-full\"\n      :data=\"src\"\n      :type=\"type\"\n      @error=\"error = true\" />\n  </div>\n  <ResponseBodyInfo v-else>Preview unavailable</ResponseBodyInfo>\n</template>\n<style scoped>\n.light-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n.dark-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n</style>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseBodyPreview.vue.script.js

@@ -0,0 +1,64 @@
+import ResponseBodyInfo_default from "./ResponseBodyInfo.vue.js";
+import { createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, ref, watch, withCtx } from "vue";
+//#region src/views/Request/ResponseSection/ResponseBodyPreview.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src"];
+var _hoisted_2 = ["src", "type"];
+var _hoisted_3 = ["src", "type"];
+var _hoisted_4 = ["data", "type"];
+var ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyPreview",
+	props: {
+		src: {},
+		type: {},
+		mode: {},
+		alpha: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const error = ref(false);
+		watch(() => __props.src, () => error.value = false);
+		return (_ctx, _cache) => {
+			return !error.value && __props.src ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["flex justify-center overflow-auto rounded-b", { "bg-preview p-2": __props.alpha }])
+			}, [__props.mode === "image" ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				class: normalizeClass(["h-full max-w-full", { rounded: __props.alpha }]),
+				src: __props.src,
+				onError: _cache[0] || (_cache[0] = ($event) => error.value = true)
+			}, null, 42, _hoisted_1)) : __props.mode === "video" ? (openBlock(), createElementBlock("video", {
+				key: 1,
+				autoplay: "",
+				controls: "",
+				width: "100%",
+				onError: _cache[1] || (_cache[1] = ($event) => error.value = true)
+			}, [createElementVNode("source", {
+				src: __props.src,
+				type: __props.type
+			}, null, 8, _hoisted_2)], 32)) : __props.mode === "audio" ? (openBlock(), createElementBlock("audio", {
+				key: 2,
+				class: "my-12",
+				controls: "",
+				onError: _cache[2] || (_cache[2] = ($event) => error.value = true)
+			}, [createElementVNode("source", {
+				src: __props.src,
+				type: __props.type
+			}, null, 8, _hoisted_3)], 32)) : (openBlock(), createElementBlock("object", {
+				key: 3,
+				class: "aspect-[4/3] w-full",
+				data: __props.src,
+				type: __props.type,
+				onError: _cache[3] || (_cache[3] = ($event) => error.value = true)
+			}, null, 40, _hoisted_4))], 2)) : (openBlock(), createBlock(ResponseBodyInfo_default, { key: 1 }, {
+				default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Preview unavailable", -1)])]),
+				_: 1
+			}));
+		};
+	}
+});
+//#endregion
+export { ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyPreview.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseBodyPreview.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyPreview.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyPreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport type { MediaPreview } from '@/views/Request/consts'\n\nimport ResponseBodyInfo from './ResponseBodyInfo.vue'\n\nconst {\n  src,\n  type,\n  mode,\n  alpha = false,\n} = defineProps<{\n  src: string\n  type: string\n  mode: MediaPreview\n  alpha?: boolean | undefined\n}>()\n\nconst error = ref(false)\n\nwatch(\n  () => src,\n  () => (error.value = false),\n)\n</script>\n<template>\n  <div\n    v-if=\"!error && src\"\n    class=\"flex justify-center overflow-auto rounded-b\"\n    :class=\"{ 'bg-preview p-2': alpha }\">\n    <img\n      v-if=\"mode === 'image'\"\n      class=\"h-full max-w-full\"\n      :class=\"{ rounded: alpha }\"\n      :src=\"src\"\n      @error=\"error = true\" />\n    <video\n      v-else-if=\"mode === 'video'\"\n      autoplay\n      controls\n      width=\"100%\"\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </video>\n    <audio\n      v-else-if=\"mode === 'audio'\"\n      class=\"my-12\"\n      controls\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </audio>\n    <object\n      v-else\n      class=\"aspect-[4/3] w-full\"\n      :data=\"src\"\n      :type=\"type\"\n      @error=\"error = true\" />\n  </div>\n  <ResponseBodyInfo v-else>Preview unavailable</ResponseBodyInfo>\n</template>\n<style scoped>\n.light-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n.dark-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ,IAAI,MAAK;AAEvB,cACQ,QAAA,WACC,MAAM,QAAQ,MACvB;;WAIW,MAAA,SAAS,QAAA,OAAA,WAAA,EADlB,mBAmCM,OAAA;;IAjCJ,OAAK,eAAA,CAAC,+CAA6C,EAAA,kBACvB,QAAA,OAAK,CAAA,CAAA;OAEzB,QAAA,SAAI,WAAA,WAAA,EADZ,mBAK0B,OAAA;;IAHxB,OAAK,eAAA,CAAC,qBAAmB,EAAA,SACN,QAAA,OAAK,CAAA,CAAA;IACvB,KAAK,QAAA;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;+BAEF,QAAA,SAAI,WAAA,WAAA,EADjB,mBASQ,SAAA;;IAPN,UAAA;IACA,UAAA;IACA,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;OACb,mBAEiB,UAAA;IADd,KAAK,QAAA;IACL,MAAM,QAAA;oCAGE,QAAA,SAAI,WAAA,WAAA,EADjB,mBAQQ,SAAA;;IANN,OAAM;IACN,UAAA;IACC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;OACb,mBAEiB,UAAA;IADd,KAAK,QAAA;IACL,MAAM,QAAA;kDAEX,mBAK0B,UAAA;;IAHxB,OAAM;IACL,MAAM,QAAA;IACN,MAAM,QAAA;IACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;mDAEjB,YAA+D,0BAAA,EAAA,KAAA,GAAA,EAAA;2BAAnB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAnB,uBAAmB,GAAA,CAAA,EAAA,CAAA"}

package/dist/views/Request/ResponseSection/ResponseBodyRaw.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyRaw.vue.script.js";
+/* empty css                              */
+//#region src/views/Request/ResponseSection/ResponseBodyRaw.vue
+var ResponseBodyRaw_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-35bf3f39"]]);
+//#endregion
+export { ResponseBodyRaw_default as default };
+
+//# sourceMappingURL=ResponseBodyRaw.vue.js.map

package/dist/views/Request/ResponseSection/ResponseBodyRaw.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyRaw.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { useCodeMirror, type CodeMirrorLanguage } from '@scalar/use-codemirror'\nimport { ref, toRef, useId } from 'vue'\n\nconst props = defineProps<{\n  content: any\n  language: CodeMirrorLanguage | undefined\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(() => prettyPrintJson(props.content)),\n  language: toRef(() => props.language),\n  forceFoldGutter: true,\n})\n\n// Function to get current content\nconst getCurrentContent = () => {\n  return codeMirror.value?.state.doc.toString() || ''\n}\n</script>\n<template>\n  <div\n    class=\"scalar-code-block group/code-block body-raw flex min-h-0 flex-col overflow-hidden p-px outline-none has-focus-visible:outline\">\n    <div\n      class=\"body-raw-scroller custom-scroll relative pr-1\"\n      tabindex=\"0\">\n      <!-- CodeMirror container -->\n      <div ref=\"codeMirrorRef\" />\n    </div>\n    <!-- Copy button -->\n    <ScalarCodeBlockCopy\n      v-if=\"getCurrentContent()\"\n      :content=\"getCurrentContent()\"\n      :aria-controls=\"id\"\n      :lang=\"language\"\n      class=\"absolute top-2 right-2\" />\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  background-color: transparent;\n  font-size: var(--scalar-small);\n  outline: none;\n}\n\n:deep(.cm-gutters) {\n  background-color: var(--scalar-background-1);\n  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);\n}\n\n.body-raw :deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n</style>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseBodyRaw.vue.script.js

@@ -0,0 +1,54 @@
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, ref, toRef, unref, useId } from "vue";
+import { ScalarCodeBlockCopy } from "@scalar/components";
+import { prettyPrintJson } from "@scalar/helpers/json/pretty-print-json";
+import { useCodeMirror } from "@scalar/use-codemirror";
+//#region src/views/Request/ResponseSection/ResponseBodyRaw.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "scalar-code-block group/code-block body-raw flex min-h-0 flex-col overflow-hidden p-px outline-none has-focus-visible:outline" };
+var _hoisted_2 = {
+	class: "body-raw-scroller custom-scroll relative pr-1",
+	tabindex: "0"
+};
+var ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyRaw",
+	props: {
+		content: {},
+		language: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const codeMirrorRef = ref(null);
+		/** Base id for the code block */
+		const id = useId();
+		const { codeMirror } = useCodeMirror({
+			codeMirrorRef,
+			readOnly: true,
+			lineNumbers: true,
+			content: toRef(() => prettyPrintJson(props.content)),
+			language: toRef(() => props.language),
+			forceFoldGutter: true
+		});
+		const getCurrentContent = () => {
+			return codeMirror.value?.state.doc.toString() || "";
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", {
+				ref_key: "codeMirrorRef",
+				ref: codeMirrorRef
+			}, null, 512)]), getCurrentContent() ? (openBlock(), createBlock(unref(ScalarCodeBlockCopy), {
+				key: 0,
+				content: getCurrentContent(),
+				"aria-controls": unref(id),
+				lang: __props.language,
+				class: "absolute top-2 right-2"
+			}, null, 8, [
+				"content",
+				"aria-controls",
+				"lang"
+			])) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyRaw.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseBodyRaw.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyRaw.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { useCodeMirror, type CodeMirrorLanguage } from '@scalar/use-codemirror'\nimport { ref, toRef, useId } from 'vue'\n\nconst props = defineProps<{\n  content: any\n  language: CodeMirrorLanguage | undefined\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(() => prettyPrintJson(props.content)),\n  language: toRef(() => props.language),\n  forceFoldGutter: true,\n})\n\n// Function to get current content\nconst getCurrentContent = () => {\n  return codeMirror.value?.state.doc.toString() || ''\n}\n</script>\n<template>\n  <div\n    class=\"scalar-code-block group/code-block body-raw flex min-h-0 flex-col overflow-hidden p-px outline-none has-focus-visible:outline\">\n    <div\n      class=\"body-raw-scroller custom-scroll relative pr-1\"\n      tabindex=\"0\">\n      <!-- CodeMirror container -->\n      <div ref=\"codeMirrorRef\" />\n    </div>\n    <!-- Copy button -->\n    <ScalarCodeBlockCopy\n      v-if=\"getCurrentContent()\"\n      :content=\"getCurrentContent()\"\n      :aria-controls=\"id\"\n      :lang=\"language\"\n      class=\"absolute top-2 right-2\" />\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  background-color: transparent;\n  font-size: var(--scalar-small);\n  outline: none;\n}\n\n:deep(.cm-gutters) {\n  background-color: var(--scalar-background-1);\n  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);\n}\n\n.body-raw :deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,gBAAgB,IAA2B,KAAI;;EAErD,MAAM,KAAK,OAAM;EAEjB,MAAM,EAAE,eAAe,cAAc;GACnC;GACA,UAAU;GACV,aAAa;GACb,SAAS,YAAY,gBAAgB,MAAM,QAAQ,CAAC;GACpD,UAAU,YAAY,MAAM,SAAS;GACrC,iBAAiB;GAClB,CAAA;EAGD,MAAM,0BAA0B;AAC9B,UAAO,WAAW,OAAO,MAAM,IAAI,UAAU,IAAI;;;uBAIjD,mBAeM,OAfN,YAeM,CAbJ,mBAKM,OALN,YAKM,CADJ,mBAA2B,OAAA;aAAlB;IAAJ,KAAI;oBAIH,mBAAiB,IAAA,WAAA,EADzB,YAKmC,MAAA,oBAAA,EAAA;;IAHhC,SAAS,mBAAiB;IAC1B,iBAAe,MAAA,GAAE;IACjB,MAAM,QAAA;IACP,OAAM"}

package/dist/views/Request/ResponseSection/ResponseBodyStreaming.vue.js

@@ -0,0 +1,7 @@
+import ResponseBodyStreaming_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyStreaming.vue.script.js";
+//#region src/views/Request/ResponseSection/ResponseBodyStreaming.vue
+var ResponseBodyStreaming_default = ResponseBodyStreaming_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ResponseBodyStreaming_default as default };
+
+//# sourceMappingURL=ResponseBodyStreaming.vue.js.map

package/dist/views/Request/ResponseSection/ResponseBodyStreaming.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyStreaming.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyStreaming.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarLoading, useLoadingState } from '@scalar/components'\nimport { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\n\nconst { reader } = defineProps<{\n  reader: ReadableStreamDefaultReader<Uint8Array>\n}>()\n\nconst loader = useLoadingState()\n\nconst textContent = ref('')\nconst errorRef = ref<Error | null>(null)\nconst decoder = new TextDecoder()\nconst contentContainer = ref<HTMLElement | null>(null)\n\n/**\n * Scrolls the content container to the bottom\n */\nconst scrollToBottom = () => {\n  if (contentContainer.value) {\n    contentContainer.value.scrollTop = contentContainer.value.scrollHeight\n  }\n}\n\n// Watch for changes in textContent and scroll to bottom\nwatch(textContent, () => {\n  // Use nextTick to ensure the DOM has updated\n  nextTick(scrollToBottom)\n})\n\n/**\n * Reads the stream and appends the content\n */\nasync function readStream() {\n  try {\n    while (loader.isLoading) {\n      const { done, value } = await reader.read()\n\n      if (done) {\n        loader.clear()\n        break\n      }\n\n      // Decode the Uint8Array to string and append to content\n      if (value) {\n        textContent.value += decoder.decode(value, { stream: true })\n      }\n    }\n  } catch (error) {\n    console.error('Error reading stream:', error)\n    loader.clear()\n    errorRef.value = error as Error\n  } finally {\n    // Make sure to decode any remaining bytes\n    textContent.value += decoder.decode()\n  }\n}\n\nonMounted(() => {\n  loader.start()\n  readStream()\n  errorRef.value = null\n})\n\nonBeforeUnmount(() => {\n  reader.cancel()\n  loader.clear()\n})\n</script>\n\n<template>\n  <ViewLayoutCollapse class=\"max-h-content overflow-y-hidden\">\n    <template #title>\n      <div class=\"flex w-full items-center justify-between\">\n        <div>Body</div>\n        <div\n          v-if=\"loader.isActive\"\n          class=\"mr-2 flex items-center gap-2\">\n          <ScalarLoading\n            :loader\n            size=\"xs\" />\n          <span class=\"text-c-2\"> Listening… </span>\n        </div>\n      </div>\n    </template>\n\n    <div\n      ref=\"contentContainer\"\n      class=\"text-xxs font-code h-full overflow-auto leading-6 whitespace-pre-wrap\">\n      <template v-if=\"errorRef\">\n        <div class=\"text-red bg-b-danger sticky top-0 border-b p-2\">\n          {{ errorRef.message }}\n        </div>\n      </template>\n      <template v-if=\"textContent\">\n        <div class=\"p-2\">\n          {{ textContent }}\n        </div>\n      </template>\n    </div>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseBodyStreaming.vue.script.js

@@ -0,0 +1,85 @@
+import ViewLayoutCollapse_default from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, onBeforeUnmount, onMounted, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { ScalarLoading, useLoadingState } from "@scalar/components";
+//#region src/views/Request/ResponseSection/ResponseBodyStreaming.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex w-full items-center justify-between" };
+var _hoisted_2 = {
+	key: 0,
+	class: "mr-2 flex items-center gap-2"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "text-red bg-b-danger sticky top-0 border-b p-2"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "p-2"
+};
+var ResponseBodyStreaming_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyStreaming",
+	props: { reader: {} },
+	setup(__props) {
+		const loader = useLoadingState();
+		const textContent = ref("");
+		const errorRef = ref(null);
+		const decoder = new TextDecoder();
+		const contentContainer = ref(null);
+		/**
+		* Scrolls the content container to the bottom
+		*/
+		const scrollToBottom = () => {
+			if (contentContainer.value) contentContainer.value.scrollTop = contentContainer.value.scrollHeight;
+		};
+		watch(textContent, () => {
+			nextTick(scrollToBottom);
+		});
+		/**
+		* Reads the stream and appends the content
+		*/
+		async function readStream() {
+			try {
+				while (loader.isLoading) {
+					const { done, value } = await __props.reader.read();
+					if (done) {
+						loader.clear();
+						break;
+					}
+					if (value) textContent.value += decoder.decode(value, { stream: true });
+				}
+			} catch (error) {
+				console.error("Error reading stream:", error);
+				loader.clear();
+				errorRef.value = error;
+			} finally {
+				textContent.value += decoder.decode();
+			}
+		}
+		onMounted(() => {
+			loader.start();
+			readStream();
+			errorRef.value = null;
+		});
+		onBeforeUnmount(() => {
+			__props.reader.cancel();
+			loader.clear();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayoutCollapse_default, { class: "max-h-content overflow-y-hidden" }, {
+				title: withCtx(() => [createElementVNode("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("div", null, "Body", -1)), unref(loader).isActive ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(ScalarLoading), {
+					loader: unref(loader),
+					size: "xs"
+				}, null, 8, ["loader"]), _cache[0] || (_cache[0] = createElementVNode("span", { class: "text-c-2" }, " Listening… ", -1))])) : createCommentVNode("", true)])]),
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "contentContainer",
+					ref: contentContainer,
+					class: "text-xxs font-code h-full overflow-auto leading-6 whitespace-pre-wrap"
+				}, [errorRef.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(errorRef.value.message), 1)) : createCommentVNode("", true), textContent.value ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(textContent.value), 1)) : createCommentVNode("", true)], 512)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ResponseBodyStreaming_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyStreaming.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseBodyStreaming.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyStreaming.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyStreaming.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarLoading, useLoadingState } from '@scalar/components'\nimport { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\n\nconst { reader } = defineProps<{\n  reader: ReadableStreamDefaultReader<Uint8Array>\n}>()\n\nconst loader = useLoadingState()\n\nconst textContent = ref('')\nconst errorRef = ref<Error | null>(null)\nconst decoder = new TextDecoder()\nconst contentContainer = ref<HTMLElement | null>(null)\n\n/**\n * Scrolls the content container to the bottom\n */\nconst scrollToBottom = () => {\n  if (contentContainer.value) {\n    contentContainer.value.scrollTop = contentContainer.value.scrollHeight\n  }\n}\n\n// Watch for changes in textContent and scroll to bottom\nwatch(textContent, () => {\n  // Use nextTick to ensure the DOM has updated\n  nextTick(scrollToBottom)\n})\n\n/**\n * Reads the stream and appends the content\n */\nasync function readStream() {\n  try {\n    while (loader.isLoading) {\n      const { done, value } = await reader.read()\n\n      if (done) {\n        loader.clear()\n        break\n      }\n\n      // Decode the Uint8Array to string and append to content\n      if (value) {\n        textContent.value += decoder.decode(value, { stream: true })\n      }\n    }\n  } catch (error) {\n    console.error('Error reading stream:', error)\n    loader.clear()\n    errorRef.value = error as Error\n  } finally {\n    // Make sure to decode any remaining bytes\n    textContent.value += decoder.decode()\n  }\n}\n\nonMounted(() => {\n  loader.start()\n  readStream()\n  errorRef.value = null\n})\n\nonBeforeUnmount(() => {\n  reader.cancel()\n  loader.clear()\n})\n</script>\n\n<template>\n  <ViewLayoutCollapse class=\"max-h-content overflow-y-hidden\">\n    <template #title>\n      <div class=\"flex w-full items-center justify-between\">\n        <div>Body</div>\n        <div\n          v-if=\"loader.isActive\"\n          class=\"mr-2 flex items-center gap-2\">\n          <ScalarLoading\n            :loader\n            size=\"xs\" />\n          <span class=\"text-c-2\"> Listening… </span>\n        </div>\n      </div>\n    </template>\n\n    <div\n      ref=\"contentContainer\"\n      class=\"text-xxs font-code h-full overflow-auto leading-6 whitespace-pre-wrap\">\n      <template v-if=\"errorRef\">\n        <div class=\"text-red bg-b-danger sticky top-0 border-b p-2\">\n          {{ errorRef.message }}\n        </div>\n      </template>\n      <template v-if=\"textContent\">\n        <div class=\"p-2\">\n          {{ textContent }}\n        </div>\n      </template>\n    </div>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,SAAS,iBAAgB;EAE/B,MAAM,cAAc,IAAI,GAAE;EAC1B,MAAM,WAAW,IAAkB,KAAI;EACvC,MAAM,UAAU,IAAI,aAAY;EAChC,MAAM,mBAAmB,IAAwB,KAAI;;;;EAKrD,MAAM,uBAAuB;AAC3B,OAAI,iBAAiB,MACnB,kBAAiB,MAAM,YAAY,iBAAiB,MAAM;;AAK9D,QAAM,mBAAmB;AAEvB,YAAS,eAAc;IACxB;;;;EAKD,eAAe,aAAa;AAC1B,OAAI;AACF,WAAO,OAAO,WAAW;KACvB,MAAM,EAAE,MAAM,UAAU,MAAM,QAAA,OAAO,MAAK;AAE1C,SAAI,MAAM;AACR,aAAO,OAAM;AACb;;AAIF,SAAI,MACF,aAAY,SAAS,QAAQ,OAAO,OAAO,EAAE,QAAQ,MAAM,CAAA;;YAGxD,OAAO;AACd,YAAQ,MAAM,yBAAyB,MAAK;AAC5C,WAAO,OAAM;AACb,aAAS,QAAQ;aACT;AAER,gBAAY,SAAS,QAAQ,QAAO;;;AAIxC,kBAAgB;AACd,UAAO,OAAM;AACb,eAAW;AACX,YAAS,QAAQ;IAClB;AAED,wBAAsB;AACpB,WAAA,OAAO,QAAO;AACd,UAAO,OAAM;IACd;;uBAIC,YA6BqB,4BAAA,EA7BD,OAAM,mCAAiC,EAAA;IAC9C,OAAK,cAWR,CAVN,mBAUM,OAVN,YAUM,CAAA,OAAA,OAAA,OAAA,KATJ,mBAAe,OAAA,MAAV,QAAI,GAAA,GAED,MAAA,OAAM,CAAC,YAAA,WAAA,EADf,mBAOM,OAPN,YAOM,CAJJ,YAEc,MAAA,cAAA,EAAA;KADX,QAAA,MAAA,OAAM;KACP,MAAK;uDACP,mBAA0C,QAAA,EAApC,OAAM,YAAU,EAAC,gBAAY,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA;2BAkBnC,CAbN,mBAaM,OAAA;cAZA;KAAJ,KAAI;KACJ,OAAM;QACU,SAAA,SAAA,WAAA,EACd,mBAEM,OAFN,YAEM,gBADD,SAAA,MAAS,QAAO,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAGP,YAAA,SAAA,WAAA,EACd,mBAEM,OAFN,YAEM,gBADD,YAAA,MAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,CAAA,CAAA"}

package/dist/views/Request/ResponseSection/ResponseBodyToggle.vue.js

@@ -0,0 +1,7 @@
+import ResponseBodyToggle_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyToggle.vue.script.js";
+//#region src/views/Request/ResponseSection/ResponseBodyToggle.vue
+var ResponseBodyToggle_default = ResponseBodyToggle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ResponseBodyToggle_default as default };
+
+//# sourceMappingURL=ResponseBodyToggle.vue.js.map

package/dist/views/Request/ResponseSection/ResponseBodyToggle.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyToggle.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  modelValue: boolean\n}>()\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', true)\">\n      Preview\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': !modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', false)\">\n      Raw\n    </button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseBodyToggle.vue.script.js

@@ -0,0 +1,25 @@
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, withModifiers } from "vue";
+//#region src/views/Request/ResponseSection/ResponseBodyToggle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5" };
+var ResponseBodyToggle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyToggle",
+	props: { modelValue: { type: Boolean } },
+	emits: ["update:modelValue"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+				class: normalizeClass(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": __props.modelValue }]),
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("update:modelValue", true), ["stop"]))
+			}, " Preview ", 2), createElementVNode("button", {
+				class: normalizeClass(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": !__props.modelValue }]),
+				type: "button",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("update:modelValue", false), ["stop"]))
+			}, " Raw ", 2)]);
+		};
+	}
+});
+//#endregion
+export { ResponseBodyToggle_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyToggle.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseBodyToggle.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyToggle.vue.script.js","names":["$emit"],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  modelValue: boolean\n}>()\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', true)\">\n      Preview\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': !modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', false)\">\n      Raw\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;uBASE,mBAgBM,OAhBN,YAgBM,CAdJ,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCACW,QAAA,YAAU,CAAA,CAAA;IACtD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,KAAA,EAAA,CAAA,OAAA,CAAA;MAA6B,aAEjD,EAAA,EACA,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCAAA,CACY,QAAA,YAAU,CAAA,CAAA;IACvD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,MAAA,EAAA,CAAA,OAAA,CAAA;MAA8B,SAElD,EAAA,CAAA,CAAA"}

package/dist/views/Request/ResponseSection/ResponseBodyVirtual.vue.js

@@ -0,0 +1,8 @@
+import ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyVirtual.vue.script.js";
+/* empty css                                  */
+//#region src/views/Request/ResponseSection/ResponseBodyVirtual.vue
+var ResponseBodyVirtual_default = ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ResponseBodyVirtual_default as default };
+
+//# sourceMappingURL=ResponseBodyVirtual.vue.js.map

package/dist/views/Request/ResponseSection/ResponseBodyVirtual.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyVirtual.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyVirtual.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarVirtualText } from '@scalar/components'\nimport { formatJsonOrYamlString } from '@scalar/oas-utils/helpers'\nimport { computed, toRef } from 'vue'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { useResponseBody } from '@/hooks/useResponseBody'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\n\nconst props = defineProps<{\n  content: string\n  data: unknown\n  headers: { name: string; value: string; required: boolean }[]\n}>()\n\nconst textContent = computed(() => formatJsonOrYamlString(props.content))\n\nconst { mimeType, attachmentFilename, dataUrl } = useResponseBody({\n  data: toRef(props, 'data'),\n  headers: toRef(props, 'headers'),\n})\n</script>\n\n<template>\n  <ViewLayoutCollapse class=\"!max-h-100% response-body-virtual overflow-x-auto\">\n    <template #title>Body</template>\n    <template\n      v-if=\"dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"attachmentFilename\"\n        :href=\"dataUrl\"\n        :type=\"mimeType.essence\" />\n    </template>\n    <div class=\"font-code text-xxs rounded-t border border-b-0 px-2.5 py-1.5\">\n      This response body is massive! Syntax highlighting won't work here.\n    </div>\n    <ScalarVirtualText\n      containerClass=\"custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen\"\n      contentClass=\"language-plaintext whitespace-pre font-code text-base\"\n      :lineHeight=\"20\"\n      :text=\"textContent\" />\n  </ViewLayoutCollapse>\n</template>\n\n<style>\n.response-body-virtual[data-headlessui-state='open'],\n.response-body-virtual[data-headlessui-state='open'] .diclosure-panel {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n</style>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseBodyVirtual.vue.script.js

@@ -0,0 +1,51 @@
+import { useResponseBody } from "../../../hooks/useResponseBody.js";
+import ViewLayoutCollapse_default from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import ResponseBodyDownload_default from "./ResponseBodyDownload.vue.js";
+import { computed, createBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, openBlock, toRef, unref, withCtx } from "vue";
+import { ScalarVirtualText } from "@scalar/components";
+import { formatJsonOrYamlString } from "@scalar/oas-utils/helpers";
+//#region src/views/Request/ResponseSection/ResponseBodyVirtual.vue?vue&type=script&setup=true&lang.ts
+var ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyVirtual",
+	props: {
+		content: {},
+		data: {},
+		headers: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const textContent = computed(() => formatJsonOrYamlString(props.content));
+		const { mimeType, attachmentFilename, dataUrl } = useResponseBody({
+			data: toRef(props, "data"),
+			headers: toRef(props, "headers")
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayoutCollapse_default, { class: "!max-h-100% response-body-virtual overflow-x-auto" }, createSlots({
+				title: withCtx(() => [_cache[0] || (_cache[0] = createTextVNode("Body", -1))]),
+				default: withCtx(() => [_cache[1] || (_cache[1] = createElementVNode("div", { class: "font-code text-xxs rounded-t border border-b-0 px-2.5 py-1.5" }, " This response body is massive! Syntax highlighting won't work here. ", -1)), createVNode(unref(ScalarVirtualText), {
+					containerClass: "custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen",
+					contentClass: "language-plaintext whitespace-pre font-code text-base",
+					lineHeight: 20,
+					text: textContent.value
+				}, null, 8, ["text"])]),
+				_: 2
+			}, [unref(dataUrl) ? {
+				name: "actions",
+				fn: withCtx(() => [createVNode(ResponseBodyDownload_default, {
+					filename: unref(attachmentFilename),
+					href: unref(dataUrl),
+					type: unref(mimeType).essence
+				}, null, 8, [
+					"filename",
+					"href",
+					"type"
+				])]),
+				key: "0"
+			} : void 0]), 1024);
+		};
+	}
+});
+//#endregion
+export { ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyVirtual.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseBodyVirtual.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyVirtual.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBodyVirtual.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarVirtualText } from '@scalar/components'\nimport { formatJsonOrYamlString } from '@scalar/oas-utils/helpers'\nimport { computed, toRef } from 'vue'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { useResponseBody } from '@/hooks/useResponseBody'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\n\nconst props = defineProps<{\n  content: string\n  data: unknown\n  headers: { name: string; value: string; required: boolean }[]\n}>()\n\nconst textContent = computed(() => formatJsonOrYamlString(props.content))\n\nconst { mimeType, attachmentFilename, dataUrl } = useResponseBody({\n  data: toRef(props, 'data'),\n  headers: toRef(props, 'headers'),\n})\n</script>\n\n<template>\n  <ViewLayoutCollapse class=\"!max-h-100% response-body-virtual overflow-x-auto\">\n    <template #title>Body</template>\n    <template\n      v-if=\"dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"attachmentFilename\"\n        :href=\"dataUrl\"\n        :type=\"mimeType.essence\" />\n    </template>\n    <div class=\"font-code text-xxs rounded-t border border-b-0 px-2.5 py-1.5\">\n      This response body is massive! Syntax highlighting won't work here.\n    </div>\n    <ScalarVirtualText\n      containerClass=\"custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen\"\n      contentClass=\"language-plaintext whitespace-pre font-code text-base\"\n      :lineHeight=\"20\"\n      :text=\"textContent\" />\n  </ViewLayoutCollapse>\n</template>\n\n<style>\n.response-body-virtual[data-headlessui-state='open'],\n.response-body-virtual[data-headlessui-state='open'] .diclosure-panel {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAMd,MAAM,cAAc,eAAe,uBAAuB,MAAM,QAAQ,CAAA;EAExE,MAAM,EAAE,UAAU,oBAAoB,YAAY,gBAAgB;GAChE,MAAM,MAAM,OAAO,OAAO;GAC1B,SAAS,MAAM,OAAO,UAAU;GACjC,CAAA;;uBAIC,YAkBqB,4BAAA,EAlBD,OAAM,qDAAmD,EAAA,YAAA;IAChE,OAAK,cAAK,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAJ,QAAI,GAAA,EAAA,CAAA;2BAWf,CAAA,OAAA,OAAA,OAAA,KAFN,mBAEM,OAAA,EAFD,OAAM,gEAA8D,EAAC,yEAE1E,GAAA,GACA,YAIwB,MAAA,kBAAA,EAAA;KAHtB,gBAAe;KACf,cAAa;KACZ,YAAY;KACZ,MAAM,YAAA;;;OAdD,MAAA,QAAO,GAAA;UACZ;sBAI4B,CAH7B,YAG6B,8BAAA;KAF1B,UAAU,MAAA,mBAAkB;KAC5B,MAAM,MAAA,QAAO;KACb,MAAM,MAAA,SAAQ,CAAC"}

package/dist/views/Request/ResponseSection/ResponseCookies.vue.js

@@ -0,0 +1,7 @@
+import ResponseCookies_vue_vue_type_script_setup_true_lang_default from "./ResponseCookies.vue.script.js";
+//#region src/views/Request/ResponseSection/ResponseCookies.vue
+var ResponseCookies_default = ResponseCookies_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ResponseCookies_default as default };
+
+//# sourceMappingURL=ResponseCookies.vue.js.map

package/dist/views/Request/ResponseSection/ResponseCookies.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseCookies.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport DataTableText from '@/components/DataTable/DataTableText.vue'\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\n\ndefineProps<{\n  cookies: { name: string; value: string; required: boolean }[]\n}>()\n</script>\n<template>\n  <ViewLayoutCollapse :defaultOpen=\"false\">\n    <template #title>Cookies</template>\n    <template v-if=\"true\">\n      <DataTable\n        v-if=\"cookies.length\"\n        class=\"flex-1\"\n        :columns=\"['', '']\">\n        <DataTableRow\n          v-for=\"item in cookies\"\n          :key=\"item.name\">\n          <DataTableText :text=\"item.name\" />\n          <DataTableText :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\n      <!-- Empty state -->\n      <div\n        v-else\n        class=\"text-c-3 bg-b-1 flex min-h-[65px] items-center justify-center border-t px-4 text-sm\">\n        No cookies\n      </div>\n    </template>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseCookies.vue.script.js

@@ -0,0 +1,39 @@
+import DataTable_default from "../../../components/DataTable/DataTable.vue.js";
+import DataTableRow_default from "../../../components/DataTable/DataTableRow.vue.js";
+import DataTableText_default from "../../../components/DataTable/DataTableText.vue.js";
+import ViewLayoutCollapse_default from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, withCtx } from "vue";
+//#region src/views/Request/ResponseSection/ResponseCookies.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "text-c-3 bg-b-1 flex min-h-[65px] items-center justify-center border-t px-4 text-sm"
+};
+var ResponseCookies_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseCookies",
+	props: { cookies: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayoutCollapse_default, { defaultOpen: false }, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Cookies", -1)])]),
+				default: withCtx(() => [(openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.cookies.length ? (openBlock(), createBlock(DataTable_default, {
+					key: 0,
+					class: "flex-1",
+					columns: ["", ""]
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.cookies, (item) => {
+						return openBlock(), createBlock(DataTableRow_default, { key: item.name }, {
+							default: withCtx(() => [createVNode(DataTableText_default, { text: item.name }, null, 8, ["text"]), createVNode(DataTableText_default, { text: item.value }, null, 8, ["text"])]),
+							_: 2
+						}, 1024);
+					}), 128))]),
+					_: 1
+				})) : (openBlock(), createElementBlock("div", _hoisted_1, " No cookies "))], 64))]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ResponseCookies_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseCookies.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseCookies.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseCookies.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport DataTableText from '@/components/DataTable/DataTableText.vue'\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\n\ndefineProps<{\n  cookies: { name: string; value: string; required: boolean }[]\n}>()\n</script>\n<template>\n  <ViewLayoutCollapse :defaultOpen=\"false\">\n    <template #title>Cookies</template>\n    <template v-if=\"true\">\n      <DataTable\n        v-if=\"cookies.length\"\n        class=\"flex-1\"\n        :columns=\"['', '']\">\n        <DataTableRow\n          v-for=\"item in cookies\"\n          :key=\"item.name\">\n          <DataTableText :text=\"item.name\" />\n          <DataTableText :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\n      <!-- Empty state -->\n      <div\n        v-else\n        class=\"text-c-3 bg-b-1 flex min-h-[65px] items-center justify-center border-t px-4 text-sm\">\n        No cookies\n      </div>\n    </template>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;uBAWE,YAqBqB,4BAAA,EArBA,aAAa,OAAK,EAAA;IAC1B,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;2BAmBb,EAAA,WAAA,EAlBX,mBAkBW,UAAA,EAAA,KAAA,GAAA,EAAA,CAhBD,QAAA,QAAQ,UAAA,WAAA,EADhB,YAUY,mBAAA;;KARV,OAAM;KACL,SAAS,CAAA,IAAA,GAAQ;;4BAEO,EAAA,UAAA,KAAA,EADzB,mBAKe,UAAA,MAAA,WAJE,QAAA,UAAR,SAAI;0BADb,YAKe,sBAAA,EAHZ,KAAK,KAAK,MAAA,EAAA;8BACwB,CAAnC,YAAmC,uBAAA,EAAnB,MAAM,KAAK,MAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,EAC3B,YAAoC,uBAAA,EAApB,MAAM,KAAK,OAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;wBAI/B,mBAIM,OAJN,YAE8F,eAE9F,EAAA,EAAA,GAAA,EAAA,CAAA"}

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import ResponseEmpty_vue_vue_type_script_setup_true_lang_default from "./ResponseEmpty.vue.script.js";
+/* empty css                            */
+//#region src/views/Request/ResponseSection/ResponseEmpty.vue
+var ResponseEmpty_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseEmpty_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6d2bdb61"]]);
+//#endregion
+export { ResponseEmpty_default as default };
+
+//# sourceMappingURL=ResponseEmpty.vue.js.map

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseEmpty.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarHotkey } from '@scalar/components'\nimport type { Collection, Operation } from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { nextTick, onBeforeUnmount, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport EmptyState from '@/components/EmptyState.vue'\nimport ScalarAsciiArt from '@/components/ScalarAsciiArt.vue'\nimport { useLayout } from '@/hooks'\nimport type { HotKeyEvent } from '@/libs'\nimport { useWorkspace } from '@/store'\n\nconst { numWorkspaceRequests, collection, operation, workspace } = defineProps<{\n  collection: Collection\n  operation: Operation\n  workspace: Workspace\n  numWorkspaceRequests: number\n}>()\n\nconst { events, requestMutators } = useWorkspace()\nconst route = useRoute()\nconst router = useRouter()\nconst { layout } = useLayout()\n\nconst addRequest = () => {\n  // If the request has tags, add the first tag to the new request\n  const requestData = operation.tags?.length\n    ? { tags: operation.tags[0] ? [operation.tags[0]] : [] }\n    : {}\n\n  const newRequest = requestMutators.add(requestData, collection.uid)\n\n  if (newRequest) {\n    router.push({\n      name: 'request',\n      params: {\n        workspace: workspace.uid,\n        request: newRequest.uid,\n      },\n    })\n\n    nextTick(() => {\n      events.hotKeys.emit({\n        focusAddressBar: new KeyboardEvent('keydown', { key: 'l' }),\n      })\n    })\n  }\n}\n\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (event?.createNew && route.name === 'request') {\n    addRequest()\n  }\n}\n\nconst packageVersion = PACKAGE_VERSION\n\nonMounted(() => events.hotKeys.on(handleHotKey))\nonBeforeUnmount(() => events.hotKeys.off(handleHotKey))\n</script>\n<template>\n  <div class=\"flex-center relative flex flex-1 flex-col gap-6 p-2 capitalize\">\n    <div\n      class=\"flex h-[calc(100%_-_50px)] flex-col items-center justify-center\"\n      :class=\"{\n        'hidden opacity-0': numWorkspaceRequests <= 1 && layout !== 'modal',\n      }\">\n      <div\n        v-if=\"layout !== 'modal'\"\n        class=\"scalar-version-number\">\n        Scalar App V{{ packageVersion }} Beta\n        <div class=\"mt-2\">\n          <a\n            href=\"https://github.com/scalar/scalar/issues/2669\"\n            target=\"_blank\">\n            Roadmap\n          </a>\n        </div>\n      </div>\n      <a\n        class=\"gitbook-show scalar-version-number\"\n        href=\"https://www.scalar.com\"\n        target=\"_blank\">\n        Powered By Scalar.com\n      </a>\n      <ScalarAsciiArt\n        :art=\"Computer\"\n        class=\"text-c-3\" />\n    </div>\n    <div\n      v-if=\"layout !== 'modal'\"\n      class=\"hidden h-[calc(100%_-_50px)] items-center justify-center pb-5\"\n      :class=\"{\n        '!flex opacity-100': numWorkspaceRequests == 1,\n      }\">\n      <EmptyState />\n    </div>\n    <div\n      class=\"text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm\">\n      <button\n        v-if=\"layout !== 'modal'\"\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"events.commandPalette.emit()\">\n        Get Started\n        <ScalarHotkey hotkey=\"k\" />\n      </button>\n      <button\n        v-if=\"layout === 'desktop'\"\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"addRequest()\">\n        New Request\n        <ScalarHotkey hotkey=\"N\" />\n      </button>\n      <button\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"events.executeRequest.emit()\">\n        Send Request\n        <ScalarHotkey hotkey=\"↵\" />\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.scalar-version-number {\n  transform: skew(0deg, 13deg);\n  width: 76px;\n  height: 76px;\n  position: absolute;\n  margin-left: -36px;\n  font-size: 8px;\n  font-family: var(--scalar-font-code);\n  line-height: 11px;\n  margin-top: -113px;\n  border-radius: 9px 9px 16px 12px;\n  box-shadow: inset 2px 0px 0 2px var(--scalar-background-2);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-transform: initial;\n  text-decoration-color: var(--scalar-color-3);\n}\n.scalar-version-number a {\n  font-weight: bold;\n  font-weight: bold;\n  background: var(--scalar-background-2);\n  padding: 2px 4px;\n  border-radius: 3px;\n  text-decoration: none;\n  border: 0.5px solid var(--scalar-border-color);\n}\n\n.gitbook-show {\n  display: none;\n}\n</style>\n"],"mappings":""}