@scalar/api-client 3.19.3 → 3.21.0

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyToggle.vue.script.js","names":["$emit"],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  modelValue: boolean\n}>()\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', true)\">\n      Preview\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': !modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', false)\">\n      Raw\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;uBASE,mBAgBM,OAhBN,YAgBM,CAdJ,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCACW,QAAA,WAAU,CAAA,CAAA;IACtD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,IAAA,GAAA,CAAA,MAAA,CAAA;MAA6B,aAEjD,CAAA,GACA,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCAAA,CACY,QAAA,WAAU,CAAA,CAAA;IACvD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,KAAA,GAAA,CAAA,MAAA,CAAA;MAA8B,SAElD,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ResponseBodyToggle.vue.script.js","names":["$emit"],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useLocalization } from '@/v2/features/localization'\n\ndefineProps<{\n  modelValue: boolean\n}>()\n\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n\nconst { translate } = useLocalization()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', true)\">\n      {{ translate('apiClient.responseBodyToggle.preview') }}\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': !modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', false)\">\n      {{ translate('apiClient.responseBodyToggle.raw') }}\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;EAWA,MAAM,EAAE,cAAc,gBAAgB;;uBAGpC,mBAgBM,OAhBN,YAgBM,CAdJ,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCACW,QAAA,WAAU,CAAA,CAAA;IACtD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,IAAA,GAAA,CAAA,MAAA,CAAA;sBACf,MAAA,SAAA,CAAS,CAAA,sCAAA,CAAA,GAAA,CAAA,GAEd,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCAAA,CACY,QAAA,WAAU,CAAA,CAAA;IACvD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,KAAA,GAAA,CAAA,MAAA,CAAA;sBACf,MAAA,SAAA,CAAS,CAAA,kCAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyVirtual.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyVirtual.vue"],"names":[],"mappings":"AAqEA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C,CAAC;AAyGF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ResponseBodyVirtual.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyVirtual.vue"],"names":[],"mappings":"AA2EA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C,CAAC;AAgHF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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/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":""}
+{"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'\nimport { useLocalization } from '@/v2/features/localization'\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 { translate } = useLocalization()\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>\n      {{ translate('apiClient.responseBodyVirtual.body') }}\n    </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      {{ translate('apiClient.responseBodyVirtual.largeBodyHint') }}\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

@@ -1,10 +1,12 @@
+import { useLocalization } from "../../../features/localization/index.js";
 import CollapsibleSection_default from "../../../components/layout/CollapsibleSection.vue.js";
 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 { computed, createBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
 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 _hoisted_1 = { class: "font-code text-xxs rounded-t border-x border-t px-2.5 py-1.5" };
 var ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ResponseBodyVirtual",
 	props: {
@@ -13,6 +15,7 @@ var ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		headers: {}
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
 		const textContent = computed(() => formatJsonOrYamlString(__props.content));
 		const responseBody = computed(() => processResponseBody({
 			data: __props.data,
@@ -20,8 +23,8 @@ var ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(CollapsibleSection_default), { class: "!max-h-100% response-body-virtual overflow-x-auto" }, createSlots({
-				title: withCtx(() => [_cache[0] || (_cache[0] = createTextVNode("Body", -1))]),
-				default: withCtx(() => [_cache[1] || (_cache[1] = createElementVNode("div", { class: "font-code text-xxs rounded-t border-x border-t px-2.5 py-1.5" }, " This response body is massive! Syntax highlighting won't work here. ", -1)), createVNode(unref(ScalarVirtualText), {
+				title: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.responseBodyVirtual.body")), 1)]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, toDisplayString(unref(translate)("apiClient.responseBodyVirtual.largeBodyHint")), 1), createVNode(unref(ScalarVirtualText), {
 					containerClass: "custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen",
 					contentClass: "language-plaintext whitespace-pre font-code text-base",
 					lineHeight: 20,

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/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,OAAO,CAAC;EAElE,MAAM,eAAe,eACnB,oBAAoB;GAClB,MAAG,QAAA;GACH,SAAM,QAAA;EACR,CAAC,CACH;;uBAIE,YAmBqB,MAAA,0BAAA,GAAA,EAnBD,OAAM,oDAAmD,GAAA,YAAA;IAChE,OAAK,cAAK,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAJ,QAAI,EAAA,EAAA,CAAA;2BAWf,CAAA,OAAA,OAAA,OAAA,KAFN,mBAEM,OAAA,EAFD,OAAM,+DAA8D,GAAC,yEAE1E,EAAA,IACA,YAKwB,MAAA,iBAAA,GAAA;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'\nimport { useLocalization } from '@/v2/features/localization'\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 { translate } = useLocalization()\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>\n      {{ translate('apiClient.responseBodyVirtual.body') }}\n    </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      {{ translate('apiClient.responseBodyVirtual.largeBodyHint') }}\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":";;;;;;;;;;;;;;;;;EAiBA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,cAAc,eAAe,uBAAuB,QAAA,OAAO,CAAC;EAElE,MAAM,eAAe,eACnB,oBAAoB;GAClB,MAAG,QAAA;GACH,SAAM,QAAA;EACR,CAAC,CACH;;uBAIE,YAqBqB,MAAA,0BAAA,GAAA,EArBD,OAAM,oDAAmD,GAAA,YAAA;IAChE,OAAK,cACuC,CAAA,gBAAA,gBAAlD,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;2BAYR,CAFN,mBAEM,OAFN,YAEM,gBADD,MAAA,SAAA,CAAS,CAAA,6CAAA,CAAA,GAAA,CAAA,GAEd,YAKwB,MAAA,iBAAA,GAAA;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/ResponseCookies.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseCookies.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseCookies.vue"],"names":[],"mappings":"AA+DA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C,CAAC;AA4LF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ResponseCookies.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseCookies.vue"],"names":[],"mappings":"AAyEA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C,CAAC;AAmMF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseCookies.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n  DataTableText,\n} from '@/v2/components/data-table'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\ndefineProps<{\n  cookies: { name: string; value: string }[]\n}>()\n</script>\n<template>\n  <CollapsibleSection\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"cookies.length\">\n    <template #title>Cookies</template>\n    <div\n      v-if=\"cookies.length\"\n      class=\"max-h-[calc(100%-32px)] overflow-y-auto\">\n      <DataTable\n        :columns=\"['minmax(auto, min-content)', 'minmax(50%, 1fr)']\"\n        scroll>\n        <DataTableRow class=\"sr-only !block\">\n          <DataTableHeader>Cookie Name</DataTableHeader>\n          <DataTableHeader>Cookie Value</DataTableHeader>\n        </DataTableRow>\n        <DataTableRow\n          v-for=\"(item, index) in cookies\"\n          :key=\"item.name\"\n          class=\"group/row text-c-1\">\n          <DataTableText\n            class=\"bg-b-1 sticky left-0 z-1 max-w-full\"\n            :class=\"{ 'border-t-0': index === 0 }\"\n            :text=\"item.name\" />\n          <DataTableText\n            class=\"z-0\"\n            :class=\"{ 'border-t-0': index === 0 }\"\n            :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\n    </div>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"text-c-3 bg-b-1 flex min-h-[64px] items-center justify-center border-t px-4 text-sm\">\n      No cookies\n    </div>\n  </CollapsibleSection>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ResponseCookies.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n  DataTableText,\n} from '@/v2/components/data-table'\nimport { CollapsibleSection } from '@/v2/components/layout'\nimport { useLocalization } from '@/v2/features/localization'\n\ndefineProps<{\n  cookies: { name: string; value: string }[]\n}>()\n\nconst { translate } = useLocalization()\n</script>\n<template>\n  <CollapsibleSection\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"cookies.length\">\n    <template #title>\n      {{ translate('apiClient.responseCookies.cookies') }}\n    </template>\n    <div\n      v-if=\"cookies.length\"\n      class=\"max-h-[calc(100%-32px)] overflow-y-auto\">\n      <DataTable\n        :columns=\"['minmax(auto, min-content)', 'minmax(50%, 1fr)']\"\n        scroll>\n        <DataTableRow class=\"sr-only !block\">\n          <DataTableHeader>\n            {{ translate('apiClient.responseCookies.cookieName') }}\n          </DataTableHeader>\n          <DataTableHeader>\n            {{ translate('apiClient.responseCookies.cookieValue') }}\n          </DataTableHeader>\n        </DataTableRow>\n        <DataTableRow\n          v-for=\"(item, index) in cookies\"\n          :key=\"item.name\"\n          class=\"group/row text-c-1\">\n          <DataTableText\n            class=\"bg-b-1 sticky left-0 z-1 max-w-full\"\n            :class=\"{ 'border-t-0': index === 0 }\"\n            :text=\"item.name\" />\n          <DataTableText\n            class=\"z-0\"\n            :class=\"{ 'border-t-0': index === 0 }\"\n            :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\n    </div>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"text-c-3 bg-b-1 flex min-h-[64px] items-center justify-center border-t px-4 text-sm\">\n      {{ translate('apiClient.responseCookies.noCookies') }}\n    </div>\n  </CollapsibleSection>\n</template>\n"],"mappings":""}

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

@@ -1,9 +1,10 @@
+import { useLocalization } from "../../../features/localization/index.js";
 import DataTable_default from "../../../components/data-table/DataTable.vue.js";
 import DataTableHeader_default from "../../../components/data-table/DataTableHeader.vue.js";
 import DataTableRow_default from "../../../components/data-table/DataTableRow.vue.js";
 import DataTableText_default from "../../../components/data-table/DataTableText.vue.js";
 import CollapsibleSection_default from "../../../components/layout/CollapsibleSection.vue.js";
-import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, unref, withCtx } from "vue";
+import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 //#region src/v2/blocks/response-block/components/ResponseCookies.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -17,23 +18,24 @@ var ResponseCookies_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	__name: "ResponseCookies",
 	props: { cookies: {} },
 	setup(__props) {
+		const { translate } = useLocalization();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(CollapsibleSection_default), {
 				class: "overflow-auto",
 				defaultOpen: false,
 				itemCount: __props.cookies.length
 			}, {
-				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Cookies", -1)])]),
+				title: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.responseCookies.cookies")), 1)]),
 				default: withCtx(() => [__props.cookies.length ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(DataTable_default), {
 					columns: ["minmax(auto, min-content)", "minmax(50%, 1fr)"],
 					scroll: ""
 				}, {
 					default: withCtx(() => [createVNode(unref(DataTableRow_default), { class: "sr-only !block" }, {
 						default: withCtx(() => [createVNode(unref(DataTableHeader_default), null, {
-							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Cookie Name", -1)])]),
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.responseCookies.cookieName")), 1)]),
 							_: 1
 						}), createVNode(unref(DataTableHeader_default), null, {
-							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Cookie Value", -1)])]),
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.responseCookies.cookieValue")), 1)]),
 							_: 1
 						})]),
 						_: 1
@@ -53,7 +55,7 @@ var ResponseCookies_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 						}, 1024);
 					}), 128))]),
 					_: 1
-				})])) : (openBlock(), createElementBlock("div", _hoisted_2, " No cookies "))]),
+				})])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(translate)("apiClient.responseCookies.noCookies")), 1))]),
 				_: 1
 			}, 8, ["itemCount"]);
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseCookies.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n  DataTableText,\n} from '@/v2/components/data-table'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\ndefineProps<{\n  cookies: { name: string; value: string }[]\n}>()\n</script>\n<template>\n  <CollapsibleSection\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"cookies.length\">\n    <template #title>Cookies</template>\n    <div\n      v-if=\"cookies.length\"\n      class=\"max-h-[calc(100%-32px)] overflow-y-auto\">\n      <DataTable\n        :columns=\"['minmax(auto, min-content)', 'minmax(50%, 1fr)']\"\n        scroll>\n        <DataTableRow class=\"sr-only !block\">\n          <DataTableHeader>Cookie Name</DataTableHeader>\n          <DataTableHeader>Cookie Value</DataTableHeader>\n        </DataTableRow>\n        <DataTableRow\n          v-for=\"(item, index) in cookies\"\n          :key=\"item.name\"\n          class=\"group/row text-c-1\">\n          <DataTableText\n            class=\"bg-b-1 sticky left-0 z-1 max-w-full\"\n            :class=\"{ 'border-t-0': index === 0 }\"\n            :text=\"item.name\" />\n          <DataTableText\n            class=\"z-0\"\n            :class=\"{ 'border-t-0': index === 0 }\"\n            :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\n    </div>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"text-c-3 bg-b-1 flex min-h-[64px] items-center justify-center border-t px-4 text-sm\">\n      No cookies\n    </div>\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;uBAcE,YAoCqB,MAAA,0BAAA,GAAA;IAnCnB,OAAM;IACL,aAAa;IACb,WAAW,QAAA,QAAQ;;IACT,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,EAAA,CAAA,EAAA,CAAA;2BAyBlB,CAvBE,QAAA,QAAQ,UAAA,UAAA,GADhB,mBAwBM,OAxBN,YAwBM,CArBJ,YAoBY,MAAA,iBAAA,GAAA;KAnBT,SAAS,CAAA,6BAAA,kBAAA;KACV,QAAA;;4BAIe,CAHf,YAGe,MAAA,oBAAA,GAAA,EAHD,OAAM,iBAAgB,GAAA;6BACY,CAA9C,YAA8C,MAAA,uBAAA,GAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAX,eAAW,EAAA,CAAA,EAAA,CAAA;;UAC5B,YAA+C,MAAA,uBAAA,GAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAZ,gBAAY,EAAA,CAAA,EAAA,CAAA;;;;2BAE/B,mBAYe,UAAA,MAAA,WAXW,QAAA,UAAhB,MAAM,UAAK;0BADrB,YAYe,MAAA,oBAAA,GAAA;OAVZ,KAAK,KAAK;OACX,OAAM;;8BAIgB,CAHtB,YAGsB,MAAA,qBAAA,GAAA;QAFpB,OAAK,eAAA,CAAC,uCAAqC,EAAA,cACnB,UAAK,EAAA,CAAA,CAAA;QAC5B,MAAM,KAAK;uCACd,YAGuB,MAAA,qBAAA,GAAA;QAFrB,OAAK,eAAA,CAAC,OAAK,EAAA,cACa,UAAK,EAAA,CAAA,CAAA;QAC5B,MAAM,KAAK;;;;;;0BAKpB,mBAIM,OAJN,YAE8F,cAE9F,EAAA,CAAA"}
+{"version":3,"file":"ResponseCookies.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n  DataTableText,\n} from '@/v2/components/data-table'\nimport { CollapsibleSection } from '@/v2/components/layout'\nimport { useLocalization } from '@/v2/features/localization'\n\ndefineProps<{\n  cookies: { name: string; value: string }[]\n}>()\n\nconst { translate } = useLocalization()\n</script>\n<template>\n  <CollapsibleSection\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"cookies.length\">\n    <template #title>\n      {{ translate('apiClient.responseCookies.cookies') }}\n    </template>\n    <div\n      v-if=\"cookies.length\"\n      class=\"max-h-[calc(100%-32px)] overflow-y-auto\">\n      <DataTable\n        :columns=\"['minmax(auto, min-content)', 'minmax(50%, 1fr)']\"\n        scroll>\n        <DataTableRow class=\"sr-only !block\">\n          <DataTableHeader>\n            {{ translate('apiClient.responseCookies.cookieName') }}\n          </DataTableHeader>\n          <DataTableHeader>\n            {{ translate('apiClient.responseCookies.cookieValue') }}\n          </DataTableHeader>\n        </DataTableRow>\n        <DataTableRow\n          v-for=\"(item, index) in cookies\"\n          :key=\"item.name\"\n          class=\"group/row text-c-1\">\n          <DataTableText\n            class=\"bg-b-1 sticky left-0 z-1 max-w-full\"\n            :class=\"{ 'border-t-0': index === 0 }\"\n            :text=\"item.name\" />\n          <DataTableText\n            class=\"z-0\"\n            :class=\"{ 'border-t-0': index === 0 }\"\n            :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\n    </div>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"text-c-3 bg-b-1 flex min-h-[64px] items-center justify-center border-t px-4 text-sm\">\n      {{ translate('apiClient.responseCookies.noCookies') }}\n    </div>\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAcA,MAAM,EAAE,cAAc,gBAAgB;;uBAGpC,YA0CqB,MAAA,0BAAA,GAAA;IAzCnB,OAAM;IACL,aAAa;IACb,WAAW,QAAA,QAAQ;;IACT,OAAK,cACsC,CAAA,gBAAA,gBAAjD,MAAA,SAAA,CAAS,CAAA,mCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;2BA8BR,CA3BE,QAAA,QAAQ,UAAA,UAAA,GADhB,mBA4BM,OA5BN,YA4BM,CAzBJ,YAwBY,MAAA,iBAAA,GAAA;KAvBT,SAAS,CAAA,6BAAA,kBAAA;KACV,QAAA;;4BAQe,CAPf,YAOe,MAAA,oBAAA,GAAA,EAPD,OAAM,iBAAgB,GAAA;6BAGhB,CAFlB,YAEkB,MAAA,uBAAA,GAAA,MAAA;8BADuC,CAAA,gBAAA,gBAApD,MAAA,SAAA,CAAS,CAAA,sCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;UAEd,YAEkB,MAAA,uBAAA,GAAA,MAAA;8BADwC,CAAA,gBAAA,gBAArD,MAAA,SAAA,CAAS,CAAA,uCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;2BAGhB,mBAYe,UAAA,MAAA,WAXW,QAAA,UAAhB,MAAM,UAAK;0BADrB,YAYe,MAAA,oBAAA,GAAA;OAVZ,KAAK,KAAK;OACX,OAAM;;8BAIgB,CAHtB,YAGsB,MAAA,qBAAA,GAAA;QAFpB,OAAK,eAAA,CAAC,uCAAqC,EAAA,cACnB,UAAK,EAAA,CAAA,CAAA;QAC5B,MAAM,KAAK;uCACd,YAGuB,MAAA,qBAAA,GAAA;QAFrB,OAAK,eAAA,CAAC,OAAK,EAAA,cACa,UAAK,EAAA,CAAA,CAAA;QAC5B,MAAM,KAAK;;;;;;0BAKpB,mBAIM,OAJN,YAIM,gBADD,MAAA,SAAA,CAAS,CAAA,qCAAA,CAAA,GAAA,CAAA,EAAA,CAAA"}

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

@@ -10,12 +10,12 @@ type __VLS_Props = {
     appVersion: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    addRequest: () => any;
     sendRequest: () => any;
+    addRequest: () => any;
     openCommandPalette: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onAddRequest?: (() => any) | undefined;
     onSendRequest?: (() => any) | undefined;
+    onAddRequest?: (() => any) | undefined;
     onOpenCommandPalette?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"names":[],"mappings":"AA+HA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;AA2LF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"names":[],"mappings":"AAqIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;AAwMF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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-1c2fb5fe"]]);
+var ResponseEmpty_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ResponseEmpty_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8ed574de"]]);
 //#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/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  /** Wait for the selected external request example before sending. */\n  executionDisabled?: boolean\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        :disabled=\"executionDisabled\"\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 { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { totalPerformedRequests, layout, appVersion } = defineProps<{\n  /** Wait for the selected external request example before sending. */\n  executionDisabled?: boolean\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\nconst { translate } = useLocalization()\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        {{\n          translate('apiClient.responseEmpty.version', { version: appVersion })\n        }}\n        <div class=\"mt-2\">\n          <a\n            href=\"https://github.com/scalar/scalar/issues/2669\"\n            target=\"_blank\"\n            >{{ translate('apiClient.responseEmpty.roadmap') }}</a\n          >\n        </div>\n      </div>\n      <a\n        class=\"gitbook-show scalar-version-number\"\n        href=\"https://www.scalar.com\"\n        target=\"_blank\"\n        >{{ translate('apiClient.responseEmpty.poweredByScalarcom') }}</a\n      >\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        {{ translate('apiClient.responseEmpty.getStarted')\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        {{ translate('apiClient.responseEmpty.newRequest')\n        }}<ScalarHotkey hotkey=\"N\" />\n      </button>\n      <button\n        class=\"flex items-center gap-1.5\"\n        :disabled=\"executionDisabled\"\n        type=\"button\"\n        @click=\"emits('sendRequest')\">\n        {{ translate('apiClient.responseEmpty.sendRequest')\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,3 +1,4 @@
+import { useLocalization } from "../../../features/localization/index.js";
 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";
@@ -8,8 +9,18 @@ var _hoisted_2 = {
 	key: 0,
 	class: "scalar-version-number"
 };
-var _hoisted_3 = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" };
-var _hoisted_4 = ["disabled"];
+var _hoisted_3 = { class: "mt-2" };
+var _hoisted_4 = {
+	href: "https://github.com/scalar/scalar/issues/2669",
+	target: "_blank"
+};
+var _hoisted_5 = {
+	class: "gitbook-show scalar-version-number",
+	href: "https://www.scalar.com",
+	target: "_blank"
+};
+var _hoisted_6 = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" };
+var _hoisted_7 = ["disabled"];
 var ResponseEmpty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ResponseEmpty",
 	props: {
@@ -25,28 +36,22 @@ var ResponseEmpty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 	],
 	setup(__props, { emit: __emit }) {
 		const emits = __emit;
+		const { translate } = useLocalization();
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", { class: normalizeClass(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", { "hidden opacity-0": __props.totalPerformedRequests > 0 && __props.layout !== "modal" }]) }, [
-				__props.layout !== "modal" ? (openBlock(), createElementBlock("div", _hoisted_2, [createTextVNode(" Scalar App V" + toDisplayString(__props.appVersion) + " Beta ", 1), _cache[3] || (_cache[3] = createElementVNode("div", { class: "mt-2" }, [createElementVNode("a", {
-					href: "https://github.com/scalar/scalar/issues/2669",
-					target: "_blank"
-				}, " Roadmap ")], -1))])) : createCommentVNode("", true),
-				_cache[4] || (_cache[4] = createElementVNode("a", {
-					class: "gitbook-show scalar-version-number",
-					href: "https://www.scalar.com",
-					target: "_blank"
-				}, " Powered By Scalar.com ", -1)),
+				__props.layout !== "modal" ? (openBlock(), createElementBlock("div", _hoisted_2, [createTextVNode(toDisplayString(unref(translate)("apiClient.responseEmpty.version", { version: __props.appVersion })) + " ", 1), createElementVNode("div", _hoisted_3, [createElementVNode("a", _hoisted_4, toDisplayString(unref(translate)("apiClient.responseEmpty.roadmap")), 1)])])) : createCommentVNode("", true),
+				createElementVNode("a", _hoisted_5, toDisplayString(unref(translate)("apiClient.responseEmpty.poweredByScalarcom")), 1),
 				createVNode(unref(ScalarAsciiArt_default), {
 					art: unref(computer_default),
 					class: "text-c-3"
 				}, null, 8, ["art"])
-			], 2), createElementVNode("div", _hoisted_3, [
+			], 2), createElementVNode("div", _hoisted_6, [
 				__props.layout !== "modal" ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "flex items-center gap-1.5",
 					type: "button",
 					onClick: _cache[0] || (_cache[0] = ($event) => emits("openCommandPalette"))
-				}, [_cache[5] || (_cache[5] = createTextVNode(" Get Started ", -1)), createVNode(unref(ScalarHotkey), {
+				}, [createTextVNode(toDisplayString(unref(translate)("apiClient.responseEmpty.getStarted")), 1), createVNode(unref(ScalarHotkey), {
 					hotkey: "k",
 					modifier: ["default"]
 				})])) : createCommentVNode("", true),
@@ -55,13 +60,13 @@ var ResponseEmpty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					class: "flex items-center gap-1.5",
 					type: "button",
 					onClick: _cache[1] || (_cache[1] = ($event) => emits("addRequest"))
-				}, [_cache[6] || (_cache[6] = createTextVNode(" New Request ", -1)), createVNode(unref(ScalarHotkey), { hotkey: "N" })])) : createCommentVNode("", true),
+				}, [createTextVNode(toDisplayString(unref(translate)("apiClient.responseEmpty.newRequest")), 1), createVNode(unref(ScalarHotkey), { hotkey: "N" })])) : createCommentVNode("", true),
 				createElementVNode("button", {
 					class: "flex items-center gap-1.5",
 					disabled: __props.executionDisabled,
 					type: "button",
 					onClick: _cache[2] || (_cache[2] = ($event) => emits("sendRequest"))
-				}, [_cache[7] || (_cache[7] = createTextVNode(" Send Request ", -1)), createVNode(unref(ScalarHotkey), { hotkey: "↵" })], 8, _hoisted_4)
+				}, [createTextVNode(toDisplayString(unref(translate)("apiClient.responseEmpty.sendRequest")), 1), createVNode(unref(ScalarHotkey), { hotkey: "↵" })], 8, _hoisted_7)
 			])]);
 		};
 	}

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/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  /** Wait for the selected external request example before sending. */\n  executionDisabled?: boolean\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        :disabled=\"executionDisabled\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;;uBAOZ,mBA0DM,OA1DN,YA0DM,CAzDJ,mBA0BM,OAAA,EAzBJ,OAAK,eAAA,CAAC,mEAAiE,EAAA,oBACjC,QAAA,yBAAsB,KAAQ,QAAA,WAAM,QAAA,CAAA,CAAA,EAAA,GAAA;IAIlE,QAAA,WAAM,WAAA,UAAA,GADd,mBAWM,OAXN,YAWM,CAAA,gBAT0B,kBAClB,gBAAG,QAAA,UAAU,IAAG,UAC5B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,mBAMM,OAAA,EAND,OAAM,OAAM,GAAA,CACf,mBAII,KAAA;KAHF,MAAK;KACL,QAAO;OAAS,WAElB,CAAA,GAAA,EAAA,EAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;8BAGJ,mBAKI,KAAA;KAJF,OAAM;KACN,MAAK;KACL,QAAO;OAAS,2BAElB,EAAA;IACA,YAEqB,MAAA,sBAAA,GAAA;KADlB,KAAK,MAAA,gBAAA;KACN,OAAM;;UAGV,mBA4BM,OA5BN,YA4BM;IAzBI,QAAA,WAAM,WAAA,UAAA,GADd,mBASS,UAAA;;KAPP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,oBAAA;kDAAwB,iBAErC,EAAA,IAAA,YAE4B,MAAA,YAAA,GAAA;KAD1B,QAAO;KACN,UAAU,CAAA,SAAA;;IAGP,QAAA,WAAM,aAAA,UAAA,GADd,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,YAAA;kDAAgB,iBAE7B,EAAA,IAAA,YAA2B,MAAA,YAAA,GAAA,EAAb,QAAO,IAAG,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAE1B,mBAOS,UAAA;KANP,OAAM;KACL,UAAU,QAAA;KACX,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,aAAA;kDAAiB,kBAE9B,EAAA,IAAA,YAA2B,MAAA,YAAA,GAAA,EAAb,QAAO,IAAG,CAAA,CAAA,GAAA,GAAA,UAAA"}
+{"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 { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { totalPerformedRequests, layout, appVersion } = defineProps<{\n  /** Wait for the selected external request example before sending. */\n  executionDisabled?: boolean\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\nconst { translate } = useLocalization()\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        {{\n          translate('apiClient.responseEmpty.version', { version: appVersion })\n        }}\n        <div class=\"mt-2\">\n          <a\n            href=\"https://github.com/scalar/scalar/issues/2669\"\n            target=\"_blank\"\n            >{{ translate('apiClient.responseEmpty.roadmap') }}</a\n          >\n        </div>\n      </div>\n      <a\n        class=\"gitbook-show scalar-version-number\"\n        href=\"https://www.scalar.com\"\n        target=\"_blank\"\n        >{{ translate('apiClient.responseEmpty.poweredByScalarcom') }}</a\n      >\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        {{ translate('apiClient.responseEmpty.getStarted')\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        {{ translate('apiClient.responseEmpty.newRequest')\n        }}<ScalarHotkey hotkey=\"N\" />\n      </button>\n      <button\n        class=\"flex items-center gap-1.5\"\n        :disabled=\"executionDisabled\"\n        type=\"button\"\n        @click=\"emits('sendRequest')\">\n        {{ translate('apiClient.responseEmpty.sendRequest')\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAMd,MAAM,EAAE,cAAc,gBAAgB;;uBAGpC,mBA4DM,OA5DN,YA4DM,CA3DJ,mBA4BM,OAAA,EA3BJ,OAAK,eAAA,CAAC,mEAAiE,EAAA,oBACjC,QAAA,yBAAsB,KAAQ,QAAA,WAAM,QAAA,CAAA,CAAA,EAAA,GAAA;IAIlE,QAAA,WAAM,WAAA,UAAA,GADd,mBAaM,OAbN,YAaM,CAAA,gBAAA,gBATF,MAAA,SAAA,CAAS,CAAA,mCAAA,EAAA,SAA+C,QAAA,WAAU,CAAA,CAAA,IAClE,KACF,CAAA,GAAA,mBAMM,OANN,YAMM,CALJ,mBAIC,KAJD,YAIC,gBADK,MAAA,SAAA,CAAS,CAAA,iCAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAInB,mBAKC,KALD,YAKC,gBADK,MAAA,SAAA,CAAS,CAAA,4CAAA,CAAA,GAAA,CAAA;IAEf,YAEqB,MAAA,sBAAA,GAAA;KADlB,KAAK,MAAA,gBAAA;KACN,OAAM;;UAGV,mBA4BM,OA5BN,YA4BM;IAzBI,QAAA,WAAM,WAAA,UAAA,GADd,mBASS,UAAA;;KAPP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,oBAAA;wCACV,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,GACV,YAE0B,MAAA,YAAA,GAAA;KAD1B,QAAO;KACN,UAAU,CAAA,SAAA;;IAGP,QAAA,WAAM,aAAA,UAAA,GADd,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,YAAA;wCACV,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,GACV,YAA2B,MAAA,YAAA,GAAA,EAAb,QAAO,IAAG,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAE5B,mBAOS,UAAA;KANP,OAAM;KACL,UAAU,QAAA;KACX,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,aAAA;wCACV,MAAA,SAAA,CAAS,CAAA,qCAAA,CAAA,GAAA,CAAA,GACV,YAA2B,MAAA,YAAA,GAAA,EAAb,QAAO,IAAG,CAAA,CAAA,GAAA,GAAA,UAAA"}

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":"AAsEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AA8HF,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":"AA0EA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AAkIF,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-b80db6e2"]]);
+var ResponseLoadingOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-28d73262"]]);
 //#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 { 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":""}
+{"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\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { eventBus } = defineProps<{\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst { translate } = useLocalization()\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        {{ translate('apiClient.responseLoadingOverlay.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,4 +1,5 @@
-import { Transition, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, unref, withCtx } from "vue";
+import { useLocalization } from "../../../features/localization/index.js";
+import { Transition, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
 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
@@ -10,6 +11,7 @@ var ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default = /*@__PU
 	__name: "ResponseLoadingOverlay",
 	props: { eventBus: {} },
 	setup(__props) {
+		const { translate } = useLocalization();
 		const loader = useLoadingState();
 		const timeout = ref();
 		const startLoading = () => {
@@ -40,7 +42,7 @@ var ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default = /*@__PU
 					variant: "ghost",
 					onClick: _cache[0] || (_cache[0] = ($event) => __props.eventBus.emit("operation:cancel:request"))
 				}, {
-					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Cancel ", -1)])]),
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.responseLoadingOverlay.cancel")), 1)]),
 					_: 1
 				})])) : createCommentVNode("", true)]),
 				_: 1

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 { 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,gBAAgB;EAC/B,MAAM,UAAU,IAAmC;EAEnD,MAAM,qBAAqB;GAIzB,aAAa,QAAQ,KAAK;GAC1B,QAAQ,QAAQ,iBAAiB,OAAO,MAAM,GAAG,GAAI;EACvD;EAEA,MAAM,oBAAoB;GACxB,aAAa,QAAQ,KAAK;GAC1B,QAAQ,QAAQ,KAAA;GAChB,OAAY,MAAM;EACpB;EAEA,gBAAgB;GACd,QAAA,SAAS,GAAG,yBAAyB,YAAY;GACjD,QAAA,SAAS,GAAG,6BAA6B,WAAW;EACtD,CAAC;EAED,sBAAsB;GACpB,QAAA,SAAS,IAAI,yBAAyB,YAAY;GAClD,QAAA,SAAS,IAAI,6BAA6B,WAAW;GACrD,YAAY;EACd,CAAC;;uBAGC,YAca,YAAA,MAAA;2BADL,CAXE,MAAA,MAAA,CAAM,CAAC,YAAA,UAAA,GADf,mBAYM,OAZN,YAYM,CATJ,YAGe,MAAA,aAAA,GAAA;KAFb,OAAM;KACL,QAAA,MAAA,MAAA;KACD,MAAK;6BACP,YAIe,MAAA,YAAA,GAAA;KAHb,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,0BAAA;;4BAEvB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFqD,YAErD,EAAA,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\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { eventBus } = defineProps<{\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst { translate } = useLocalization()\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        {{ translate('apiClient.responseLoadingOverlay.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":";;;;;;;;;;;;;EAaA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,SAAS,gBAAgB;EAC/B,MAAM,UAAU,IAAmC;EAEnD,MAAM,qBAAqB;GAIzB,aAAa,QAAQ,KAAK;GAC1B,QAAQ,QAAQ,iBAAiB,OAAO,MAAM,GAAG,GAAI;EACvD;EAEA,MAAM,oBAAoB;GACxB,aAAa,QAAQ,KAAK;GAC1B,QAAQ,QAAQ,KAAA;GAChB,OAAY,MAAM;EACpB;EAEA,gBAAgB;GACd,QAAA,SAAS,GAAG,yBAAyB,YAAY;GACjD,QAAA,SAAS,GAAG,6BAA6B,WAAW;EACtD,CAAC;EAED,sBAAsB;GACpB,QAAA,SAAS,IAAI,yBAAyB,YAAY;GAClD,QAAA,SAAS,IAAI,6BAA6B,WAAW;GACrD,YAAY;EACd,CAAC;;uBAGC,YAca,YAAA,MAAA;2BADL,CAXE,MAAA,MAAA,CAAM,CAAC,YAAA,UAAA,GADf,mBAYM,OAZN,YAYM,CATJ,YAGe,MAAA,aAAA,GAAA;KAFb,OAAM;KACL,QAAA,MAAA,MAAA;KACD,MAAK;6BACP,YAIe,MAAA,YAAA,GAAA;KAHb,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,0BAAA;;4BACqC,CAAA,gBAAA,gBAAvD,MAAA,SAAA,CAAS,CAAA,yCAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAA;AAGxF,KAAK,WAAW,GAAG;IACjB,eAAe;IACf,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AAgJF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"names":[],"mappings":"AA0GA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAA;AAIxF,KAAK,WAAW,GAAG;IACjB,eAAe;IACf,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AA4JF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseMetaInformation.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  httpStatusCodes,\n  type HttpStatusCode,\n} from '@scalar/helpers/http/http-status-codes'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport type { ResponseInstance } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { getContentLength } from '@/v2/blocks/response-block/helpers/get-content-length'\n\nconst { response, eventBus } = defineProps<{\n  /** Response */\n  response: ResponseInstance\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nconst stopStopwatch = () => {\n  clearInterval(interval.value)\n  interval.value = undefined\n  stopwatch.value = 0\n}\n\nconst startStopwatch = () => {\n  interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startStopwatch)\n  eventBus.on('hooks:on:request:complete', stopStopwatch)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startStopwatch)\n  eventBus.off('hooks:on:request:complete', stopStopwatch)\n  stopStopwatch()\n})\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = response?.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">Response Information, Duration:</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">, Size:</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">, Status:</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ResponseMetaInformation.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  httpStatusCodes,\n  type HttpStatusCode,\n} from '@scalar/helpers/http/http-status-codes'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport type { ResponseInstance } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { getContentLength } from '@/v2/blocks/response-block/helpers/get-content-length'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { response, eventBus } = defineProps<{\n  /** Response */\n  response: ResponseInstance\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst { translate } = useLocalization()\n\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nconst stopStopwatch = () => {\n  clearInterval(interval.value)\n  interval.value = undefined\n  stopwatch.value = 0\n}\n\nconst startStopwatch = () => {\n  interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startStopwatch)\n  eventBus.on('hooks:on:request:complete', stopStopwatch)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startStopwatch)\n  eventBus.off('hooks:on:request:complete', stopStopwatch)\n  stopStopwatch()\n})\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = response?.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.duration')\n        }}</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.size')\n        }}</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.status')\n        }}</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../../features/localization/index.js";
 import HelpfulLink_default from "../../../../components/HelpfulLink.vue.js";
 import { getContentLength } from "../helpers/get-content-length.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
@@ -6,8 +7,11 @@ import prettyMilliseconds from "pretty-ms";
 //#region src/v2/blocks/response-block/components/ResponseMetaInformation.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "text-c-1 flex gap-1.5" };
 var _hoisted_2 = { key: 0 };
-var _hoisted_3 = { key: 0 };
-var _hoisted_4 = { key: 1 };
+var _hoisted_3 = { class: "sr-only" };
+var _hoisted_4 = { key: 0 };
+var _hoisted_5 = { class: "sr-only" };
+var _hoisted_6 = { class: "sr-only" };
+var _hoisted_7 = { key: 1 };
 var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ResponseMetaInformation",
 	props: {
@@ -15,6 +19,7 @@ var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /*@__P
 		eventBus: {}
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
 		const interval = ref();
 		const stopwatch = ref(0);
 		const stopStopwatch = () => {
@@ -42,9 +47,9 @@ var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /*@__P
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [interval.value && stopwatch.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(prettyMilliseconds)(stopwatch.value)), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-				createElementVNode("span", null, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Response Information, Duration:", -1)), createTextVNode(" " + toDisplayString(unref(prettyMilliseconds)(__props.response.duration)), 1)]),
-				unref(getContentLength)(__props.response) ? (openBlock(), createElementBlock("span", _hoisted_3, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, ", Size:", -1)), createTextVNode(" " + toDisplayString(unref(getContentLength)(__props.response)), 1)])) : createCommentVNode("", true),
-				statusCodeInformation.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "sr-only" }, ", Status:", -1)), statusCodeInformation.value.url ? (openBlock(), createBlock(HelpfulLink_default, {
+				createElementVNode("span", null, [createElementVNode("span", _hoisted_3, toDisplayString(unref(translate)("apiClient.responseMetaInformation.duration")), 1), createTextVNode(" " + toDisplayString(unref(prettyMilliseconds)(__props.response.duration)), 1)]),
+				unref(getContentLength)(__props.response) ? (openBlock(), createElementBlock("span", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(unref(translate)("apiClient.responseMetaInformation.size")), 1), createTextVNode(" " + toDisplayString(unref(getContentLength)(__props.response)), 1)])) : createCommentVNode("", true),
+				statusCodeInformation.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_6, toDisplayString(unref(translate)("apiClient.responseMetaInformation.status")), 1), statusCodeInformation.value.url ? (openBlock(), createBlock(HelpfulLink_default, {
 					key: 0,
 					class: "flex items-center gap-1.5",
 					href: statusCodeInformation.value.url
@@ -54,7 +59,7 @@ var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /*@__P
 						style: normalizeStyle({ backgroundColor: statusCodeInformation.value.color })
 					}, null, 4)]),
 					_: 1
-				}, 8, ["href"])) : (openBlock(), createElementBlock("span", _hoisted_4, [createTextVNode(toDisplayString(__props.response.status) + " " + toDisplayString(statusCodeInformation.value.name) + " ", 1), createElementVNode("span", {
+				}, 8, ["href"])) : (openBlock(), createElementBlock("span", _hoisted_7, [createTextVNode(toDisplayString(__props.response.status) + " " + toDisplayString(statusCodeInformation.value.name) + " ", 1), createElementVNode("span", {
 					class: "block h-1.5 w-1.5 rounded-full",
 					style: normalizeStyle({ backgroundColor: statusCodeInformation.value.color })
 				}, null, 4)]))], 64)) : createCommentVNode("", true)

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseMetaInformation.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  httpStatusCodes,\n  type HttpStatusCode,\n} from '@scalar/helpers/http/http-status-codes'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport type { ResponseInstance } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { getContentLength } from '@/v2/blocks/response-block/helpers/get-content-length'\n\nconst { response, eventBus } = defineProps<{\n  /** Response */\n  response: ResponseInstance\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nconst stopStopwatch = () => {\n  clearInterval(interval.value)\n  interval.value = undefined\n  stopwatch.value = 0\n}\n\nconst startStopwatch = () => {\n  interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startStopwatch)\n  eventBus.on('hooks:on:request:complete', stopStopwatch)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startStopwatch)\n  eventBus.off('hooks:on:request:complete', stopStopwatch)\n  stopStopwatch()\n})\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = response?.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">Response Information, Duration:</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">, Size:</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">, Status:</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAoBA,MAAM,WAAW,IAAoC;EACrD,MAAM,YAAY,IAAI,CAAC;EAEvB,MAAM,sBAAsB;GAC1B,cAAc,SAAS,KAAK;GAC5B,SAAS,QAAQ,KAAA;GACjB,UAAU,QAAQ;EACpB;EAEA,MAAM,uBAAuB;GAC3B,SAAS,QAAQ,kBAAmB,UAAU,SAAS,KAAO,GAAI;EACpE;EAEA,gBAAgB;GACd,QAAA,SAAS,GAAG,yBAAyB,cAAc;GACnD,QAAA,SAAS,GAAG,6BAA6B,aAAa;EACxD,CAAC;EAED,sBAAsB;GACpB,QAAA,SAAS,IAAI,yBAAyB,cAAc;GACpD,QAAA,SAAS,IAAI,6BAA6B,aAAa;GACvD,cAAc;EAChB,CAAC;;EAGD,MAAM,wBAAwB,eAA2C;GACvE,MAAM,qBAAqB,QAAA,UAAU;GAErC,IAAI,CAAC,oBACH;GAGF,OAAO,gBAAgB,uBAAuB,KAAA;EAChD,CAAC;;uBAGC,mBAgCM,OAhCN,YAgCM,CA/BQ,SAAA,SAAY,UAAA,SAAA,UAAA,GAAxB,mBAES,QAAA,YAAA,gBADP,MAAA,kBAAA,CAAkB,CAAC,UAAA,KAAS,CAAA,GAAA,CAAA,MAAA,UAAA,GAE9B,mBA2BW,UAAA,EAAA,KAAA,EAAA,GAAA;IA1BT,mBAGO,QAAA,MAAA,CAAA,OAAA,OAAA,OAAA,KAFL,mBAA4D,QAAA,EAAtD,OAAM,UAAS,GAAC,mCAA+B,EAAA,IAAA,gBAAO,MAC5D,gBAAG,MAAA,kBAAA,CAAkB,CAAC,QAAA,SAAS,QAAQ,CAAA,GAAA,CAAA,CAAA,CAAA;IAE7B,MAAA,gBAAA,CAAgB,CAAC,QAAA,QAAQ,KAAA,UAAA,GAArC,mBAGO,QAAA,YAAA,CAAA,OAAA,OAAA,OAAA,KAFL,mBAAoC,QAAA,EAA9B,OAAM,UAAS,GAAC,WAAO,EAAA,IAAA,gBAAO,MACpC,gBAAG,MAAA,gBAAA,CAAgB,CAAC,QAAA,QAAQ,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEd,sBAAA,SAAA,UAAA,GAAhB,mBAiBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,OAAA,OAAA,OAAA,KAhBT,mBAAsC,QAAA,EAAhC,OAAM,UAAS,GAAC,aAAS,EAAA,IAEvB,sBAAA,MAAsB,OAAA,UAAA,GAD9B,YAQc,qBAAA;;KANZ,OAAM;KACL,MAAM,sBAAA,MAAsB;;4BACR,CAAA,gBAAA,gBAAlB,QAAA,SAAS,MAAM,IAAG,MAAC,gBAAG,sBAAA,MAAsB,IAAI,IAAG,KACtD,CAAA,GAAA,mBAE8D,QAAA;MAD5D,OAAM;MACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,MAAK,CAAA;;;qCAE1D,mBAKO,QAAA,YAAA,CAAA,gBAAA,gBAJF,QAAA,SAAS,MAAM,IAAG,MAAC,gBAAG,sBAAA,MAAsB,IAAI,IAAG,KACtD,CAAA,GAAA,mBAE8D,QAAA;KAD5D,OAAM;KACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,MAAK,CAAA"}
+{"version":3,"file":"ResponseMetaInformation.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  httpStatusCodes,\n  type HttpStatusCode,\n} from '@scalar/helpers/http/http-status-codes'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport type { ResponseInstance } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { getContentLength } from '@/v2/blocks/response-block/helpers/get-content-length'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { response, eventBus } = defineProps<{\n  /** Response */\n  response: ResponseInstance\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst { translate } = useLocalization()\n\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nconst stopStopwatch = () => {\n  clearInterval(interval.value)\n  interval.value = undefined\n  stopwatch.value = 0\n}\n\nconst startStopwatch = () => {\n  interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startStopwatch)\n  eventBus.on('hooks:on:request:complete', stopStopwatch)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startStopwatch)\n  eventBus.off('hooks:on:request:complete', stopStopwatch)\n  stopStopwatch()\n})\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = response?.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.duration')\n        }}</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.size')\n        }}</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.status')\n        }}</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAqBA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,WAAW,IAAoC;EACrD,MAAM,YAAY,IAAI,CAAC;EAEvB,MAAM,sBAAsB;GAC1B,cAAc,SAAS,KAAK;GAC5B,SAAS,QAAQ,KAAA;GACjB,UAAU,QAAQ;EACpB;EAEA,MAAM,uBAAuB;GAC3B,SAAS,QAAQ,kBAAmB,UAAU,SAAS,KAAO,GAAI;EACpE;EAEA,gBAAgB;GACd,QAAA,SAAS,GAAG,yBAAyB,cAAc;GACnD,QAAA,SAAS,GAAG,6BAA6B,aAAa;EACxD,CAAC;EAED,sBAAsB;GACpB,QAAA,SAAS,IAAI,yBAAyB,cAAc;GACpD,QAAA,SAAS,IAAI,6BAA6B,aAAa;GACvD,cAAc;EAChB,CAAC;;EAGD,MAAM,wBAAwB,eAA2C;GACvE,MAAM,qBAAqB,QAAA,UAAU;GAErC,IAAI,CAAC,oBACH;GAGF,OAAO,gBAAgB,uBAAuB,KAAA;EAChD,CAAC;;uBAGC,mBAsCM,OAtCN,YAsCM,CArCQ,SAAA,SAAY,UAAA,SAAA,UAAA,GAAxB,mBAES,QAAA,YAAA,gBADP,MAAA,kBAAA,CAAkB,CAAC,UAAA,KAAS,CAAA,GAAA,CAAA,MAAA,UAAA,GAE9B,mBAiCW,UAAA,EAAA,KAAA,EAAA,GAAA;IAhCT,mBAKO,QAAA,MAAA,CAJL,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,4CAAA,CAAA,GAAA,CAAA,GAAA,gBACF,MACT,gBAAG,MAAA,kBAAA,CAAkB,CAAC,QAAA,SAAS,QAAQ,CAAA,GAAA,CAAA,CAAA,CAAA;IAE7B,MAAA,gBAAA,CAAgB,CAAC,QAAA,QAAQ,KAAA,UAAA,GAArC,mBAKO,QAAA,YAAA,CAJL,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,wCAAA,CAAA,GAAA,CAAA,GAAA,gBACF,MACT,gBAAG,MAAA,gBAAA,CAAgB,CAAC,QAAA,QAAQ,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEd,sBAAA,SAAA,UAAA,GAAhB,mBAmBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAlBT,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,0CAAA,CAAA,GAAA,CAAA,GAGH,sBAAA,MAAsB,OAAA,UAAA,GAD9B,YAQc,qBAAA;;KANZ,OAAM;KACL,MAAM,sBAAA,MAAsB;;4BACR,CAAA,gBAAA,gBAAlB,QAAA,SAAS,MAAM,IAAG,MAAC,gBAAG,sBAAA,MAAsB,IAAI,IAAG,KACtD,CAAA,GAAA,mBAE8D,QAAA;MAD5D,OAAM;MACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,MAAK,CAAA;;;qCAE1D,mBAKO,QAAA,YAAA,CAAA,gBAAA,gBAJF,QAAA,SAAS,MAAM,IAAG,MAAC,gBAAG,sBAAA,MAAsB,IAAI,IAAG,KACtD,CAAA,GAAA,mBAE8D,QAAA;KAD5D,OAAM;KACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,MAAK,CAAA"}

package/dist/v2/blocks/response-block/helpers/response-stream-multipart.d.ts

@@ -0,0 +1,4 @@
+import type { ResponseStreamParser } from './response-stream.js';
+/** Parse MIME delimiter lines, never treating boundary-like body bytes as separators. */
+export declare const createMultipartParser: (contentType: string, emit: (text: string) => void, nesting?: number, prefix?: string) => ResponseStreamParser;
+//# sourceMappingURL=response-stream-multipart.d.ts.map

package/dist/v2/blocks/response-block/helpers/response-stream-multipart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-stream-multipart.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/helpers/response-stream-multipart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAQ7D,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,EACnB,MAAM,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAC5B,gBAAW,EACX,eAAW,KACV,oBAgIF,CAAA"}