@scalar/api-client 3.8.2 → 3.8.4

package/dist/v2/blocks/response-block/components/ResponseBodyPreview.vue.script.js

@@ -5,7 +5,7 @@ import { computed, createBlock, createElementBlock, createElementVNode, createTe
 var _hoisted_1 = ["src"];
 var _hoisted_2 = ["src", "type"];
 var _hoisted_3 = ["src", "type"];
-var _hoisted_4 = ["data", "type"];
+var _hoisted_4 = ["src", "sandbox"];
 var ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ResponseBodyPreview",
 	props: {
@@ -25,7 +25,46 @@ var ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 			if (value == null) return "";
 			return String(value);
 		});
+		/**
+		* Validates the `src` against an allow-list of safe protocols before it is
+		* passed to a rendering element. This blocks XSS vectors such as
+		* `javascript:` and `vbscript:` URIs and also prevents accidentally embedding
+		* a `data:text/html` payload that could execute script in the app origin.
+		*
+		* Allowed:
+		*   - `blob:` (the standard case — generated client-side by `URL.createObjectURL`)
+		*   - `http:` / `https:`
+		*   - `data:` URIs whose MIME type is a known safe media kind
+		*     (`image/*`, `video/*`, `audio/*`, `application/pdf`, `application/octet-stream`)
+		*
+		* Anything else (including malformed or relative URLs) collapses to an empty
+		* string so the template falls back to the "Preview unavailable" message.
+		*/
+		const safeSrc = computed(() => {
+			if (!__props.src) return "";
+			if (/^data:/i.test(__props.src)) return /^data:(?:(?:image|video|audio)\/[a-z0-9.+-]+|application\/pdf|application\/octet-stream)[;,]/i.test(__props.src) ? __props.src : "";
+			try {
+				const parsed = new URL(__props.src);
+				if (parsed.protocol === "blob:" || parsed.protocol === "http:" || parsed.protocol === "https:") return __props.src;
+			} catch {}
+			return "";
+		});
 		const error = ref(false);
+		/**
+		* Whether the embedded document is a PDF.
+		*
+		* PDFs are rendered by the browser's own PDF engine (e.g. PDFium), which runs
+		* in an isolated context that cannot reach this app's origin — its DOM,
+		* cookies or storage. A PDF's embedded JavaScript therefore cannot be used to
+		* attack us, and a strict `sandbox=""` does not confine that engine; it only
+		* prevents Chromium from loading the PDF viewer at all (it boots as a scripted
+		* extension page), leaving the user with a blank frame. So PDFs are rendered
+		* without the `sandbox` attribute, matching the original `<object>` behaviour.
+		*
+		* Everything else that reaches the iframe (notably `text/html`, the genuine
+		* XSS vector) keeps the strict empty sandbox.
+		*/
+		const isPdf = computed(() => __props.type.trim().toLowerCase() === "application/pdf");
 		watch(() => __props.src, () => error.value = false);
 		return (_ctx, _cache) => {
 			return __props.mode === "json" ? (openBlock(), createBlock(ResponseBodyRaw_default, {
@@ -33,39 +72,42 @@ var ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 				content: jsonPreviewContent.value,
 				language: "json",
 				prettyPrintJson: ""
-			}, null, 8, ["content"])) : !error.value && __props.src ? (openBlock(), createElementBlock("div", {
+			}, null, 8, ["content"])) : !error.value && safeSrc.value ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				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,
+				src: safeSrc.value,
+				referrerpolicy: "no-referrer",
 				onError: _cache[0] || (_cache[0] = ($event) => error.value = true)
 			}, null, 42, _hoisted_1)) : __props.mode === "video" ? (openBlock(), createElementBlock("video", {
 				key: 1,
 				autoplay: "",
 				controls: "",
+				referrerpolicy: "no-referrer",
 				width: "100%",
 				onError: _cache[1] || (_cache[1] = ($event) => error.value = true)
 			}, [createElementVNode("source", {
-				src: __props.src,
+				src: safeSrc.value,
 				type: __props.type
 			}, null, 8, _hoisted_2)], 32)) : __props.mode === "audio" ? (openBlock(), createElementBlock("audio", {
 				key: 2,
 				class: "my-12",
 				controls: "",
+				referrerpolicy: "no-referrer",
 				onError: _cache[2] || (_cache[2] = ($event) => error.value = true)
 			}, [createElementVNode("source", {
-				src: __props.src,
+				src: safeSrc.value,
 				type: __props.type
-			}, null, 8, _hoisted_3)], 32)) : (openBlock(), createElementBlock("object", {
+			}, null, 8, _hoisted_3)], 32)) : (openBlock(), createElementBlock("iframe", {
 				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: 2 }, {
-				default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Preview unavailable", -1)])]),
+				class: "aspect-[4/3] w-full border-0",
+				src: safeSrc.value,
+				sandbox: isPdf.value ? void 0 : "",
+				referrerpolicy: "no-referrer"
+			}, null, 8, _hoisted_4))], 2)) : (openBlock(), createBlock(ResponseBodyInfo_default, { key: 2 }, {
+				default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Preview unavailable", -1)])]),
 				_: 1
 			}));
 		};

package/dist/v2/blocks/response-block/components/ResponseBodyPreview.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyPreview.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyPreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\n\nimport { type MediaPreview } from '@/v2/blocks/response-block/helpers/media-types'\n\nimport ResponseBodyInfo from './ResponseBodyInfo.vue'\nimport ResponseBodyRaw from './ResponseBodyRaw.vue'\n\nconst {\n  src,\n  type,\n  mode,\n  alpha = false,\n  content,\n} = defineProps<{\n  src: string\n  type: string\n  mode: MediaPreview\n  alpha?: boolean | undefined\n  /** Decoded body; used when `mode` is `json` for pretty-printed preview (no JSON.parse round-trip). */\n  content?: unknown\n}>()\n\nconst jsonPreviewContent = computed((): string => {\n  const value = content\n  if (typeof value === 'string') {\n    return value\n  }\n  if (value == null) {\n    return ''\n  }\n  return String(value)\n})\n\nconst error = ref(false)\n\nwatch(\n  () => src,\n  () => (error.value = false),\n)\n</script>\n<template>\n  <ResponseBodyRaw\n    v-if=\"mode === 'json'\"\n    :content=\"jsonPreviewContent\"\n    language=\"json\"\n    prettyPrintJson />\n  <div\n    v-else-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":";;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,qBAAqB,eAAuB;GAChD,MAAM,QAAQ,QAAA;AACd,OAAI,OAAO,UAAU,SACnB,QAAO;AAET,OAAI,SAAS,KACX,QAAO;AAET,UAAO,OAAO,MAAK;IACpB;EAED,MAAM,QAAQ,IAAI,MAAK;AAEvB,cACQ,QAAA,WACC,MAAM,QAAQ,MACvB;;UAIU,QAAA,SAAI,UAAA,WAAA,EADZ,YAIoB,yBAAA;;IAFjB,SAAS,mBAAA;IACV,UAAS;IACT,iBAAA;gCAEY,MAAA,SAAS,QAAA,OAAA,WAAA,EADvB,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"}
+{"version":3,"file":"ResponseBodyPreview.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyPreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\n\nimport { type MediaPreview } from '@/v2/blocks/response-block/helpers/media-types'\n\nimport ResponseBodyInfo from './ResponseBodyInfo.vue'\nimport ResponseBodyRaw from './ResponseBodyRaw.vue'\n\nconst {\n  src,\n  type,\n  mode,\n  alpha = false,\n  content,\n} = defineProps<{\n  src: string\n  type: string\n  mode: MediaPreview\n  alpha?: boolean | undefined\n  /** Decoded body; used when `mode` is `json` for pretty-printed preview (no JSON.parse round-trip). */\n  content?: unknown\n}>()\n\nconst jsonPreviewContent = computed((): string => {\n  const value = content\n  if (typeof value === 'string') {\n    return value\n  }\n  if (value == null) {\n    return ''\n  }\n  return String(value)\n})\n\n/**\n * Validates the `src` against an allow-list of safe protocols before it is\n * passed to a rendering element. This blocks XSS vectors such as\n * `javascript:` and `vbscript:` URIs and also prevents accidentally embedding\n * a `data:text/html` payload that could execute script in the app origin.\n *\n * Allowed:\n *   - `blob:` (the standard case — generated client-side by `URL.createObjectURL`)\n *   - `http:` / `https:`\n *   - `data:` URIs whose MIME type is a known safe media kind\n *     (`image/*`, `video/*`, `audio/*`, `application/pdf`, `application/octet-stream`)\n *\n * Anything else (including malformed or relative URLs) collapses to an empty\n * string so the template falls back to the \"Preview unavailable\" message.\n */\nconst safeSrc = computed((): string => {\n  if (!src) {\n    return ''\n  }\n\n  if (/^data:/i.test(src)) {\n    // The MIME type must be one of the known safe kinds AND be terminated by\n    // `;` (parameters / `;base64`) or `,` (start of the payload). Anchoring\n    // at the terminator prevents prefix-matching tricks like\n    // `data:image/png-but-actually-html,…`.\n    return /^data:(?:(?:image|video|audio)\\/[a-z0-9.+-]+|application\\/pdf|application\\/octet-stream)[;,]/i.test(\n      src,\n    )\n      ? src\n      : ''\n  }\n\n  try {\n    const parsed = new URL(src)\n    if (\n      parsed.protocol === 'blob:' ||\n      parsed.protocol === 'http:' ||\n      parsed.protocol === 'https:'\n    ) {\n      return src\n    }\n  } catch {\n    // Malformed or relative URL — refuse to render.\n  }\n\n  return ''\n})\n\nconst error = ref(false)\n\n/**\n * Whether the embedded document is a PDF.\n *\n * PDFs are rendered by the browser's own PDF engine (e.g. PDFium), which runs\n * in an isolated context that cannot reach this app's origin — its DOM,\n * cookies or storage. A PDF's embedded JavaScript therefore cannot be used to\n * attack us, and a strict `sandbox=\"\"` does not confine that engine; it only\n * prevents Chromium from loading the PDF viewer at all (it boots as a scripted\n * extension page), leaving the user with a blank frame. So PDFs are rendered\n * without the `sandbox` attribute, matching the original `<object>` behaviour.\n *\n * Everything else that reaches the iframe (notably `text/html`, the genuine\n * XSS vector) keeps the strict empty sandbox.\n */\nconst isPdf = computed(\n  (): boolean => type.trim().toLowerCase() === 'application/pdf',\n)\n\nwatch(\n  () => src,\n  () => (error.value = false),\n)\n</script>\n<template>\n  <ResponseBodyRaw\n    v-if=\"mode === 'json'\"\n    :content=\"jsonPreviewContent\"\n    language=\"json\"\n    prettyPrintJson />\n  <div\n    v-else-if=\"!error && safeSrc\"\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=\"safeSrc\"\n      referrerpolicy=\"no-referrer\"\n      @error=\"error = true\" />\n    <video\n      v-else-if=\"mode === 'video'\"\n      autoplay\n      controls\n      referrerpolicy=\"no-referrer\"\n      width=\"100%\"\n      @error=\"error = true\">\n      <source\n        :src=\"safeSrc\"\n        :type=\"type\" />\n    </video>\n    <audio\n      v-else-if=\"mode === 'audio'\"\n      class=\"my-12\"\n      controls\n      referrerpolicy=\"no-referrer\"\n      @error=\"error = true\">\n      <source\n        :src=\"safeSrc\"\n        :type=\"type\" />\n    </audio>\n    <!--\n      `<object>` would execute scripts inside the embedded document in the\n      app's origin, so we render arbitrary previews inside an `<iframe>`\n      instead. Non-PDF documents (notably `text/html`) get an empty `sandbox`\n      attribute, which disables scripts, forms, popups and same-origin access.\n      PDFs are exempted (see `isPdf` above): the empty sandbox does not confine\n      the browser's PDF engine, it only stops the viewer from loading at all.\n\n      Note: an `error` event on `<iframe>` is not reliably fired for failed\n      navigations — browsers usually fire `load` even when the response is\n      blank or an error page, and a cross-origin sandboxed frame cannot be\n      introspected from JavaScript. There is therefore no useful runtime\n      fallback for an unreachable URL; the URL allow-list above is what\n      keeps unsafe content out in the first place.\n    -->\n    <iframe\n      v-else\n      class=\"aspect-[4/3] w-full border-0\"\n      :src=\"safeSrc\"\n      :sandbox=\"isPdf ? undefined : ''\"\n      referrerpolicy=\"no-referrer\" />\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":";;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,qBAAqB,eAAuB;GAChD,MAAM,QAAQ,QAAA;AACd,OAAI,OAAO,UAAU,SACnB,QAAO;AAET,OAAI,SAAS,KACX,QAAO;AAET,UAAO,OAAO,MAAK;IACpB;;;;;;;;;;;;;;;;EAiBD,MAAM,UAAU,eAAuB;AACrC,OAAI,CAAC,QAAA,IACH,QAAO;AAGT,OAAI,UAAU,KAAK,QAAA,IAAI,CAKrB,QAAO,gGAAgG,KACrG,QAAA,IACF,GACI,QAAA,MACA;AAGN,OAAI;IACF,MAAM,SAAS,IAAI,IAAI,QAAA,IAAG;AAC1B,QACE,OAAO,aAAa,WACpB,OAAO,aAAa,WACpB,OAAO,aAAa,SAEpB,QAAO,QAAA;WAEH;AAIR,UAAO;IACR;EAED,MAAM,QAAQ,IAAI,MAAK;;;;;;;;;;;;;;;EAgBvB,MAAM,QAAQ,eACG,QAAA,KAAK,MAAM,CAAC,aAAa,KAAK,kBAC/C;AAEA,cACQ,QAAA,WACC,MAAM,QAAQ,MACvB;;UAIU,QAAA,SAAI,UAAA,WAAA,EADZ,YAIoB,yBAAA;;IAFjB,SAAS,mBAAA;IACV,UAAS;IACT,iBAAA;gCAEY,MAAA,SAAS,QAAA,SAAA,WAAA,EADvB,mBAqDM,OAAA;;IAnDJ,OAAK,eAAA,CAAC,+CAA6C,EAAA,kBACvB,QAAA,OAAK,CAAA,CAAA;OAEzB,QAAA,SAAI,WAAA,WAAA,EADZ,mBAM0B,OAAA;;IAJxB,OAAK,eAAA,CAAC,qBAAmB,EAAA,SACN,QAAA,OAAK,CAAA,CAAA;IACvB,KAAK,QAAA;IACN,gBAAe;IACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;+BAEF,QAAA,SAAI,WAAA,WAAA,EADjB,mBAUQ,SAAA;;IARN,UAAA;IACA,UAAA;IACA,gBAAe;IACf,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,mBASQ,SAAA;;IAPN,OAAM;IACN,UAAA;IACA,gBAAe;IACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;OACb,mBAEiB,UAAA;IADd,KAAK,QAAA;IACL,MAAM,QAAA;kDAiBX,mBAKiC,UAAA;;IAH/B,OAAM;IACL,KAAK,QAAA;IACL,SAAS,MAAA,QAAQ,KAAA,IAAS;IAC3B,gBAAe;kDAEnB,YAA+D,0BAAA,EAAA,KAAA,GAAA,EAAA;2BAAnB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAnB,uBAAmB,GAAA,CAAA,EAAA,CAAA"}

package/dist/v2/blocks/response-block/components/ResponseBodyRaw.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyRaw.vue.script.js";
 /* empty css                              */
 //#region src/v2/blocks/response-block/components/ResponseBodyRaw.vue
-var ResponseBodyRaw_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-20050fd6"]]);
+var ResponseBodyRaw_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8c1df828"]]);
 //#endregion
 export { ResponseBodyRaw_default as default };
 

package/dist/v2/blocks/response-block/components/ResponseBodyRaw.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyRaw.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components'\nimport { useCodeMirror, type CodeMirrorLanguage } from '@scalar/use-codemirror'\nimport { computed, ref, toRef, useId } from 'vue'\n\nimport { prettifyJsoncString } from '@/v2/blocks/response-block/helpers/prettify-jsonc-string'\n\nconst props = defineProps<{\n  content: unknown\n  language: CodeMirrorLanguage | undefined\n  /** When true, JSON/JSONC strings are pretty-printed for the Preview tab (wire bytes stay unchanged in Raw). */\n  prettyPrintJson?: boolean\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst displayContent = computed((): string => {\n  const { content, language, prettyPrintJson = false } = props\n  if (typeof content !== 'string') {\n    if (content == null) {\n      return ''\n    }\n    return String(content)\n  }\n  if (prettyPrintJson && language === 'json') {\n    return prettifyJsoncString(content)\n  }\n  return content\n})\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(displayContent),\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 relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline\"\n    data-testid=\"response-body-raw\">\n    <div\n      class=\"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      :aria-controls=\"id\"\n      class=\"absolute top-2 right-2\"\n      :content=\"getCurrentContent()\" />\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:deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ResponseBodyRaw.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components/code-block'\nimport { useCodeMirror, type CodeMirrorLanguage } from '@scalar/use-codemirror'\nimport { computed, ref, toRef, useId } from 'vue'\n\nimport { prettifyJsoncString } from '@/v2/blocks/response-block/helpers/prettify-jsonc-string'\n\nconst props = defineProps<{\n  content: unknown\n  language: CodeMirrorLanguage | undefined\n  /** When true, JSON/JSONC strings are pretty-printed for the Preview tab (wire bytes stay unchanged in Raw). */\n  prettyPrintJson?: boolean\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst displayContent = computed((): string => {\n  const { content, language, prettyPrintJson = false } = props\n  if (typeof content !== 'string') {\n    if (content == null) {\n      return ''\n    }\n    return String(content)\n  }\n  if (prettyPrintJson && language === 'json') {\n    return prettifyJsoncString(content)\n  }\n  return content\n})\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(displayContent),\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 relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline\"\n    data-testid=\"response-body-raw\">\n    <div\n      class=\"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      :aria-controls=\"id\"\n      class=\"absolute top-2 right-2\"\n      :content=\"getCurrentContent()\" />\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:deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/response-block/components/ResponseBodyRaw.vue.script.js

@@ -1,7 +1,7 @@
 import { prettifyJsoncString } from "../helpers/prettify-jsonc-string.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, ref, toRef, unref, useId } from "vue";
-import { ScalarCodeBlockCopy } from "@scalar/components";
 import { useCodeMirror } from "@scalar/use-codemirror";
+import { ScalarCodeBlockCopy } from "@scalar/components/code-block";
 //#region src/v2/blocks/response-block/components/ResponseBodyRaw.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	class: "scalar-code-block group/code-block relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline",

package/dist/v2/blocks/response-block/components/ResponseBodyRaw.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyRaw.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components'\nimport { useCodeMirror, type CodeMirrorLanguage } from '@scalar/use-codemirror'\nimport { computed, ref, toRef, useId } from 'vue'\n\nimport { prettifyJsoncString } from '@/v2/blocks/response-block/helpers/prettify-jsonc-string'\n\nconst props = defineProps<{\n  content: unknown\n  language: CodeMirrorLanguage | undefined\n  /** When true, JSON/JSONC strings are pretty-printed for the Preview tab (wire bytes stay unchanged in Raw). */\n  prettyPrintJson?: boolean\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst displayContent = computed((): string => {\n  const { content, language, prettyPrintJson = false } = props\n  if (typeof content !== 'string') {\n    if (content == null) {\n      return ''\n    }\n    return String(content)\n  }\n  if (prettyPrintJson && language === 'json') {\n    return prettifyJsoncString(content)\n  }\n  return content\n})\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(displayContent),\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 relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline\"\n    data-testid=\"response-body-raw\">\n    <div\n      class=\"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      :aria-controls=\"id\"\n      class=\"absolute top-2 right-2\"\n      :content=\"getCurrentContent()\" />\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:deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAOd,MAAM,gBAAgB,IAA2B,KAAI;;EAErD,MAAM,KAAK,OAAM;EAgBjB,MAAM,EAAE,eAAe,cAAc;GACnC;GACA,UAAU;GACV,aAAa;GACb,SAAS,MAlBY,eAAuB;IAC5C,MAAM,EAAE,SAAS,UAAU,kBAAkB,UAAU;AACvD,QAAI,OAAO,YAAY,UAAU;AAC/B,SAAI,WAAW,KACb,QAAO;AAET,YAAO,OAAO,QAAO;;AAEvB,QAAI,mBAAmB,aAAa,OAClC,QAAO,oBAAoB,QAAO;AAEpC,WAAO;KACR,CAM+B;GAC9B,UAAU,YAAY,MAAM,SAAS;GACrC,iBAAiB;GAClB,CAAA;EAGD,MAAM,0BAA0B;AAC9B,UAAO,WAAW,OAAO,MAAM,IAAI,UAAU,IAAI;;;uBAIjD,mBAeM,OAfN,YAeM,CAZJ,mBAKM,OALN,YAKM,CADJ,mBAA2B,OAAA;aAAlB;IAAJ,KAAI;oBAIH,mBAAiB,IAAA,WAAA,EADzB,YAImC,MAAA,oBAAA,EAAA;;IAFhC,iBAAe,MAAA,GAAE;IAClB,OAAM;IACL,SAAS,mBAAiB"}
+{"version":3,"file":"ResponseBodyRaw.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components/code-block'\nimport { useCodeMirror, type CodeMirrorLanguage } from '@scalar/use-codemirror'\nimport { computed, ref, toRef, useId } from 'vue'\n\nimport { prettifyJsoncString } from '@/v2/blocks/response-block/helpers/prettify-jsonc-string'\n\nconst props = defineProps<{\n  content: unknown\n  language: CodeMirrorLanguage | undefined\n  /** When true, JSON/JSONC strings are pretty-printed for the Preview tab (wire bytes stay unchanged in Raw). */\n  prettyPrintJson?: boolean\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst displayContent = computed((): string => {\n  const { content, language, prettyPrintJson = false } = props\n  if (typeof content !== 'string') {\n    if (content == null) {\n      return ''\n    }\n    return String(content)\n  }\n  if (prettyPrintJson && language === 'json') {\n    return prettifyJsoncString(content)\n  }\n  return content\n})\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(displayContent),\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 relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline\"\n    data-testid=\"response-body-raw\">\n    <div\n      class=\"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      :aria-controls=\"id\"\n      class=\"absolute top-2 right-2\"\n      :content=\"getCurrentContent()\" />\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:deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAOd,MAAM,gBAAgB,IAA2B,KAAI;;EAErD,MAAM,KAAK,OAAM;EAgBjB,MAAM,EAAE,eAAe,cAAc;GACnC;GACA,UAAU;GACV,aAAa;GACb,SAAS,MAlBY,eAAuB;IAC5C,MAAM,EAAE,SAAS,UAAU,kBAAkB,UAAU;AACvD,QAAI,OAAO,YAAY,UAAU;AAC/B,SAAI,WAAW,KACb,QAAO;AAET,YAAO,OAAO,QAAO;;AAEvB,QAAI,mBAAmB,aAAa,OAClC,QAAO,oBAAoB,QAAO;AAEpC,WAAO;KACR,CAM+B;GAC9B,UAAU,YAAY,MAAM,SAAS;GACrC,iBAAiB;GAClB,CAAA;EAGD,MAAM,0BAA0B;AAC9B,UAAO,WAAW,OAAO,MAAM,IAAI,UAAU,IAAI;;;uBAIjD,mBAeM,OAfN,YAeM,CAZJ,mBAKM,OALN,YAKM,CADJ,mBAA2B,OAAA;aAAlB;IAAJ,KAAI;oBAIH,mBAAiB,IAAA,WAAA,EADzB,YAImC,MAAA,oBAAA,EAAA;;IAFhC,iBAAe,MAAA,GAAE;IAClB,OAAM;IACL,SAAS,mBAAiB"}

package/dist/v2/blocks/response-block/components/ResponseBodyStreaming.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyStreaming.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyStreaming.vue"],"names":[],"mappings":"AAwKA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAA;CAChD,CAAC;AAuPF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ResponseBodyStreaming.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyStreaming.vue"],"names":[],"mappings":"AAkKA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAA;CAChD,CAAC;AAuPF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/blocks/response-block/components/ResponseBodyStreaming.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyStreaming.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyStreaming.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarButton,\n  ScalarLoading,\n  useLoadingState,\n} from '@scalar/components'\nimport { nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nconst { reader } = defineProps<{\n  reader: ReadableStreamDefaultReader<Uint8Array>\n}>()\n\nconst loader = useLoadingState()\n\nconst textContent = ref('')\nconst errorRef = ref<Error | null>(null)\nconst contentContainer = ref<HTMLElement | null>(null)\n\n/** Track the current reader to prevent race conditions when reader changes */\nconst currentReader = ref<ReadableStreamDefaultReader<Uint8Array> | null>(null)\n\n/** Current decoder instance - reset for each new stream to prevent buffer corruption */\nconst decoder = ref<TextDecoder | 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, async () => {\n  // Use nextTick to ensure the DOM has updated\n  await nextTick(scrollToBottom)\n})\n\n/**\n * Reads the stream and appends the content\n */\nasync function readStream(\n  streamReader: ReadableStreamDefaultReader<Uint8Array>,\n) {\n  try {\n    while (loader.isLoading && currentReader.value === streamReader) {\n      const { done, value } = await streamReader.read()\n\n      // Stop if this reader is no longer the current one\n      if (currentReader.value !== streamReader) {\n        break\n      }\n\n      if (done) {\n        void loader.clear()\n        break\n      }\n\n      // Decode the Uint8Array to string and append to content\n      if (value && decoder.value) {\n        textContent.value += decoder.value.decode(value, { stream: true })\n      }\n    }\n  } catch (error) {\n    // Only handle the error if this is still the current reader\n    if (currentReader.value === streamReader) {\n      console.error('Error reading stream:', error)\n      void loader.clear()\n      errorRef.value = error as Error\n    }\n  } finally {\n    // Only finalize decoding if this is still the current reader\n    if (currentReader.value === streamReader && decoder.value) {\n      // Make sure to decode any remaining bytes\n      textContent.value += decoder.value.decode()\n    }\n  }\n}\n\nconst startStreaming = () => {\n  // Cancel the old reader if it exists\n  if (currentReader.value) {\n    currentReader.value.cancel()\n  }\n\n  // Set the new reader as current\n  currentReader.value = reader\n\n  // Reset state and start new stream\n  // Create a new decoder instance to prevent buffer corruption from previous streams\n  decoder.value = new TextDecoder()\n  loader.start()\n  textContent.value = ''\n  errorRef.value = null\n  void readStream(reader)\n}\n\nconst stopStreaming = () => {\n  if (currentReader.value) {\n    currentReader.value.cancel()\n    currentReader.value = null\n  }\n  void loader.clear()\n}\n\n// Start streaming when the reader changes\nwatch(() => reader, startStreaming, { immediate: true })\n\nonBeforeUnmount(stopStreaming)\n</script>\n\n<template>\n  <CollapsibleSection 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.isLoading\"\n          class=\"mr-2 flex items-center gap-2\">\n          <ScalarLoading\n            :loadingState=\"loader\"\n            size=\"xs\" />\n          <span class=\"text-c-2\"> Listening… </span>\n        </div>\n      </div>\n    </template>\n    <template\n      v-if=\"loader.isLoading\"\n      #actions>\n      <ScalarButton\n        size=\"sm\"\n        variant=\"ghost\"\n        @click=\"stopStreaming\">\n        Cancel\n      </ScalarButton>\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  </CollapsibleSection>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ResponseBodyStreaming.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyStreaming.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarLoading, useLoadingState } from '@scalar/components/loading'\nimport { nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nconst { reader } = defineProps<{\n  reader: ReadableStreamDefaultReader<Uint8Array>\n}>()\n\nconst loader = useLoadingState()\n\nconst textContent = ref('')\nconst errorRef = ref<Error | null>(null)\nconst contentContainer = ref<HTMLElement | null>(null)\n\n/** Track the current reader to prevent race conditions when reader changes */\nconst currentReader = ref<ReadableStreamDefaultReader<Uint8Array> | null>(null)\n\n/** Current decoder instance - reset for each new stream to prevent buffer corruption */\nconst decoder = ref<TextDecoder | 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, async () => {\n  // Use nextTick to ensure the DOM has updated\n  await nextTick(scrollToBottom)\n})\n\n/**\n * Reads the stream and appends the content\n */\nasync function readStream(\n  streamReader: ReadableStreamDefaultReader<Uint8Array>,\n) {\n  try {\n    while (loader.isLoading && currentReader.value === streamReader) {\n      const { done, value } = await streamReader.read()\n\n      // Stop if this reader is no longer the current one\n      if (currentReader.value !== streamReader) {\n        break\n      }\n\n      if (done) {\n        void loader.clear()\n        break\n      }\n\n      // Decode the Uint8Array to string and append to content\n      if (value && decoder.value) {\n        textContent.value += decoder.value.decode(value, { stream: true })\n      }\n    }\n  } catch (error) {\n    // Only handle the error if this is still the current reader\n    if (currentReader.value === streamReader) {\n      console.error('Error reading stream:', error)\n      void loader.clear()\n      errorRef.value = error as Error\n    }\n  } finally {\n    // Only finalize decoding if this is still the current reader\n    if (currentReader.value === streamReader && decoder.value) {\n      // Make sure to decode any remaining bytes\n      textContent.value += decoder.value.decode()\n    }\n  }\n}\n\nconst startStreaming = () => {\n  // Cancel the old reader if it exists\n  if (currentReader.value) {\n    currentReader.value.cancel()\n  }\n\n  // Set the new reader as current\n  currentReader.value = reader\n\n  // Reset state and start new stream\n  // Create a new decoder instance to prevent buffer corruption from previous streams\n  decoder.value = new TextDecoder()\n  loader.start()\n  textContent.value = ''\n  errorRef.value = null\n  void readStream(reader)\n}\n\nconst stopStreaming = () => {\n  if (currentReader.value) {\n    currentReader.value.cancel()\n    currentReader.value = null\n  }\n  void loader.clear()\n}\n\n// Start streaming when the reader changes\nwatch(() => reader, startStreaming, { immediate: true })\n\nonBeforeUnmount(stopStreaming)\n</script>\n\n<template>\n  <CollapsibleSection 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.isLoading\"\n          class=\"mr-2 flex items-center gap-2\">\n          <ScalarLoading\n            :loadingState=\"loader\"\n            size=\"xs\" />\n          <span class=\"text-c-2\"> Listening… </span>\n        </div>\n      </div>\n    </template>\n    <template\n      v-if=\"loader.isLoading\"\n      #actions>\n      <ScalarButton\n        size=\"sm\"\n        variant=\"ghost\"\n        @click=\"stopStreaming\">\n        Cancel\n      </ScalarButton>\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  </CollapsibleSection>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/response-block/components/ResponseBodyStreaming.vue.script.js

@@ -1,6 +1,7 @@
 import CollapsibleSection_default from "../../../components/layout/CollapsibleSection.vue.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, nextTick, onBeforeUnmount, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
-import { ScalarButton, ScalarLoading, useLoadingState } from "@scalar/components";
+import { ScalarButton } from "@scalar/components/button";
+import { ScalarLoading, useLoadingState } from "@scalar/components/loading";
 //#region src/v2/blocks/response-block/components/ResponseBodyStreaming.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex w-full items-center justify-between" };
 var _hoisted_2 = {

package/dist/v2/blocks/response-block/components/ResponseBodyStreaming.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyStreaming.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyStreaming.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarButton,\n  ScalarLoading,\n  useLoadingState,\n} from '@scalar/components'\nimport { nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nconst { reader } = defineProps<{\n  reader: ReadableStreamDefaultReader<Uint8Array>\n}>()\n\nconst loader = useLoadingState()\n\nconst textContent = ref('')\nconst errorRef = ref<Error | null>(null)\nconst contentContainer = ref<HTMLElement | null>(null)\n\n/** Track the current reader to prevent race conditions when reader changes */\nconst currentReader = ref<ReadableStreamDefaultReader<Uint8Array> | null>(null)\n\n/** Current decoder instance - reset for each new stream to prevent buffer corruption */\nconst decoder = ref<TextDecoder | 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, async () => {\n  // Use nextTick to ensure the DOM has updated\n  await nextTick(scrollToBottom)\n})\n\n/**\n * Reads the stream and appends the content\n */\nasync function readStream(\n  streamReader: ReadableStreamDefaultReader<Uint8Array>,\n) {\n  try {\n    while (loader.isLoading && currentReader.value === streamReader) {\n      const { done, value } = await streamReader.read()\n\n      // Stop if this reader is no longer the current one\n      if (currentReader.value !== streamReader) {\n        break\n      }\n\n      if (done) {\n        void loader.clear()\n        break\n      }\n\n      // Decode the Uint8Array to string and append to content\n      if (value && decoder.value) {\n        textContent.value += decoder.value.decode(value, { stream: true })\n      }\n    }\n  } catch (error) {\n    // Only handle the error if this is still the current reader\n    if (currentReader.value === streamReader) {\n      console.error('Error reading stream:', error)\n      void loader.clear()\n      errorRef.value = error as Error\n    }\n  } finally {\n    // Only finalize decoding if this is still the current reader\n    if (currentReader.value === streamReader && decoder.value) {\n      // Make sure to decode any remaining bytes\n      textContent.value += decoder.value.decode()\n    }\n  }\n}\n\nconst startStreaming = () => {\n  // Cancel the old reader if it exists\n  if (currentReader.value) {\n    currentReader.value.cancel()\n  }\n\n  // Set the new reader as current\n  currentReader.value = reader\n\n  // Reset state and start new stream\n  // Create a new decoder instance to prevent buffer corruption from previous streams\n  decoder.value = new TextDecoder()\n  loader.start()\n  textContent.value = ''\n  errorRef.value = null\n  void readStream(reader)\n}\n\nconst stopStreaming = () => {\n  if (currentReader.value) {\n    currentReader.value.cancel()\n    currentReader.value = null\n  }\n  void loader.clear()\n}\n\n// Start streaming when the reader changes\nwatch(() => reader, startStreaming, { immediate: true })\n\nonBeforeUnmount(stopStreaming)\n</script>\n\n<template>\n  <CollapsibleSection 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.isLoading\"\n          class=\"mr-2 flex items-center gap-2\">\n          <ScalarLoading\n            :loadingState=\"loader\"\n            size=\"xs\" />\n          <span class=\"text-c-2\"> Listening… </span>\n        </div>\n      </div>\n    </template>\n    <template\n      v-if=\"loader.isLoading\"\n      #actions>\n      <ScalarButton\n        size=\"sm\"\n        variant=\"ghost\"\n        @click=\"stopStreaming\">\n        Cancel\n      </ScalarButton>\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  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,SAAS,iBAAgB;EAE/B,MAAM,cAAc,IAAI,GAAE;EAC1B,MAAM,WAAW,IAAkB,KAAI;EACvC,MAAM,mBAAmB,IAAwB,KAAI;;EAGrD,MAAM,gBAAgB,IAAoD,KAAI;;EAG9E,MAAM,UAAU,IAAwB,KAAI;;;;EAK5C,MAAM,uBAAuB;AAC3B,OAAI,iBAAiB,MACnB,kBAAiB,MAAM,YAAY,iBAAiB,MAAM;;AAK9D,QAAM,aAAa,YAAY;AAE7B,SAAM,SAAS,eAAc;IAC9B;;;;EAKD,eAAe,WACb,cACA;AACA,OAAI;AACF,WAAO,OAAO,aAAa,cAAc,UAAU,cAAc;KAC/D,MAAM,EAAE,MAAM,UAAU,MAAM,aAAa,MAAK;AAGhD,SAAI,cAAc,UAAU,aAC1B;AAGF,SAAI,MAAM;AACH,aAAO,OAAM;AAClB;;AAIF,SAAI,SAAS,QAAQ,MACnB,aAAY,SAAS,QAAQ,MAAM,OAAO,OAAO,EAAE,QAAQ,MAAM,CAAA;;YAG9D,OAAO;AAEd,QAAI,cAAc,UAAU,cAAc;AACxC,aAAQ,MAAM,yBAAyB,MAAK;AACvC,YAAO,OAAM;AAClB,cAAS,QAAQ;;aAEX;AAER,QAAI,cAAc,UAAU,gBAAgB,QAAQ,MAElD,aAAY,SAAS,QAAQ,MAAM,QAAO;;;EAKhD,MAAM,uBAAuB;AAE3B,OAAI,cAAc,MAChB,eAAc,MAAM,QAAO;AAI7B,iBAAc,QAAQ,QAAA;AAItB,WAAQ,QAAQ,IAAI,aAAY;AAChC,UAAO,OAAM;AACb,eAAY,QAAQ;AACpB,YAAS,QAAQ;AACZ,cAAW,QAAA,OAAM;;EAGxB,MAAM,sBAAsB;AAC1B,OAAI,cAAc,OAAO;AACvB,kBAAc,MAAM,QAAO;AAC3B,kBAAc,QAAQ;;AAEnB,UAAO,OAAM;;AAIpB,cAAY,QAAA,QAAQ,gBAAgB,EAAE,WAAW,MAAM,CAAA;AAEvD,kBAAgB,cAAa;;uBAI3B,YAuCqB,MAAA,2BAAA,EAAA,EAvCD,OAAM,mCAAiC,EAAA,YAAA;IAC9C,OAAK,cAWR,CAVN,mBAUM,OAVN,YAUM,CAAA,OAAA,OAAA,OAAA,KATJ,mBAAe,OAAA,MAAV,QAAI,GAAA,GAED,MAAA,OAAM,CAAC,aAAA,WAAA,EADf,mBAOM,OAPN,YAOM,CAJJ,YAEc,MAAA,cAAA,EAAA;KADX,cAAc,MAAA,OAAM;KACrB,MAAK;6DACP,mBAA0C,QAAA,EAApC,OAAM,YAAU,EAAC,gBAAY,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA;2BA4BnC,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;;OApBZ,MAAA,OAAM,CAAC,YAAA;UACZ;sBAMc,CALf,YAKe,MAAA,aAAA,EAAA;KAJb,MAAK;KACL,SAAQ;KACP,SAAO;;4BAEV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFyB,YAEzB,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ResponseBodyStreaming.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyStreaming.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarLoading, useLoadingState } from '@scalar/components/loading'\nimport { nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nconst { reader } = defineProps<{\n  reader: ReadableStreamDefaultReader<Uint8Array>\n}>()\n\nconst loader = useLoadingState()\n\nconst textContent = ref('')\nconst errorRef = ref<Error | null>(null)\nconst contentContainer = ref<HTMLElement | null>(null)\n\n/** Track the current reader to prevent race conditions when reader changes */\nconst currentReader = ref<ReadableStreamDefaultReader<Uint8Array> | null>(null)\n\n/** Current decoder instance - reset for each new stream to prevent buffer corruption */\nconst decoder = ref<TextDecoder | 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, async () => {\n  // Use nextTick to ensure the DOM has updated\n  await nextTick(scrollToBottom)\n})\n\n/**\n * Reads the stream and appends the content\n */\nasync function readStream(\n  streamReader: ReadableStreamDefaultReader<Uint8Array>,\n) {\n  try {\n    while (loader.isLoading && currentReader.value === streamReader) {\n      const { done, value } = await streamReader.read()\n\n      // Stop if this reader is no longer the current one\n      if (currentReader.value !== streamReader) {\n        break\n      }\n\n      if (done) {\n        void loader.clear()\n        break\n      }\n\n      // Decode the Uint8Array to string and append to content\n      if (value && decoder.value) {\n        textContent.value += decoder.value.decode(value, { stream: true })\n      }\n    }\n  } catch (error) {\n    // Only handle the error if this is still the current reader\n    if (currentReader.value === streamReader) {\n      console.error('Error reading stream:', error)\n      void loader.clear()\n      errorRef.value = error as Error\n    }\n  } finally {\n    // Only finalize decoding if this is still the current reader\n    if (currentReader.value === streamReader && decoder.value) {\n      // Make sure to decode any remaining bytes\n      textContent.value += decoder.value.decode()\n    }\n  }\n}\n\nconst startStreaming = () => {\n  // Cancel the old reader if it exists\n  if (currentReader.value) {\n    currentReader.value.cancel()\n  }\n\n  // Set the new reader as current\n  currentReader.value = reader\n\n  // Reset state and start new stream\n  // Create a new decoder instance to prevent buffer corruption from previous streams\n  decoder.value = new TextDecoder()\n  loader.start()\n  textContent.value = ''\n  errorRef.value = null\n  void readStream(reader)\n}\n\nconst stopStreaming = () => {\n  if (currentReader.value) {\n    currentReader.value.cancel()\n    currentReader.value = null\n  }\n  void loader.clear()\n}\n\n// Start streaming when the reader changes\nwatch(() => reader, startStreaming, { immediate: true })\n\nonBeforeUnmount(stopStreaming)\n</script>\n\n<template>\n  <CollapsibleSection 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.isLoading\"\n          class=\"mr-2 flex items-center gap-2\">\n          <ScalarLoading\n            :loadingState=\"loader\"\n            size=\"xs\" />\n          <span class=\"text-c-2\"> Listening… </span>\n        </div>\n      </div>\n    </template>\n    <template\n      v-if=\"loader.isLoading\"\n      #actions>\n      <ScalarButton\n        size=\"sm\"\n        variant=\"ghost\"\n        @click=\"stopStreaming\">\n        Cancel\n      </ScalarButton>\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  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,SAAS,iBAAgB;EAE/B,MAAM,cAAc,IAAI,GAAE;EAC1B,MAAM,WAAW,IAAkB,KAAI;EACvC,MAAM,mBAAmB,IAAwB,KAAI;;EAGrD,MAAM,gBAAgB,IAAoD,KAAI;;EAG9E,MAAM,UAAU,IAAwB,KAAI;;;;EAK5C,MAAM,uBAAuB;AAC3B,OAAI,iBAAiB,MACnB,kBAAiB,MAAM,YAAY,iBAAiB,MAAM;;AAK9D,QAAM,aAAa,YAAY;AAE7B,SAAM,SAAS,eAAc;IAC9B;;;;EAKD,eAAe,WACb,cACA;AACA,OAAI;AACF,WAAO,OAAO,aAAa,cAAc,UAAU,cAAc;KAC/D,MAAM,EAAE,MAAM,UAAU,MAAM,aAAa,MAAK;AAGhD,SAAI,cAAc,UAAU,aAC1B;AAGF,SAAI,MAAM;AACH,aAAO,OAAM;AAClB;;AAIF,SAAI,SAAS,QAAQ,MACnB,aAAY,SAAS,QAAQ,MAAM,OAAO,OAAO,EAAE,QAAQ,MAAM,CAAA;;YAG9D,OAAO;AAEd,QAAI,cAAc,UAAU,cAAc;AACxC,aAAQ,MAAM,yBAAyB,MAAK;AACvC,YAAO,OAAM;AAClB,cAAS,QAAQ;;aAEX;AAER,QAAI,cAAc,UAAU,gBAAgB,QAAQ,MAElD,aAAY,SAAS,QAAQ,MAAM,QAAO;;;EAKhD,MAAM,uBAAuB;AAE3B,OAAI,cAAc,MAChB,eAAc,MAAM,QAAO;AAI7B,iBAAc,QAAQ,QAAA;AAItB,WAAQ,QAAQ,IAAI,aAAY;AAChC,UAAO,OAAM;AACb,eAAY,QAAQ;AACpB,YAAS,QAAQ;AACZ,cAAW,QAAA,OAAM;;EAGxB,MAAM,sBAAsB;AAC1B,OAAI,cAAc,OAAO;AACvB,kBAAc,MAAM,QAAO;AAC3B,kBAAc,QAAQ;;AAEnB,UAAO,OAAM;;AAIpB,cAAY,QAAA,QAAQ,gBAAgB,EAAE,WAAW,MAAM,CAAA;AAEvD,kBAAgB,cAAa;;uBAI3B,YAuCqB,MAAA,2BAAA,EAAA,EAvCD,OAAM,mCAAiC,EAAA,YAAA;IAC9C,OAAK,cAWR,CAVN,mBAUM,OAVN,YAUM,CAAA,OAAA,OAAA,OAAA,KATJ,mBAAe,OAAA,MAAV,QAAI,GAAA,GAED,MAAA,OAAM,CAAC,aAAA,WAAA,EADf,mBAOM,OAPN,YAOM,CAJJ,YAEc,MAAA,cAAA,EAAA;KADX,cAAc,MAAA,OAAM;KACrB,MAAK;6DACP,mBAA0C,QAAA,EAApC,OAAM,YAAU,EAAC,gBAAY,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA;2BA4BnC,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;;OApBZ,MAAA,OAAM,CAAC,YAAA;UACZ;sBAMc,CALf,YAKe,MAAA,aAAA,EAAA;KAJb,MAAK;KACL,SAAQ;KACP,SAAO;;4BAEV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFyB,YAEzB,GAAA,CAAA,EAAA,CAAA"}

package/dist/v2/blocks/response-block/components/ResponseBodyVirtual.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyVirtual.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyVirtual.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarVirtualText } from '@scalar/components'\nimport { formatJsonOrYamlString } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nimport { processResponseBody } from '@/v2/blocks/response-block/helpers/process-response-body'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\n\nconst { content, data, headers } = defineProps<{\n  content: string\n  data: unknown\n  headers: { name: string; value: string }[]\n}>()\n\nconst textContent = computed(() => formatJsonOrYamlString(content))\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data,\n    headers,\n  }),\n)\n</script>\n\n<template>\n  <CollapsibleSection class=\"!max-h-100% response-body-virtual overflow-x-auto\">\n    <template #title>Body</template>\n    <template\n      v-if=\"responseBody.dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"responseBody.attachmentFilename\"\n        :href=\"responseBody.dataUrl\"\n        :type=\"responseBody.mimeType?.essence\" />\n    </template>\n    <div class=\"font-code text-xxs rounded-t border-x border-t 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      searchable\n      :text=\"textContent\" />\n  </CollapsibleSection>\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":""}
+{"version":3,"file":"ResponseBodyVirtual.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyVirtual.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarVirtualText } from '@scalar/components/virtual-text'\nimport { formatJsonOrYamlString } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nimport { processResponseBody } from '@/v2/blocks/response-block/helpers/process-response-body'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\n\nconst { content, data, headers } = defineProps<{\n  content: string\n  data: unknown\n  headers: { name: string; value: string }[]\n}>()\n\nconst textContent = computed(() => formatJsonOrYamlString(content))\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data,\n    headers,\n  }),\n)\n</script>\n\n<template>\n  <CollapsibleSection class=\"!max-h-100% response-body-virtual overflow-x-auto\">\n    <template #title>Body</template>\n    <template\n      v-if=\"responseBody.dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"responseBody.attachmentFilename\"\n        :href=\"responseBody.dataUrl\"\n        :type=\"responseBody.mimeType?.essence\" />\n    </template>\n    <div class=\"font-code text-xxs rounded-t border-x border-t 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      searchable\n      :text=\"textContent\" />\n  </CollapsibleSection>\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/v2/blocks/response-block/components/ResponseBodyVirtual.vue.script.js

@@ -2,8 +2,8 @@ import CollapsibleSection_default from "../../../components/layout/CollapsibleSe
 import { processResponseBody } from "../helpers/process-response-body.js";
 import ResponseBodyDownload_default from "./ResponseBodyDownload.vue.js";
 import { computed, createBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
-import { ScalarVirtualText } from "@scalar/components";
 import { formatJsonOrYamlString } from "@scalar/oas-utils/helpers";
+import { ScalarVirtualText } from "@scalar/components/virtual-text";
 //#region src/v2/blocks/response-block/components/ResponseBodyVirtual.vue?vue&type=script&setup=true&lang.ts
 var ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ResponseBodyVirtual",

package/dist/v2/blocks/response-block/components/ResponseBodyVirtual.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyVirtual.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyVirtual.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarVirtualText } from '@scalar/components'\nimport { formatJsonOrYamlString } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nimport { processResponseBody } from '@/v2/blocks/response-block/helpers/process-response-body'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\n\nconst { content, data, headers } = defineProps<{\n  content: string\n  data: unknown\n  headers: { name: string; value: string }[]\n}>()\n\nconst textContent = computed(() => formatJsonOrYamlString(content))\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data,\n    headers,\n  }),\n)\n</script>\n\n<template>\n  <CollapsibleSection class=\"!max-h-100% response-body-virtual overflow-x-auto\">\n    <template #title>Body</template>\n    <template\n      v-if=\"responseBody.dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"responseBody.attachmentFilename\"\n        :href=\"responseBody.dataUrl\"\n        :type=\"responseBody.mimeType?.essence\" />\n    </template>\n    <div class=\"font-code text-xxs rounded-t border-x border-t 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      searchable\n      :text=\"textContent\" />\n  </CollapsibleSection>\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":";;;;;;;;;;;;;;;EAgBA,MAAM,cAAc,eAAe,uBAAuB,QAAA,QAAQ,CAAA;EAElE,MAAM,eAAe,eACnB,oBAAoB;GAClB,MAAG,QAAA;GACH,SAAM,QAAA;GACP,CAAC,CACJ;;uBAIE,YAmBqB,MAAA,2BAAA,EAAA,EAnBD,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,YAKwB,MAAA,kBAAA,EAAA;KAJtB,gBAAe;KACf,cAAa;KACZ,YAAY;KACb,YAAA;KACC,MAAM,YAAA;;;OAfD,aAAA,MAAa,UAAA;UAClB;sBAI0C,CAH3C,YAG2C,8BAAA;KAFxC,UAAU,aAAA,MAAa;KACvB,MAAM,aAAA,MAAa;KACnB,MAAM,aAAA,MAAa,UAAU"}
+{"version":3,"file":"ResponseBodyVirtual.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyVirtual.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarVirtualText } from '@scalar/components/virtual-text'\nimport { formatJsonOrYamlString } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nimport { processResponseBody } from '@/v2/blocks/response-block/helpers/process-response-body'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\n\nconst { content, data, headers } = defineProps<{\n  content: string\n  data: unknown\n  headers: { name: string; value: string }[]\n}>()\n\nconst textContent = computed(() => formatJsonOrYamlString(content))\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data,\n    headers,\n  }),\n)\n</script>\n\n<template>\n  <CollapsibleSection class=\"!max-h-100% response-body-virtual overflow-x-auto\">\n    <template #title>Body</template>\n    <template\n      v-if=\"responseBody.dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"responseBody.attachmentFilename\"\n        :href=\"responseBody.dataUrl\"\n        :type=\"responseBody.mimeType?.essence\" />\n    </template>\n    <div class=\"font-code text-xxs rounded-t border-x border-t 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      searchable\n      :text=\"textContent\" />\n  </CollapsibleSection>\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":";;;;;;;;;;;;;;;EAgBA,MAAM,cAAc,eAAe,uBAAuB,QAAA,QAAQ,CAAA;EAElE,MAAM,eAAe,eACnB,oBAAoB;GAClB,MAAG,QAAA;GACH,SAAM,QAAA;GACP,CAAC,CACJ;;uBAIE,YAmBqB,MAAA,2BAAA,EAAA,EAnBD,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,YAKwB,MAAA,kBAAA,EAAA;KAJtB,gBAAe;KACf,cAAa;KACZ,YAAY;KACb,YAAA;KACC,MAAM,YAAA;;;OAfD,aAAA,MAAa,UAAA;UAClB;sBAI0C,CAH3C,YAG2C,8BAAA;KAFxC,UAAU,aAAA,MAAa;KACvB,MAAM,aAAA,MAAa;KACnB,MAAM,aAAA,MAAa,UAAU"}

package/dist/v2/blocks/response-block/components/ResponseEmpty.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import ResponseEmpty_vue_vue_type_script_setup_true_lang_default from "./ResponseEmpty.vue.script.js";
 /* empty css                            */
 //#region src/v2/blocks/response-block/components/ResponseEmpty.vue
-var ResponseEmpty_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseEmpty_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ab8886a2"]]);
+var ResponseEmpty_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseEmpty_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0895623d"]]);
 //#endregion
 export { ResponseEmpty_default as default };
 

package/dist/v2/blocks/response-block/components/ResponseEmpty.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseEmpty.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarHotkey } from '@scalar/components'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport { ScalarAsciiArt } from '@/components/ScalarAsciiArt'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { totalPerformedRequests, layout, appVersion } = defineProps<{\n  /** Client layout */\n  layout: ClientLayout\n  /** Total number of performed requests */\n  totalPerformedRequests: number\n  /** Application version */\n  appVersion: string\n}>()\n\nconst emits = defineEmits<{\n  (e: 'addRequest'): void\n  (e: 'sendRequest'): void\n  (e: 'openCommandPalette'): void\n}>()\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': totalPerformedRequests > 0 && layout !== 'modal',\n      }\">\n      <div\n        v-if=\"layout !== 'modal'\"\n        class=\"scalar-version-number\">\n        Scalar App V{{ appVersion }} 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\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=\"emits('openCommandPalette')\">\n        Get Started\n        <ScalarHotkey\n          hotkey=\"k\"\n          :modifier=\"['default']\" />\n      </button>\n      <button\n        v-if=\"layout === 'desktop'\"\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"emits('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=\"emits('sendRequest')\">\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":""}
+{"version":3,"file":"ResponseEmpty.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarHotkey } from '@scalar/components/hotkey'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport { ScalarAsciiArt } from '@/components/ScalarAsciiArt'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { totalPerformedRequests, layout, appVersion } = defineProps<{\n  /** Client layout */\n  layout: ClientLayout\n  /** Total number of performed requests */\n  totalPerformedRequests: number\n  /** Application version */\n  appVersion: string\n}>()\n\nconst emits = defineEmits<{\n  (e: 'addRequest'): void\n  (e: 'sendRequest'): void\n  (e: 'openCommandPalette'): void\n}>()\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': totalPerformedRequests > 0 && layout !== 'modal',\n      }\">\n      <div\n        v-if=\"layout !== 'modal'\"\n        class=\"scalar-version-number\">\n        Scalar App V{{ appVersion }} 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\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=\"emits('openCommandPalette')\">\n        Get Started\n        <ScalarHotkey\n          hotkey=\"k\"\n          :modifier=\"['default']\" />\n      </button>\n      <button\n        v-if=\"layout === 'desktop'\"\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"emits('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=\"emits('sendRequest')\">\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":""}

package/dist/v2/blocks/response-block/components/ResponseEmpty.vue.script.js

@@ -1,7 +1,7 @@
 import ScalarAsciiArt_default from "../../../../components/ScalarAsciiArt/ScalarAsciiArt.vue.js";
 import computer_default from "../../../../assets/computer.ascii.virtual.js";
 import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
-import { ScalarHotkey } from "@scalar/components";
+import { ScalarHotkey } from "@scalar/components/hotkey";
 //#region src/v2/blocks/response-block/components/ResponseEmpty.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitalize" };
 var _hoisted_2 = {

package/dist/v2/blocks/response-block/components/ResponseEmpty.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseEmpty.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarHotkey } from '@scalar/components'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport { ScalarAsciiArt } from '@/components/ScalarAsciiArt'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { totalPerformedRequests, layout, appVersion } = defineProps<{\n  /** Client layout */\n  layout: ClientLayout\n  /** Total number of performed requests */\n  totalPerformedRequests: number\n  /** Application version */\n  appVersion: string\n}>()\n\nconst emits = defineEmits<{\n  (e: 'addRequest'): void\n  (e: 'sendRequest'): void\n  (e: 'openCommandPalette'): void\n}>()\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': totalPerformedRequests > 0 && layout !== 'modal',\n      }\">\n      <div\n        v-if=\"layout !== 'modal'\"\n        class=\"scalar-version-number\">\n        Scalar App V{{ appVersion }} 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\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=\"emits('openCommandPalette')\">\n        Get Started\n        <ScalarHotkey\n          hotkey=\"k\"\n          :modifier=\"['default']\" />\n      </button>\n      <button\n        v-if=\"layout === 'desktop'\"\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"emits('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=\"emits('sendRequest')\">\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":";;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;;uBAOZ,mBAyDM,OAzDN,YAyDM,CAxDJ,mBA0BM,OAAA,EAzBJ,OAAK,eAAA,CAAC,mEAAiE,EAAA,oBACjC,QAAA,yBAAsB,KAAQ,QAAA,WAAM,SAAA,CAAA,CAAA,EAAA,EAAA;IAIlE,QAAA,WAAM,WAAA,WAAA,EADd,mBAWM,OAXN,YAWM,CAAA,gBAT0B,kBAClB,gBAAG,QAAA,WAAU,GAAG,UAC5B,EAAA,EAAA,OAAA,OAAA,OAAA,KAAA,mBAMM,OAAA,EAND,OAAM,QAAM,EAAA,CACf,mBAII,KAAA;KAHF,MAAK;KACL,QAAO;OAAS,YAElB,CAAA,EAAA,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;8BAGJ,mBAKI,KAAA;KAJF,OAAM;KACN,MAAK;KACL,QAAO;OAAS,2BAElB,GAAA;IACA,YAEqB,MAAA,uBAAA,EAAA;KADlB,KAAK,MAAA,iBAAQ;KACd,OAAM;;UAGV,mBA2BM,OA3BN,YA2BM;IAxBI,QAAA,WAAM,WAAA,WAAA,EADd,mBASS,UAAA;;KAPP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,qBAAA;kDAAwB,iBAErC,GAAA,GAAA,YAE4B,MAAA,aAAA,EAAA;KAD1B,QAAO;KACN,UAAU,CAAA,UAAW;;IAGlB,QAAA,WAAM,aAAA,WAAA,EADd,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,aAAA;kDAAgB,iBAE7B,GAAA,GAAA,YAA2B,MAAA,aAAA,EAAA,EAAb,QAAO,KAAG,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAE1B,mBAMS,UAAA;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,cAAA;kDAAiB,kBAE9B,GAAA,GAAA,YAA2B,MAAA,aAAA,EAAA,EAAb,QAAO,KAAG,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ResponseEmpty.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarHotkey } from '@scalar/components/hotkey'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport { ScalarAsciiArt } from '@/components/ScalarAsciiArt'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { totalPerformedRequests, layout, appVersion } = defineProps<{\n  /** Client layout */\n  layout: ClientLayout\n  /** Total number of performed requests */\n  totalPerformedRequests: number\n  /** Application version */\n  appVersion: string\n}>()\n\nconst emits = defineEmits<{\n  (e: 'addRequest'): void\n  (e: 'sendRequest'): void\n  (e: 'openCommandPalette'): void\n}>()\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': totalPerformedRequests > 0 && layout !== 'modal',\n      }\">\n      <div\n        v-if=\"layout !== 'modal'\"\n        class=\"scalar-version-number\">\n        Scalar App V{{ appVersion }} 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\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=\"emits('openCommandPalette')\">\n        Get Started\n        <ScalarHotkey\n          hotkey=\"k\"\n          :modifier=\"['default']\" />\n      </button>\n      <button\n        v-if=\"layout === 'desktop'\"\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"emits('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=\"emits('sendRequest')\">\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":";;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;;uBAOZ,mBAyDM,OAzDN,YAyDM,CAxDJ,mBA0BM,OAAA,EAzBJ,OAAK,eAAA,CAAC,mEAAiE,EAAA,oBACjC,QAAA,yBAAsB,KAAQ,QAAA,WAAM,SAAA,CAAA,CAAA,EAAA,EAAA;IAIlE,QAAA,WAAM,WAAA,WAAA,EADd,mBAWM,OAXN,YAWM,CAAA,gBAT0B,kBAClB,gBAAG,QAAA,WAAU,GAAG,UAC5B,EAAA,EAAA,OAAA,OAAA,OAAA,KAAA,mBAMM,OAAA,EAND,OAAM,QAAM,EAAA,CACf,mBAII,KAAA;KAHF,MAAK;KACL,QAAO;OAAS,YAElB,CAAA,EAAA,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;8BAGJ,mBAKI,KAAA;KAJF,OAAM;KACN,MAAK;KACL,QAAO;OAAS,2BAElB,GAAA;IACA,YAEqB,MAAA,uBAAA,EAAA;KADlB,KAAK,MAAA,iBAAQ;KACd,OAAM;;UAGV,mBA2BM,OA3BN,YA2BM;IAxBI,QAAA,WAAM,WAAA,WAAA,EADd,mBASS,UAAA;;KAPP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,qBAAA;kDAAwB,iBAErC,GAAA,GAAA,YAE4B,MAAA,aAAA,EAAA;KAD1B,QAAO;KACN,UAAU,CAAA,UAAW;;IAGlB,QAAA,WAAM,aAAA,WAAA,EADd,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,aAAA;kDAAgB,iBAE7B,GAAA,GAAA,YAA2B,MAAA,aAAA,EAAA,EAAb,QAAO,KAAG,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAE1B,mBAMS,UAAA;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,cAAA;kDAAiB,kBAE9B,GAAA,GAAA,YAA2B,MAAA,aAAA,EAAA,EAAb,QAAO,KAAG,CAAA,CAAA,CAAA"}

package/dist/v2/blocks/response-block/components/ResponseLoadingOverlay.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseLoadingOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"names":[],"mappings":"AA4EA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AA6HF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ResponseLoadingOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AA6HF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/blocks/response-block/components/ResponseLoadingOverlay.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default from "./ResponseLoadingOverlay.vue.script.js";
 /* empty css                                     */
 //#region src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue
-var ResponseLoadingOverlay_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-21dc7abd"]]);
+var ResponseLoadingOverlay_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b80db6e2"]]);
 //#endregion
 export { ResponseLoadingOverlay_default as default };
 

package/dist/v2/blocks/response-block/components/ResponseLoadingOverlay.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseLoadingOverlay.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarLoading,\n  useLoadingState,\n} from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\n\nconst { eventBus } = defineProps<{\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst loader = useLoadingState()\nconst timeout = ref<ReturnType<typeof setTimeout>>()\n\nconst startLoading = () => {\n  // Replace any pending delayed start so overlapping `hooks:on:request:sent` events\n  // (rapid send, navigation, double submit) cannot leave an orphaned timer that\n  // calls `loader.start()` after the matching request already completed.\n  clearTimeout(timeout.value)\n  timeout.value = setTimeout(() => loader.start(), 1000)\n}\n\nconst stopLoading = () => {\n  clearTimeout(timeout.value)\n  timeout.value = undefined\n  void loader.clear()\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startLoading)\n  eventBus.on('hooks:on:request:complete', stopLoading)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startLoading)\n  eventBus.off('hooks:on:request:complete', stopLoading)\n  stopLoading()\n})\n</script>\n<template>\n  <Transition>\n    <div\n      v-if=\"loader.isActive\"\n      class=\"bg-b-1 z-overlay absolute inset-0 flex flex-col items-center justify-center gap-6\">\n      <ScalarLoading\n        class=\"text-c-3\"\n        :loader\n        size=\"3xl\" />\n      <ScalarButton\n        variant=\"ghost\"\n        @click=\"eventBus.emit('operation:cancel:request')\">\n        Cancel\n      </ScalarButton>\n    </div>\n  </Transition>\n</template>\n<style scoped>\n.v-enter-active {\n  transition: opacity 0.5s ease;\n}\n\n.v-enter-from {\n  opacity: 0;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ResponseLoadingOverlay.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarLoading, useLoadingState } from '@scalar/components/loading'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\n\nconst { eventBus } = defineProps<{\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst loader = useLoadingState()\nconst timeout = ref<ReturnType<typeof setTimeout>>()\n\nconst startLoading = () => {\n  // Replace any pending delayed start so overlapping `hooks:on:request:sent` events\n  // (rapid send, navigation, double submit) cannot leave an orphaned timer that\n  // calls `loader.start()` after the matching request already completed.\n  clearTimeout(timeout.value)\n  timeout.value = setTimeout(() => loader.start(), 1000)\n}\n\nconst stopLoading = () => {\n  clearTimeout(timeout.value)\n  timeout.value = undefined\n  void loader.clear()\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startLoading)\n  eventBus.on('hooks:on:request:complete', stopLoading)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startLoading)\n  eventBus.off('hooks:on:request:complete', stopLoading)\n  stopLoading()\n})\n</script>\n<template>\n  <Transition>\n    <div\n      v-if=\"loader.isActive\"\n      class=\"bg-b-1 z-overlay absolute inset-0 flex flex-col items-center justify-center gap-6\">\n      <ScalarLoading\n        class=\"text-c-3\"\n        :loader\n        size=\"3xl\" />\n      <ScalarButton\n        variant=\"ghost\"\n        @click=\"eventBus.emit('operation:cancel:request')\">\n        Cancel\n      </ScalarButton>\n    </div>\n  </Transition>\n</template>\n<style scoped>\n.v-enter-active {\n  transition: opacity 0.5s ease;\n}\n\n.v-enter-from {\n  opacity: 0;\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/response-block/components/ResponseLoadingOverlay.vue.script.js

@@ -1,5 +1,6 @@
 import { Transition, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, unref, withCtx } from "vue";
-import { ScalarButton, ScalarLoading, useLoadingState } from "@scalar/components";
+import { ScalarButton } from "@scalar/components/button";
+import { ScalarLoading, useLoadingState } from "@scalar/components/loading";
 //#region src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,

package/dist/v2/blocks/response-block/components/ResponseLoadingOverlay.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseLoadingOverlay.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarLoading,\n  useLoadingState,\n} from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\n\nconst { eventBus } = defineProps<{\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst loader = useLoadingState()\nconst timeout = ref<ReturnType<typeof setTimeout>>()\n\nconst startLoading = () => {\n  // Replace any pending delayed start so overlapping `hooks:on:request:sent` events\n  // (rapid send, navigation, double submit) cannot leave an orphaned timer that\n  // calls `loader.start()` after the matching request already completed.\n  clearTimeout(timeout.value)\n  timeout.value = setTimeout(() => loader.start(), 1000)\n}\n\nconst stopLoading = () => {\n  clearTimeout(timeout.value)\n  timeout.value = undefined\n  void loader.clear()\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startLoading)\n  eventBus.on('hooks:on:request:complete', stopLoading)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startLoading)\n  eventBus.off('hooks:on:request:complete', stopLoading)\n  stopLoading()\n})\n</script>\n<template>\n  <Transition>\n    <div\n      v-if=\"loader.isActive\"\n      class=\"bg-b-1 z-overlay absolute inset-0 flex flex-col items-center justify-center gap-6\">\n      <ScalarLoading\n        class=\"text-c-3\"\n        :loader\n        size=\"3xl\" />\n      <ScalarButton\n        variant=\"ghost\"\n        @click=\"eventBus.emit('operation:cancel:request')\">\n        Cancel\n      </ScalarButton>\n    </div>\n  </Transition>\n</template>\n<style scoped>\n.v-enter-active {\n  transition: opacity 0.5s ease;\n}\n\n.v-enter-from {\n  opacity: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAcA,MAAM,SAAS,iBAAgB;EAC/B,MAAM,UAAU,KAAmC;EAEnD,MAAM,qBAAqB;AAIzB,gBAAa,QAAQ,MAAK;AAC1B,WAAQ,QAAQ,iBAAiB,OAAO,OAAO,EAAE,IAAI;;EAGvD,MAAM,oBAAoB;AACxB,gBAAa,QAAQ,MAAK;AAC1B,WAAQ,QAAQ,KAAA;AACX,UAAO,OAAM;;AAGpB,kBAAgB;AACd,WAAA,SAAS,GAAG,yBAAyB,aAAY;AACjD,WAAA,SAAS,GAAG,6BAA6B,YAAW;IACrD;AAED,wBAAsB;AACpB,WAAA,SAAS,IAAI,yBAAyB,aAAY;AAClD,WAAA,SAAS,IAAI,6BAA6B,YAAW;AACrD,gBAAY;IACb;;uBAGC,YAca,YAAA,MAAA;2BADL,CAXE,MAAA,OAAM,CAAC,YAAA,WAAA,EADf,mBAYM,OAZN,YAYM,CATJ,YAGe,MAAA,cAAA,EAAA;KAFb,OAAM;KACL,QAAA,MAAA,OAAM;KACP,MAAK;6BACP,YAIe,MAAA,aAAA,EAAA;KAHb,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,2BAAA;;4BAEvB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFqD,YAErD,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ResponseLoadingOverlay.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarLoading, useLoadingState } from '@scalar/components/loading'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\n\nconst { eventBus } = defineProps<{\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst loader = useLoadingState()\nconst timeout = ref<ReturnType<typeof setTimeout>>()\n\nconst startLoading = () => {\n  // Replace any pending delayed start so overlapping `hooks:on:request:sent` events\n  // (rapid send, navigation, double submit) cannot leave an orphaned timer that\n  // calls `loader.start()` after the matching request already completed.\n  clearTimeout(timeout.value)\n  timeout.value = setTimeout(() => loader.start(), 1000)\n}\n\nconst stopLoading = () => {\n  clearTimeout(timeout.value)\n  timeout.value = undefined\n  void loader.clear()\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startLoading)\n  eventBus.on('hooks:on:request:complete', stopLoading)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startLoading)\n  eventBus.off('hooks:on:request:complete', stopLoading)\n  stopLoading()\n})\n</script>\n<template>\n  <Transition>\n    <div\n      v-if=\"loader.isActive\"\n      class=\"bg-b-1 z-overlay absolute inset-0 flex flex-col items-center justify-center gap-6\">\n      <ScalarLoading\n        class=\"text-c-3\"\n        :loader\n        size=\"3xl\" />\n      <ScalarButton\n        variant=\"ghost\"\n        @click=\"eventBus.emit('operation:cancel:request')\">\n        Cancel\n      </ScalarButton>\n    </div>\n  </Transition>\n</template>\n<style scoped>\n.v-enter-active {\n  transition: opacity 0.5s ease;\n}\n\n.v-enter-from {\n  opacity: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EAWA,MAAM,SAAS,iBAAgB;EAC/B,MAAM,UAAU,KAAmC;EAEnD,MAAM,qBAAqB;AAIzB,gBAAa,QAAQ,MAAK;AAC1B,WAAQ,QAAQ,iBAAiB,OAAO,OAAO,EAAE,IAAI;;EAGvD,MAAM,oBAAoB;AACxB,gBAAa,QAAQ,MAAK;AAC1B,WAAQ,QAAQ,KAAA;AACX,UAAO,OAAM;;AAGpB,kBAAgB;AACd,WAAA,SAAS,GAAG,yBAAyB,aAAY;AACjD,WAAA,SAAS,GAAG,6BAA6B,YAAW;IACrD;AAED,wBAAsB;AACpB,WAAA,SAAS,IAAI,yBAAyB,aAAY;AAClD,WAAA,SAAS,IAAI,6BAA6B,YAAW;AACrD,gBAAY;IACb;;uBAGC,YAca,YAAA,MAAA;2BADL,CAXE,MAAA,OAAM,CAAC,YAAA,WAAA,EADf,mBAYM,OAZN,YAYM,CATJ,YAGe,MAAA,cAAA,EAAA;KAFb,OAAM;KACL,QAAA,MAAA,OAAM;KACP,MAAK;6BACP,YAIe,MAAA,aAAA,EAAA;KAHb,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,2BAAA;;4BAEvB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFqD,YAErD,GAAA,CAAA,EAAA,CAAA"}

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"names":[],"mappings":"AAkqBA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAIrF,OAAO,KAAK,EAEV,UAAU,EACV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAoBhG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAA0B,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAGzE;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,MAAM,MAAM,eAAe,GAAG;IAC5B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,4BAA4B;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kBAAkB;IAClB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AACD,QAAA,MAAM,YAAY;;;;;eAoB6B,MAAM;;;;;eAAN,MAAM;;;kFAm7BjD,CAAC"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"names":[],"mappings":"AA+qBA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAIrF,OAAO,KAAK,EAEV,UAAU,EACV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAoBhG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAA0B,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAGzE;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,MAAM,MAAM,eAAe,GAAG;IAC5B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,4BAA4B;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kBAAkB;IAClB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AACD,QAAA,MAAM,YAAY;;;;;eAoB6B,MAAM;;;;;eAAN,MAAM;;;kFAo8BjD,CAAC"}

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import AddressBar_vue_vue_type_script_setup_true_lang_default from "./AddressBar.vue.script.js";
 /* empty css                         */
 //#region src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue
-var AddressBar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AddressBar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4d85ebb9"]]);
+var AddressBar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AddressBar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-372238a6"]]);
 //#endregion
 export { AddressBar_default as default };