@scalar/agent-chat 0.10.12 → 0.10.14

package/dist/components/RequestPreview.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestPreview.vue.script.js","names":[],"sources":["../../src/components/RequestPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarCodeBlock } from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\nimport { type DeepPartial } from 'ai'\nimport { computed, ref } from 'vue'\n\nimport AutosendPaused from '@/components/AutosendPaused.vue'\nimport BuildingRequest from '@/components/BuildingRequest.vue'\nimport RequestApproved from '@/components/RequestApproved.vue'\nimport RequestFailed from '@/components/RequestFailed.vue'\nimport RequestRejected from '@/components/RequestRejected.vue'\nimport RequestSuccess from '@/components/RequestSuccess.vue'\nimport { getMediaTypeConfig } from '@/components/ResponseBody/helpers/media-types'\nimport { processResponseBody } from '@/components/ResponseBody/helpers/process-response-body'\nimport ResponseBody from '@/components/ResponseBody/ResponseBody.vue'\nimport ResponseBodyToggle from '@/components/ResponseBody/ResponseBodyToggle.vue'\nimport SendingRequest from '@/components/SendingRequest.vue'\nimport type {\n  ExecuteClientSideRequestToolInput,\n  ExecuteClientSideRequestToolOutput,\n} from '@/entities/tools/execute-request'\n\nconst { request, response, state } = defineProps<{\n  request?:\n    | ExecuteClientSideRequestToolInput\n    | DeepPartial<ExecuteClientSideRequestToolInput>\n  response?: ExecuteClientSideRequestToolOutput\n  state:\n    | 'requiresApproval'\n    | 'sendingRequest'\n    | 'requestSucceeded'\n    | 'requestFailed'\n    | 'approved'\n    | 'rejected'\n    | 'buildingRequest'\n}>()\n\nconst responseData = computed(() => {\n  if (response?.success) {\n    return {\n      data: response.data.responseBody,\n      headers: response.data.headers,\n    }\n  }\n\n  if (response?.error?.code === 'REQUEST_NOT_OK') {\n    return {\n      data: response.error.detail.responseBody,\n      headers: response.error.detail.headers,\n    }\n  }\n\n  return undefined\n})\n\nconst showRequestToggle = ref(false)\n\n/** Show request preview automatically for failed requests or when approval is required. */\nconst shouldShowRequest = computed(() => {\n  if (state === 'requestFailed' || state === 'requiresApproval') {\n    return true\n  }\n  return showRequestToggle.value\n})\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data: responseData.value?.data,\n    headers: responseData.value?.headers,\n  }),\n)\n\nconst mediaConfig = computed(() =>\n  getMediaTypeConfig(responseBody.value.mimeType?.essence ?? ''),\n)\n\nconst displayToggle = ref<'preview' | 'raw'>()\nfunction toggleDisplay(mode: 'preview' | 'raw') {\n  displayToggle.value = mode\n}\n\nconst displayMode = computed(() => {\n  if (displayToggle.value) return displayToggle.value\n\n  if (mediaConfig.value?.raw && !mediaConfig.value.preview) return 'raw'\n  if (mediaConfig.value?.preview) return 'preview'\n\n  return 'raw'\n})\n</script>\n\n<template>\n  <div\n    class=\"requestPreview\"\n    :class=\"{\n      open: shouldShowRequest,\n      succeeded: state === 'requestSucceeded',\n    }\">\n    <RequestApproved v-if=\"state === 'approved'\" />\n    <div\n      v-else-if=\"state === 'buildingRequest'\"\n      class=\"autosendContainer\">\n      <BuildingRequest />\n    </div>\n    <div\n      v-else-if=\"state === 'requiresApproval'\"\n      class=\"autosendContainer\">\n      <AutosendPaused />\n    </div>\n    <button\n      v-else-if=\"state === 'sendingRequest'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <SendingRequest />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <button\n      v-else-if=\"state === 'requestSucceeded'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <RequestSuccess />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <button\n      v-else-if=\"state === 'rejected'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <RequestRejected />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <RequestFailed v-else-if=\"state === 'requestFailed'\" />\n    <div class=\"requestContent\">\n      <div class=\"requestContentInner\">\n        <div\n          v-if=\"request\"\n          class=\"code\">\n          <div class=\"requestHeaderContainer\">\n            <h1>Request</h1>\n          </div>\n          <ScalarCodeBlock\n            class=\"codeBlock\"\n            :content=\"JSON.stringify(request, null, 2)\"\n            lang=\"json\" />\n        </div>\n        <div\n          v-if=\"responseData\"\n          class=\"code\">\n          <div class=\"requestHeaderContainer\">\n            <h1>Response</h1>\n            <ResponseBodyToggle\n              v-if=\"mediaConfig?.raw && mediaConfig.preview\"\n              v-model=\"displayMode\"\n              @toggle=\"toggleDisplay\" />\n          </div>\n          <ResponseBody\n            :data=\"responseData.data\"\n            :display=\"displayMode\"\n            :mediaConfig=\"mediaConfig\"\n            :responseBody=\"responseBody\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.requestHeaderContainer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 5px;\n}\n\n.requestPreview {\n  border-radius: 12px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n}\n\n.requestContent {\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  overflow: hidden;\n  transition: grid-template-rows 0.2s ease-out;\n}\n\n.requestPreview.open .requestContent {\n  grid-template-rows: 1fr;\n}\n.requestPreview.succeeded {\n  padding: 0;\n}\n\n.requestContentInner {\n  min-height: 0;\n  overflow: hidden;\n}\n.code {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-font-size-4);\n  border-radius: 12px;\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  overflow: hidden;\n  margin-bottom: 12px;\n}\n.dark-mode .code {\n  background: var(--scalar-background-2);\n}\n.code h1 {\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-3);\n  padding: 8px;\n}\n.code :deep(.codeBlock) {\n  max-height: calc(50vh - 100px);\n  padding-top: 0;\n}\n.autosendContainer {\n  display: flex;\n  justify-content: space-between;\n}\n\n.sendButton {\n  background: var(--scalar-color-blue);\n  color: white;\n  font-weight: var(--scalar-semibold);\n  padding: 5px 10px;\n}\n.sendButton:hover,\n.sendButton:active {\n  background: color-mix(in srgb, var(--scalar-color-blue), black 10%);\n  color: white !important;\n}\n\n.toggleButton {\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  position: relative;\n  display: flex;\n  align-items: center;\n  color: var(--scalar-color-3);\n  justify-content: space-between;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.toggleButton:hover {\n  text-decoration: underline;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"RequestPreview.vue.script.js","names":[],"sources":["../../src/components/RequestPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarCodeBlock } from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\nimport { type DeepPartial } from 'ai'\nimport { computed, ref } from 'vue'\n\nimport AutosendPaused from '@/components/AutosendPaused.vue'\nimport BuildingRequest from '@/components/BuildingRequest.vue'\nimport RequestApproved from '@/components/RequestApproved.vue'\nimport RequestFailed from '@/components/RequestFailed.vue'\nimport RequestRejected from '@/components/RequestRejected.vue'\nimport RequestSuccess from '@/components/RequestSuccess.vue'\nimport { getMediaTypeConfig } from '@/components/ResponseBody/helpers/media-types'\nimport { processResponseBody } from '@/components/ResponseBody/helpers/process-response-body'\nimport ResponseBody from '@/components/ResponseBody/ResponseBody.vue'\nimport ResponseBodyToggle from '@/components/ResponseBody/ResponseBodyToggle.vue'\nimport SendingRequest from '@/components/SendingRequest.vue'\nimport type {\n  ExecuteClientSideRequestToolInput,\n  ExecuteClientSideRequestToolOutput,\n} from '@/entities/tools/execute-request'\n\nconst { request, response, state } = defineProps<{\n  request?:\n    | ExecuteClientSideRequestToolInput\n    | DeepPartial<ExecuteClientSideRequestToolInput>\n  response?: ExecuteClientSideRequestToolOutput\n  state:\n    | 'requiresApproval'\n    | 'sendingRequest'\n    | 'requestSucceeded'\n    | 'requestFailed'\n    | 'approved'\n    | 'rejected'\n    | 'buildingRequest'\n}>()\n\nconst responseData = computed(() => {\n  if (response?.success) {\n    return {\n      data: response.data.responseBody,\n      headers: response.data.headers,\n    }\n  }\n\n  if (response?.error?.code === 'REQUEST_NOT_OK') {\n    return {\n      data: response.error.detail.responseBody,\n      headers: response.error.detail.headers,\n    }\n  }\n\n  return undefined\n})\n\nconst showRequestToggle = ref(false)\n\n/** Show request preview automatically for failed requests or when approval is required. */\nconst shouldShowRequest = computed(() => {\n  if (state === 'requestFailed' || state === 'requiresApproval') {\n    return true\n  }\n  return showRequestToggle.value\n})\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data: responseData.value?.data,\n    headers: responseData.value?.headers,\n  }),\n)\n\nconst mediaConfig = computed(() =>\n  getMediaTypeConfig(responseBody.value.mimeType?.essence ?? ''),\n)\n\nconst displayToggle = ref<'preview' | 'raw'>()\nfunction toggleDisplay(mode: 'preview' | 'raw') {\n  displayToggle.value = mode\n}\n\nconst displayMode = computed(() => {\n  if (displayToggle.value) return displayToggle.value\n\n  if (mediaConfig.value?.raw && !mediaConfig.value.preview) return 'raw'\n  if (mediaConfig.value?.preview) return 'preview'\n\n  return 'raw'\n})\n</script>\n\n<template>\n  <div\n    class=\"requestPreview\"\n    :class=\"{\n      open: shouldShowRequest,\n      succeeded: state === 'requestSucceeded',\n    }\">\n    <RequestApproved v-if=\"state === 'approved'\" />\n    <div\n      v-else-if=\"state === 'buildingRequest'\"\n      class=\"autosendContainer\">\n      <BuildingRequest />\n    </div>\n    <div\n      v-else-if=\"state === 'requiresApproval'\"\n      class=\"autosendContainer\">\n      <AutosendPaused />\n    </div>\n    <button\n      v-else-if=\"state === 'sendingRequest'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <SendingRequest />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <button\n      v-else-if=\"state === 'requestSucceeded'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <RequestSuccess />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <button\n      v-else-if=\"state === 'rejected'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <RequestRejected />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <RequestFailed v-else-if=\"state === 'requestFailed'\" />\n    <div class=\"requestContent\">\n      <div class=\"requestContentInner\">\n        <div\n          v-if=\"request\"\n          class=\"code\">\n          <div class=\"requestHeaderContainer\">\n            <h1>Request</h1>\n          </div>\n          <ScalarCodeBlock\n            class=\"codeBlock\"\n            :content=\"JSON.stringify(request, null, 2)\"\n            lang=\"json\" />\n        </div>\n        <div\n          v-if=\"responseData\"\n          class=\"code\">\n          <div class=\"requestHeaderContainer\">\n            <h1>Response</h1>\n            <ResponseBodyToggle\n              v-if=\"mediaConfig?.raw && mediaConfig.preview\"\n              v-model=\"displayMode\"\n              @toggle=\"toggleDisplay\" />\n          </div>\n          <ResponseBody\n            :data=\"responseData.data\"\n            :display=\"displayMode\"\n            :mediaConfig=\"mediaConfig\"\n            :responseBody=\"responseBody\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.requestHeaderContainer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 5px;\n}\n\n.requestPreview {\n  border-radius: 12px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n}\n\n.requestContent {\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  overflow: hidden;\n  transition: grid-template-rows 0.2s ease-out;\n}\n\n.requestPreview.open .requestContent {\n  grid-template-rows: 1fr;\n}\n.requestPreview.succeeded {\n  padding: 0;\n}\n\n.requestContentInner {\n  min-height: 0;\n  overflow: hidden;\n}\n.code {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-font-size-4);\n  border-radius: 12px;\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  overflow: hidden;\n  margin-bottom: 12px;\n}\n.dark-mode .code {\n  background: var(--scalar-background-2);\n}\n.code h1 {\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-3);\n  padding: 8px;\n}\n.code :deep(.codeBlock) {\n  max-height: calc(50vh - 100px);\n  padding-top: 0;\n}\n.autosendContainer {\n  display: flex;\n  justify-content: space-between;\n}\n\n.sendButton {\n  background: var(--scalar-color-blue);\n  color: white;\n  font-weight: var(--scalar-semibold);\n  padding: 5px 10px;\n}\n.sendButton:hover,\n.sendButton:active {\n  background: color-mix(in srgb, var(--scalar-color-blue), black 10%);\n  color: white !important;\n}\n\n.toggleButton {\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  position: relative;\n  display: flex;\n  align-items: center;\n  color: var(--scalar-color-3);\n  justify-content: space-between;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.toggleButton:hover {\n  text-decoration: underline;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/RequestRejected.vue.js

@@ -1,19 +1,20 @@
-import e from "../_virtual/_plugin-vue_export-helper.js";
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
 /* empty css                              */
-import { createElementBlock as t, createElementVNode as n, createTextVNode as r, openBlock as i } from "vue";
+import { createElementBlock, createElementVNode, createTextVNode, openBlock } from "vue";
 //#region src/components/RequestRejected.vue
-var a = {}, o = { class: "requestRejected" };
-function s(e, a) {
-	return i(), t("div", o, [...a[0] ||= [n("svg", {
+var _sfc_main = {};
+var _hoisted_1 = { class: "requestRejected" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
 		fill: "currentColor",
 		height: "16",
 		viewBox: "0 0 256 256",
 		width: "16",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, [n("path", { d: "M56.88,31.93A12,12,0,1,0,39.12,48.07l7.81,8.59A108,108,0,0,0,31.85,177.23L21,209.66A20,20,0,0,0,46.34,235l32.43-10.81a108.08,108.08,0,0,0,112.55-8.66l7.8,8.58a12,12,0,0,0,17.76-16.14ZM128,212a83.91,83.91,0,0,1-42-11.27,12,12,0,0,0-9.82-1l-29.79,9.93,9.93-29.79a12,12,0,0,0-1-9.82,84,84,0,0,1,7.94-95.49l111.84,123A83.83,83.83,0,0,1,128,212Zm108-84a107.22,107.22,0,0,1-8.65,42.4A12,12,0,0,1,205.28,161a84.07,84.07,0,0,0-102.77-113,12,12,0,0,1-7.27-22.87A108.08,108.08,0,0,1,236,128Z" })], -1), r(" Request Rejected ", -1)]]);
+	}, [createElementVNode("path", { d: "M56.88,31.93A12,12,0,1,0,39.12,48.07l7.81,8.59A108,108,0,0,0,31.85,177.23L21,209.66A20,20,0,0,0,46.34,235l32.43-10.81a108.08,108.08,0,0,0,112.55-8.66l7.8,8.58a12,12,0,0,0,17.76-16.14ZM128,212a83.91,83.91,0,0,1-42-11.27,12,12,0,0,0-9.82-1l-29.79,9.93,9.93-29.79a12,12,0,0,0-1-9.82,84,84,0,0,1,7.94-95.49l111.84,123A83.83,83.83,0,0,1,128,212Zm108-84a107.22,107.22,0,0,1-8.65,42.4A12,12,0,0,1,205.28,161a84.07,84.07,0,0,0-102.77-113,12,12,0,0,1-7.27-22.87A108.08,108.08,0,0,1,236,128Z" })], -1), createTextVNode(" Request Rejected ", -1)])]);
 }
-var c = /* @__PURE__ */ e(a, [["render", s], ["__scopeId", "data-v-9803a54c"]]);
+var RequestRejected_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9803a54c"]]);
 //#endregion
-export { c as default };
+export { RequestRejected_default as default };
 
 //# sourceMappingURL=RequestRejected.vue.js.map

package/dist/components/RequestRejected.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestRejected.vue.js","names":[],"sources":["../../src/components/RequestRejected.vue"],"sourcesContent":["<template>\n  <div class=\"requestRejected\">\n    <svg\n      fill=\"currentColor\"\n      height=\"16\"\n      viewBox=\"0 0 256 256\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M56.88,31.93A12,12,0,1,0,39.12,48.07l7.81,8.59A108,108,0,0,0,31.85,177.23L21,209.66A20,20,0,0,0,46.34,235l32.43-10.81a108.08,108.08,0,0,0,112.55-8.66l7.8,8.58a12,12,0,0,0,17.76-16.14ZM128,212a83.91,83.91,0,0,1-42-11.27,12,12,0,0,0-9.82-1l-29.79,9.93,9.93-29.79a12,12,0,0,0-1-9.82,84,84,0,0,1,7.94-95.49l111.84,123A83.83,83.83,0,0,1,128,212Zm108-84a107.22,107.22,0,0,1-8.65,42.4A12,12,0,0,1,205.28,161a84.07,84.07,0,0,0-102.77-113,12,12,0,0,1-7.27-22.87A108.08,108.08,0,0,1,236,128Z\"></path>\n    </svg>\n    Request Rejected\n  </div>\n</template>\n\n<style scoped>\n.requestRejected {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-red);\n  font-weight: var(--scalar-semibold);\n  min-height: 40px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n</style>\n"],"mappings":";;;;kBACO,OAAM,mBAAiB;;aAA5B,EAWM,OAXN,GAWM,CAAA,GAAA,AAAA,EAAA,OAAA,CAVJ,EAQM,OAAA;EAPJ,MAAK;EACL,QAAO;EACP,SAAQ;EACR,OAAM;EACN,OAAM;KACN,EAC+e,QAAA,EAA7e,GAAE,qeAAme,CAAA,CAAA,EAAA,GAAA,EAAA,EACne,sBAER,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"RequestRejected.vue.js","names":[],"sources":["../../src/components/RequestRejected.vue"],"sourcesContent":["<template>\n  <div class=\"requestRejected\">\n    <svg\n      fill=\"currentColor\"\n      height=\"16\"\n      viewBox=\"0 0 256 256\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M56.88,31.93A12,12,0,1,0,39.12,48.07l7.81,8.59A108,108,0,0,0,31.85,177.23L21,209.66A20,20,0,0,0,46.34,235l32.43-10.81a108.08,108.08,0,0,0,112.55-8.66l7.8,8.58a12,12,0,0,0,17.76-16.14ZM128,212a83.91,83.91,0,0,1-42-11.27,12,12,0,0,0-9.82-1l-29.79,9.93,9.93-29.79a12,12,0,0,0-1-9.82,84,84,0,0,1,7.94-95.49l111.84,123A83.83,83.83,0,0,1,128,212Zm108-84a107.22,107.22,0,0,1-8.65,42.4A12,12,0,0,1,205.28,161a84.07,84.07,0,0,0-102.77-113,12,12,0,0,1-7.27-22.87A108.08,108.08,0,0,1,236,128Z\"></path>\n    </svg>\n    Request Rejected\n  </div>\n</template>\n\n<style scoped>\n.requestRejected {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-red);\n  font-weight: var(--scalar-semibold);\n  min-height: 40px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,mBAAiB;;qBAA5B,mBAWM,OAXN,YAWM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAVJ,mBAQM,OAAA;EAPJ,MAAK;EACL,QAAO;EACP,SAAQ;EACR,OAAM;EACN,OAAM;KACN,mBAC+e,QAAA,EAA7e,GAAE,qeAAme,CAAA,CAAA,EAAA,GAAA,EAAA,gBACne,sBAER,GAAA,CAAA,EAAA,CAAA"}

package/dist/components/RequestSuccess.vue.js

@@ -1,13 +1,14 @@
-import e from "../_virtual/_plugin-vue_export-helper.js";
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
 /* empty css                             */
-import { createElementBlock as t, createStaticVNode as n, openBlock as r } from "vue";
+import { createElementBlock, createStaticVNode, openBlock } from "vue";
 //#region src/components/RequestSuccess.vue
-var i = {}, a = { class: "requestSuccess" };
-function o(e, i) {
-	return r(), t("div", a, [...i[0] ||= [n("<svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" data-v-acc2c0d8><rect height=\"14.25\" rx=\"7.125\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-acc2c0d8></rect><rect height=\"14.25\" rx=\"7.125\" stroke=\"currentColor\" stroke-width=\"1.75\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-acc2c0d8></rect><g clip-path=\"url(#clip0_74_840)\" data-v-acc2c0d8><path d=\"M11.6037 6.841L7.59117 10.8535C7.49742 10.9472 7.37029 10.9998 7.23774 10.9998C7.10519 10.9998 6.97806 10.9472 6.8843 10.8535L4.64617 8.6035C4.55257 8.50975 4.5 8.38269 4.5 8.25022C4.5 8.11774 4.55257 7.99068 4.64617 7.89694L5.27117 7.27194C5.36488 7.17862 5.49174 7.12623 5.62399 7.12623C5.75623 7.12623 5.88309 7.17862 5.9768 7.27194L7.25024 8.50694L10.274 5.52037C10.3677 5.42696 10.4946 5.37451 10.627 5.37451C10.7593 5.37451 10.8862 5.42696 10.9799 5.52037L11.6034 6.131C11.6502 6.17746 11.6875 6.23274 11.7129 6.29366C11.7383 6.35458 11.7514 6.41993 11.7514 6.48593C11.7514 6.55194 11.7384 6.6173 11.713 6.67824C11.6877 6.73918 11.6505 6.7945 11.6037 6.841Z\" fill=\"currentColor\" data-v-acc2c0d8></path></g><defs data-v-acc2c0d8><clipPath id=\"clip0_74_840\" data-v-acc2c0d8><rect height=\"8\" rx=\"4\" width=\"8\" x=\"4\" y=\"4\" data-v-acc2c0d8></rect></clipPath></defs></svg> Request Succeeded ", 2)]]);
+var _sfc_main = {};
+var _hoisted_1 = { class: "requestSuccess" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createStaticVNode("<svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" data-v-acc2c0d8><rect height=\"14.25\" rx=\"7.125\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-acc2c0d8></rect><rect height=\"14.25\" rx=\"7.125\" stroke=\"currentColor\" stroke-width=\"1.75\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-acc2c0d8></rect><g clip-path=\"url(#clip0_74_840)\" data-v-acc2c0d8><path d=\"M11.6037 6.841L7.59117 10.8535C7.49742 10.9472 7.37029 10.9998 7.23774 10.9998C7.10519 10.9998 6.97806 10.9472 6.8843 10.8535L4.64617 8.6035C4.55257 8.50975 4.5 8.38269 4.5 8.25022C4.5 8.11774 4.55257 7.99068 4.64617 7.89694L5.27117 7.27194C5.36488 7.17862 5.49174 7.12623 5.62399 7.12623C5.75623 7.12623 5.88309 7.17862 5.9768 7.27194L7.25024 8.50694L10.274 5.52037C10.3677 5.42696 10.4946 5.37451 10.627 5.37451C10.7593 5.37451 10.8862 5.42696 10.9799 5.52037L11.6034 6.131C11.6502 6.17746 11.6875 6.23274 11.7129 6.29366C11.7383 6.35458 11.7514 6.41993 11.7514 6.48593C11.7514 6.55194 11.7384 6.6173 11.713 6.67824C11.6877 6.73918 11.6505 6.7945 11.6037 6.841Z\" fill=\"currentColor\" data-v-acc2c0d8></path></g><defs data-v-acc2c0d8><clipPath id=\"clip0_74_840\" data-v-acc2c0d8><rect height=\"8\" rx=\"4\" width=\"8\" x=\"4\" y=\"4\" data-v-acc2c0d8></rect></clipPath></defs></svg> Request Succeeded ", 2)])]);
 }
-var s = /* @__PURE__ */ e(i, [["render", o], ["__scopeId", "data-v-acc2c0d8"]]);
+var RequestSuccess_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-acc2c0d8"]]);
 //#endregion
-export { s as default };
+export { RequestSuccess_default as default };
 
 //# sourceMappingURL=RequestSuccess.vue.js.map

package/dist/components/RequestSuccess.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSuccess.vue.js","names":[],"sources":["../../src/components/RequestSuccess.vue"],"sourcesContent":["<template>\n  <div class=\"requestSuccess\">\n    <svg\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <rect\n        height=\"14.25\"\n        rx=\"7.125\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <rect\n        height=\"14.25\"\n        rx=\"7.125\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.75\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <g clip-path=\"url(#clip0_74_840)\">\n        <path\n          d=\"M11.6037 6.841L7.59117 10.8535C7.49742 10.9472 7.37029 10.9998 7.23774 10.9998C7.10519 10.9998 6.97806 10.9472 6.8843 10.8535L4.64617 8.6035C4.55257 8.50975 4.5 8.38269 4.5 8.25022C4.5 8.11774 4.55257 7.99068 4.64617 7.89694L5.27117 7.27194C5.36488 7.17862 5.49174 7.12623 5.62399 7.12623C5.75623 7.12623 5.88309 7.17862 5.9768 7.27194L7.25024 8.50694L10.274 5.52037C10.3677 5.42696 10.4946 5.37451 10.627 5.37451C10.7593 5.37451 10.8862 5.42696 10.9799 5.52037L11.6034 6.131C11.6502 6.17746 11.6875 6.23274 11.7129 6.29366C11.7383 6.35458 11.7514 6.41993 11.7514 6.48593C11.7514 6.55194 11.7384 6.6173 11.713 6.67824C11.6877 6.73918 11.6505 6.7945 11.6037 6.841Z\"\n          fill=\"currentColor\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_74_840\">\n          <rect\n            height=\"8\"\n            rx=\"4\"\n            width=\"8\"\n            x=\"4\"\n            y=\"4\" />\n        </clipPath>\n      </defs>\n    </svg>\n    Request Succeeded\n  </div>\n</template>\n\n<style scoped>\n.requestSuccess {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  min-height: 40px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n</style>\n"],"mappings":";;;;kBACO,OAAM,kBAAgB;;aAA3B,EAsCM,OAtCN,GAsCM,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAA,wzCAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"RequestSuccess.vue.js","names":[],"sources":["../../src/components/RequestSuccess.vue"],"sourcesContent":["<template>\n  <div class=\"requestSuccess\">\n    <svg\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <rect\n        height=\"14.25\"\n        rx=\"7.125\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <rect\n        height=\"14.25\"\n        rx=\"7.125\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.75\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <g clip-path=\"url(#clip0_74_840)\">\n        <path\n          d=\"M11.6037 6.841L7.59117 10.8535C7.49742 10.9472 7.37029 10.9998 7.23774 10.9998C7.10519 10.9998 6.97806 10.9472 6.8843 10.8535L4.64617 8.6035C4.55257 8.50975 4.5 8.38269 4.5 8.25022C4.5 8.11774 4.55257 7.99068 4.64617 7.89694L5.27117 7.27194C5.36488 7.17862 5.49174 7.12623 5.62399 7.12623C5.75623 7.12623 5.88309 7.17862 5.9768 7.27194L7.25024 8.50694L10.274 5.52037C10.3677 5.42696 10.4946 5.37451 10.627 5.37451C10.7593 5.37451 10.8862 5.42696 10.9799 5.52037L11.6034 6.131C11.6502 6.17746 11.6875 6.23274 11.7129 6.29366C11.7383 6.35458 11.7514 6.41993 11.7514 6.48593C11.7514 6.55194 11.7384 6.6173 11.713 6.67824C11.6877 6.73918 11.6505 6.7945 11.6037 6.841Z\"\n          fill=\"currentColor\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_74_840\">\n          <rect\n            height=\"8\"\n            rx=\"4\"\n            width=\"8\"\n            x=\"4\"\n            y=\"4\" />\n        </clipPath>\n      </defs>\n    </svg>\n    Request Succeeded\n  </div>\n</template>\n\n<style scoped>\n.requestSuccess {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  min-height: 40px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,kBAAgB;;qBAA3B,mBAsCM,OAtCN,YAsCM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,kBAAA,wzCAAA,EAAA,CAAA,EAAA,CAAA"}

package/dist/components/ResponseBody/ResponseBody.vue.js

@@ -1,7 +1,7 @@
-import e from "./ResponseBody.vue.script.js";
+import ResponseBody_vue_vue_type_script_setup_true_lang_default from "./ResponseBody.vue.script.js";
 //#region src/components/ResponseBody/ResponseBody.vue
-var t = e;
+var ResponseBody_default = ResponseBody_vue_vue_type_script_setup_true_lang_default;
 //#endregion
-export { t as default };
+export { ResponseBody_default as default };
 
 //# sourceMappingURL=ResponseBody.vue.js.map

package/dist/components/ResponseBody/ResponseBody.vue.script.js

@@ -1,9 +1,9 @@
-import e from "./ResponseBodyInfo.vue.js";
-import t from "./ResponseBodyPreview.vue.js";
-import n from "./ResponseBodyRaw.vue.js";
-import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, defineComponent as c, openBlock as l, watch as u, withCtx as d } from "vue";
+import ResponseBodyInfo_default from "./ResponseBodyInfo.vue.js";
+import ResponseBodyPreview_default from "./ResponseBodyPreview.vue.js";
+import ResponseBodyRaw_default from "./ResponseBodyRaw.vue.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, openBlock, watch, withCtx } from "vue";
 //#region src/components/ResponseBody/ResponseBody.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ c({
+var ResponseBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ResponseBody",
 	props: {
 		data: {},
@@ -11,33 +11,36 @@ var f = /* @__PURE__ */ c({
 		mediaConfig: {},
 		display: {}
 	},
-	setup(c) {
-		return u(() => c.display, (e) => console.log(e)), (u, f) => (l(), o(r, null, [
-			c.mediaConfig?.raw && c.display === "raw" && c.mediaConfig.language ? (l(), i(n, {
-				key: c.responseBody.dataUrl,
-				content: c.data,
-				language: c.mediaConfig.language
-			}, null, 8, ["content", "language"])) : a("", !0),
-			c.mediaConfig?.preview && c.display === "preview" ? (l(), i(t, {
-				key: c.responseBody.dataUrl,
-				alpha: c.mediaConfig.alpha,
-				mode: c.mediaConfig.preview,
-				src: c.responseBody.dataUrl,
-				type: c.responseBody.mimeType?.essence ?? ""
-			}, null, 8, [
-				"alpha",
-				"mode",
-				"src",
-				"type"
-			])) : a("", !0),
-			!c.mediaConfig?.raw && !c.mediaConfig?.preview ? (l(), i(e, { key: 2 }, {
-				default: d(() => [...f[0] ||= [s(" Binary file ", -1)]]),
-				_: 1
-			})) : a("", !0)
-		], 64));
+	setup(__props) {
+		watch(() => __props.display, (v) => console.log(v));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				__props.mediaConfig?.raw && __props.display === "raw" && __props.mediaConfig.language ? (openBlock(), createBlock(ResponseBodyRaw_default, {
+					key: __props.responseBody.dataUrl,
+					content: __props.data,
+					language: __props.mediaConfig.language
+				}, null, 8, ["content", "language"])) : createCommentVNode("", true),
+				__props.mediaConfig?.preview && __props.display === "preview" ? (openBlock(), createBlock(ResponseBodyPreview_default, {
+					key: __props.responseBody.dataUrl,
+					alpha: __props.mediaConfig.alpha,
+					mode: __props.mediaConfig.preview,
+					src: __props.responseBody.dataUrl,
+					type: __props.responseBody.mimeType?.essence ?? ""
+				}, null, 8, [
+					"alpha",
+					"mode",
+					"src",
+					"type"
+				])) : createCommentVNode("", true),
+				!__props.mediaConfig?.raw && !__props.mediaConfig?.preview ? (openBlock(), createBlock(ResponseBodyInfo_default, { key: 2 }, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Binary file ", -1)])]),
+					_: 1
+				})) : createCommentVNode("", true)
+			], 64);
+		};
 	}
 });
 //#endregion
-export { f as default };
+export { ResponseBody_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=ResponseBody.vue.script.js.map

package/dist/components/ResponseBody/ResponseBody.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBody.vue.script.js","names":[],"sources":["../../../src/components/ResponseBody/ResponseBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { watch } from 'vue'\n\nimport { type MediaConfig } from '@/components/ResponseBody/helpers/media-types'\nimport ResponseBodyInfo from '@/components/ResponseBody/ResponseBodyInfo.vue'\nimport ResponseBodyPreview from '@/components/ResponseBody/ResponseBodyPreview.vue'\nimport ResponseBodyRaw from '@/components/ResponseBody/ResponseBodyRaw.vue'\nimport type { MimeType } from '@/types/mime-type'\n\nconst { data, responseBody, mediaConfig, display } = defineProps<{\n  data: unknown\n  responseBody: {\n    mimeType?: MimeType\n    attachmentFilename: string\n    dataUrl: string\n  }\n  mediaConfig?: MediaConfig\n  display?: 'preview' | 'raw'\n}>()\n\nwatch(\n  () => display,\n  (v) => console.log(v),\n)\n</script>\n\n<template>\n  <ResponseBodyRaw\n    v-if=\"mediaConfig?.raw && display === 'raw' && mediaConfig.language\"\n    :key=\"responseBody.dataUrl\"\n    :content=\"data\"\n    :language=\"mediaConfig.language\" />\n  <ResponseBodyPreview\n    v-if=\"mediaConfig?.preview && display === 'preview'\"\n    :key=\"responseBody.dataUrl\"\n    :alpha=\"mediaConfig.alpha\"\n    :mode=\"mediaConfig.preview\"\n    :src=\"responseBody.dataUrl\"\n    :type=\"responseBody.mimeType?.essence ?? ''\" />\n  <ResponseBodyInfo v-if=\"!mediaConfig?.raw && !mediaConfig?.preview\">\n    Binary file\n  </ResponseBodyInfo>\n</template>\n"],"mappings":";;;;;;;;;;;;;;SAoBA,QACQ,EAAA,UACL,MAAM,QAAQ,IAAI,EAAE,CACvB;GAKU,EAAA,aAAa,OAAO,EAAA,YAAO,SAAc,EAAA,YAAY,YAAA,GAAA,EAD7D,EAIqC,GAAA;IAFlC,KAAK,EAAA,aAAa;IAClB,SAAS,EAAA;IACT,UAAU,EAAA,YAAY;;GAEjB,EAAA,aAAa,WAAW,EAAA,YAAO,aAAA,GAAA,EADvC,EAMiD,GAAA;IAJ9C,KAAK,EAAA,aAAa;IAClB,OAAO,EAAA,YAAY;IACnB,MAAM,EAAA,YAAY;IAClB,KAAK,EAAA,aAAa;IAClB,MAAM,EAAA,aAAa,UAAU,WAAO;;;;;;;IACd,EAAA,aAAa,OAAG,CAAK,EAAA,aAAa,WAAA,GAAA,EAA3D,EAEmB,GAAA,EAAA,KAAA,GAAA,EAAA;qBAAnB,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFoE,iBAEpE,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ResponseBody.vue.script.js","names":[],"sources":["../../../src/components/ResponseBody/ResponseBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { watch } from 'vue'\n\nimport { type MediaConfig } from '@/components/ResponseBody/helpers/media-types'\nimport ResponseBodyInfo from '@/components/ResponseBody/ResponseBodyInfo.vue'\nimport ResponseBodyPreview from '@/components/ResponseBody/ResponseBodyPreview.vue'\nimport ResponseBodyRaw from '@/components/ResponseBody/ResponseBodyRaw.vue'\nimport type { MimeType } from '@/types/mime-type'\n\nconst { data, responseBody, mediaConfig, display } = defineProps<{\n  data: unknown\n  responseBody: {\n    mimeType?: MimeType\n    attachmentFilename: string\n    dataUrl: string\n  }\n  mediaConfig?: MediaConfig\n  display?: 'preview' | 'raw'\n}>()\n\nwatch(\n  () => display,\n  (v) => console.log(v),\n)\n</script>\n\n<template>\n  <ResponseBodyRaw\n    v-if=\"mediaConfig?.raw && display === 'raw' && mediaConfig.language\"\n    :key=\"responseBody.dataUrl\"\n    :content=\"data\"\n    :language=\"mediaConfig.language\" />\n  <ResponseBodyPreview\n    v-if=\"mediaConfig?.preview && display === 'preview'\"\n    :key=\"responseBody.dataUrl\"\n    :alpha=\"mediaConfig.alpha\"\n    :mode=\"mediaConfig.preview\"\n    :src=\"responseBody.dataUrl\"\n    :type=\"responseBody.mimeType?.essence ?? ''\" />\n  <ResponseBodyInfo v-if=\"!mediaConfig?.raw && !mediaConfig?.preview\">\n    Binary file\n  </ResponseBodyInfo>\n</template>\n"],"mappings":";;;;;;;;;;;;;;AAoBA,cACQ,QAAA,UACL,MAAM,QAAQ,IAAI,EAAE,CACvB;;;IAKU,QAAA,aAAa,OAAO,QAAA,YAAO,SAAc,QAAA,YAAY,YAAA,WAAA,EAD7D,YAIqC,yBAAA;KAFlC,KAAK,QAAA,aAAa;KAClB,SAAS,QAAA;KACT,UAAU,QAAA,YAAY;;IAEjB,QAAA,aAAa,WAAW,QAAA,YAAO,aAAA,WAAA,EADvC,YAMiD,6BAAA;KAJ9C,KAAK,QAAA,aAAa;KAClB,OAAO,QAAA,YAAY;KACnB,MAAM,QAAA,YAAY;KAClB,KAAK,QAAA,aAAa;KAClB,MAAM,QAAA,aAAa,UAAU,WAAO;;;;;;;KACd,QAAA,aAAa,OAAG,CAAK,QAAA,aAAa,WAAA,WAAA,EAA3D,YAEmB,0BAAA,EAAA,KAAA,GAAA,EAAA;4BAAnB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFoE,iBAEpE,GAAA,CAAA,EAAA,CAAA"}

package/dist/components/ResponseBody/ResponseBodyInfo.vue.js

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

package/dist/components/ResponseBody/ResponseBodyInfo.vue.js.map

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

package/dist/components/ResponseBody/ResponseBodyPreview.vue.js

@@ -1,9 +1,9 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-import t from "./ResponseBodyPreview.vue.script.js";
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyPreview.vue.script.js";
 /* empty css                                  */
 //#region src/components/ResponseBody/ResponseBodyPreview.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-92f84612"]]);
+var ResponseBodyPreview_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-92f84612"]]);
 //#endregion
-export { n as default };
+export { ResponseBodyPreview_default as default };
 
 //# sourceMappingURL=ResponseBodyPreview.vue.js.map

package/dist/components/ResponseBody/ResponseBodyPreview.vue.script.js

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

package/dist/components/ResponseBody/ResponseBodyPreview.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyPreview.vue.script.js","names":[],"sources":["../../../src/components/ResponseBody/ResponseBodyPreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { type MediaPreview } from '@/components/ResponseBody/helpers/media-types'\nimport ResponseBodyInfo from '@/components/ResponseBody/ResponseBodyInfo.vue'\n\nconst {\n  src,\n  type,\n  mode,\n  alpha = false,\n} = defineProps<{\n  src: string\n  type: string\n  mode: MediaPreview\n  alpha?: boolean | undefined\n}>()\n\nconst error = ref(false)\n\nwatch(\n  () => src,\n  () => {\n    error.value = false\n  },\n)\n</script>\n<template>\n  <div\n    v-if=\"!error && src\"\n    class=\"flex justify-center overflow-auto rounded-b\"\n    :class=\"{ 'bg-preview p-2': alpha }\">\n    <img\n      v-if=\"mode === 'image'\"\n      class=\"h-full max-w-full\"\n      :class=\"{ rounded: alpha }\"\n      :src=\"src\"\n      @error=\"error = true\" />\n    <video\n      v-else-if=\"mode === 'video'\"\n      autoplay\n      controls\n      width=\"100%\"\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </video>\n    <audio\n      v-else-if=\"mode === 'audio'\"\n      class=\"my-12\"\n      controls\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </audio>\n    <object\n      v-else\n      class=\"aspect-[4/3] w-full\"\n      :data=\"src\"\n      :type=\"type\"\n      @error=\"error = true\" />\n  </div>\n  <ResponseBodyInfo v-else>Preview unavailable</ResponseBodyInfo>\n</template>\n<style scoped>\n.light-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n.dark-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAkBA,IAAM,IAAQ,EAAI,GAAK;SAEvB,QACQ,EAAA,WACA;AACJ,KAAM,QAAQ;IAElB,aAIW,EAAA,SAAS,EAAA,OAAA,GAAA,EADlB,EAmCM,OAAA;;GAjCJ,OAAK,EAAA,CAAC,+CAA6C,EAAA,kBACvB,EAAA,OAAK,CAAA,CAAA;MAEzB,EAAA,SAAI,WAAA,GAAA,EADZ,EAK0B,OAAA;;GAHxB,OAAK,EAAA,CAAC,qBAAmB,EAAA,SACN,EAAA,OAAK,CAAA,CAAA;GACvB,KAAK,EAAA;GACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAK;qBAEF,EAAA,SAAI,WAAA,GAAA,EADjB,EASQ,SAAA;;GAPN,UAAA;GACA,UAAA;GACA,OAAM;GACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAK;MACb,EAEiB,UAAA;GADd,KAAK,EAAA;GACL,MAAM,EAAA;0BAGE,EAAA,SAAI,WAAA,GAAA,EADjB,EAQQ,SAAA;;GANN,OAAM;GACN,UAAA;GACC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAK;MACb,EAEiB,UAAA;GADd,KAAK,EAAA;GACL,MAAM,EAAA;gCAEX,EAK0B,UAAA;;GAHxB,OAAM;GACL,MAAM,EAAA;GACN,MAAM,EAAA;GACN,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAK;iCAEjB,EAA+D,GAAA,EAAA,KAAA,GAAA,EAAA;oBAAnB,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAnB,uBAAmB,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ResponseBodyPreview.vue.script.js","names":[],"sources":["../../../src/components/ResponseBody/ResponseBodyPreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { type MediaPreview } from '@/components/ResponseBody/helpers/media-types'\nimport ResponseBodyInfo from '@/components/ResponseBody/ResponseBodyInfo.vue'\n\nconst {\n  src,\n  type,\n  mode,\n  alpha = false,\n} = defineProps<{\n  src: string\n  type: string\n  mode: MediaPreview\n  alpha?: boolean | undefined\n}>()\n\nconst error = ref(false)\n\nwatch(\n  () => src,\n  () => {\n    error.value = false\n  },\n)\n</script>\n<template>\n  <div\n    v-if=\"!error && src\"\n    class=\"flex justify-center overflow-auto rounded-b\"\n    :class=\"{ 'bg-preview p-2': alpha }\">\n    <img\n      v-if=\"mode === 'image'\"\n      class=\"h-full max-w-full\"\n      :class=\"{ rounded: alpha }\"\n      :src=\"src\"\n      @error=\"error = true\" />\n    <video\n      v-else-if=\"mode === 'video'\"\n      autoplay\n      controls\n      width=\"100%\"\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </video>\n    <audio\n      v-else-if=\"mode === 'audio'\"\n      class=\"my-12\"\n      controls\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </audio>\n    <object\n      v-else\n      class=\"aspect-[4/3] w-full\"\n      :data=\"src\"\n      :type=\"type\"\n      @error=\"error = true\" />\n  </div>\n  <ResponseBodyInfo v-else>Preview unavailable</ResponseBodyInfo>\n</template>\n<style scoped>\n.light-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n.dark-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ,IAAI,MAAK;AAEvB,cACQ,QAAA,WACA;AACJ,SAAM,QAAQ;IAElB;;WAIW,MAAA,SAAS,QAAA,OAAA,WAAA,EADlB,mBAmCM,OAAA;;IAjCJ,OAAK,eAAA,CAAC,+CAA6C,EAAA,kBACvB,QAAA,OAAK,CAAA,CAAA;OAEzB,QAAA,SAAI,WAAA,WAAA,EADZ,mBAK0B,OAAA;;IAHxB,OAAK,eAAA,CAAC,qBAAmB,EAAA,SACN,QAAA,OAAK,CAAA,CAAA;IACvB,KAAK,QAAA;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;+BAEF,QAAA,SAAI,WAAA,WAAA,EADjB,mBASQ,SAAA;;IAPN,UAAA;IACA,UAAA;IACA,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;OACb,mBAEiB,UAAA;IADd,KAAK,QAAA;IACL,MAAM,QAAA;oCAGE,QAAA,SAAI,WAAA,WAAA,EADjB,mBAQQ,SAAA;;IANN,OAAM;IACN,UAAA;IACC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;OACb,mBAEiB,UAAA;IADd,KAAK,QAAA;IACL,MAAM,QAAA;kDAEX,mBAK0B,UAAA;;IAHxB,OAAM;IACL,MAAM,QAAA;IACN,MAAM,QAAA;IACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;mDAEjB,YAA+D,0BAAA,EAAA,KAAA,GAAA,EAAA;2BAAnB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAnB,uBAAmB,GAAA,CAAA,EAAA,CAAA"}

package/dist/components/ResponseBody/ResponseBodyRaw.vue.js

@@ -1,7 +1,7 @@
-import e from "./ResponseBodyRaw.vue.script.js";
+import ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyRaw.vue.script.js";
 //#region src/components/ResponseBody/ResponseBodyRaw.vue
-var t = e;
+var ResponseBodyRaw_default = ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default;
 //#endregion
-export { t as default };
+export { ResponseBodyRaw_default as default };
 
 //# sourceMappingURL=ResponseBodyRaw.vue.js.map

package/dist/components/ResponseBody/ResponseBodyRaw.vue.script.js

@@ -1,22 +1,24 @@
-import { createBlock as e, defineComponent as t, openBlock as n, unref as r } from "vue";
-import { ScalarCodeBlock as i } from "@scalar/components";
+import { createBlock, defineComponent, openBlock, unref } from "vue";
+import { ScalarCodeBlock } from "@scalar/components";
 //#region src/components/ResponseBody/ResponseBodyRaw.vue?vue&type=script&setup=true&lang.ts
-var a = /* @__PURE__ */ t({
+var ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ResponseBodyRaw",
 	props: {
 		content: {},
 		language: {}
 	},
-	setup(t) {
-		let a = t;
-		return (o, s) => (n(), e(r(i), {
-			class: "codeBlock",
-			content: a.content,
-			lang: t.language
-		}, null, 8, ["content", "lang"]));
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarCodeBlock), {
+				class: "codeBlock",
+				content: props.content,
+				lang: __props.language
+			}, null, 8, ["content", "lang"]);
+		};
 	}
 });
 //#endregion
-export { a as default };
+export { ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=ResponseBodyRaw.vue.script.js.map

package/dist/components/ResponseBody/ResponseBodyRaw.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyRaw.vue.script.js","names":[],"sources":["../../../src/components/ResponseBody/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlock } from '@scalar/components'\n\nconst props = defineProps<{\n  content: any\n  language: string\n}>()\n</script>\n\n<template>\n  <ScalarCodeBlock\n    class=\"codeBlock\"\n    :content=\"props.content\"\n    :lang=\"language\" />\n</template>\n"],"mappings":";;;;;;;;;;EAGA,IAAM,IAAQ;yBAOZ,EAGqB,EAAA,EAAA,EAAA;GAFnB,OAAM;GACL,SAAS,EAAM;GACf,MAAM,EAAA"}
+{"version":3,"file":"ResponseBodyRaw.vue.script.js","names":[],"sources":["../../../src/components/ResponseBody/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlock } from '@scalar/components'\n\nconst props = defineProps<{\n  content: any\n  language: string\n}>()\n</script>\n\n<template>\n  <ScalarCodeBlock\n    class=\"codeBlock\"\n    :content=\"props.content\"\n    :lang=\"language\" />\n</template>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,QAAQ;;uBAOZ,YAGqB,MAAA,gBAAA,EAAA;IAFnB,OAAM;IACL,SAAS,MAAM;IACf,MAAM,QAAA"}

package/dist/components/ResponseBody/ResponseBodyToggle.vue.js

@@ -1,7 +1,7 @@
-import e from "./ResponseBodyToggle.vue.script.js";
+import ResponseBodyToggle_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyToggle.vue.script.js";
 //#region src/components/ResponseBody/ResponseBodyToggle.vue
-var t = e;
+var ResponseBodyToggle_default = ResponseBodyToggle_vue_vue_type_script_setup_true_lang_default;
 //#endregion
-export { t as default };
+export { ResponseBodyToggle_default as default };
 
 //# sourceMappingURL=ResponseBodyToggle.vue.js.map

package/dist/components/ResponseBody/ResponseBodyToggle.vue.script.js

@@ -1,23 +1,26 @@
-import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i, withModifiers as a } from "vue";
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, withModifiers } from "vue";
 //#region src/components/ResponseBody/ResponseBodyToggle.vue?vue&type=script&setup=true&lang.ts
-var o = { class: "text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5" }, s = /* @__PURE__ */ n({
+var _hoisted_1 = { class: "text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5" };
+var ResponseBodyToggle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ResponseBodyToggle",
 	props: { modelValue: {} },
 	emits: ["toggle"],
-	setup(n, { emit: s }) {
-		let c = s;
-		return (s, l) => (i(), e("div", o, [t("button", {
-			class: r(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": n.modelValue === "preview" }]),
-			type: "button",
-			onClick: l[0] ||= a((e) => c("toggle", "preview"), ["stop"])
-		}, " Preview ", 2), t("button", {
-			class: r(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": n.modelValue === "raw" }]),
-			type: "button",
-			onClick: l[1] ||= a((e) => c("toggle", "raw"), ["stop"])
-		}, " Raw ", 2)]));
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+				class: normalizeClass(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": __props.modelValue === "preview" }]),
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("toggle", "preview"), ["stop"]))
+			}, " Preview ", 2), createElementVNode("button", {
+				class: normalizeClass(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": __props.modelValue === "raw" }]),
+				type: "button",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("toggle", "raw"), ["stop"]))
+			}, " Raw ", 2)]);
+		};
 	}
 });
 //#endregion
-export { s as default };
+export { ResponseBodyToggle_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=ResponseBodyToggle.vue.script.js.map

package/dist/components/ResponseBody/ResponseBodyToggle.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyToggle.vue.script.js","names":[],"sources":["../../../src/components/ResponseBody/ResponseBodyToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  modelValue?: 'preview' | 'raw'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'toggle', v: 'preview' | 'raw'): 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 === 'preview' }\"\n      type=\"button\"\n      @click.stop=\"emit('toggle', 'preview')\">\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 === 'raw' }\"\n      type=\"button\"\n      @click.stop=\"emit('toggle', 'raw')\">\n      Raw\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;EAKA,IAAM,IAAO;yBAKX,EAgBM,OAhBN,GAgBM,CAdJ,EAMS,UAAA;GALP,OAAK,EAAA,CAAC,6BAA2B,EAAA,kCACW,EAAA,eAAU,WAAA,CAAA,CAAA;GACtD,MAAK;GACJ,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAI,UAAA,UAAA,EAAA,CAAA,OAAA,CAAA;KAAuB,aAE1C,EAAA,EACA,EAMS,UAAA;GALP,OAAK,EAAA,CAAC,6BAA2B,EAAA,kCACW,EAAA,eAAU,OAAA,CAAA,CAAA;GACtD,MAAK;GACJ,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAI,UAAA,MAAA,EAAA,CAAA,OAAA,CAAA;KAAmB,SAEtC,EAAA,CAAA,CAAA"}
+{"version":3,"file":"ResponseBodyToggle.vue.script.js","names":[],"sources":["../../../src/components/ResponseBody/ResponseBodyToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  modelValue?: 'preview' | 'raw'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'toggle', v: 'preview' | 'raw'): 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 === 'preview' }\"\n      type=\"button\"\n      @click.stop=\"emit('toggle', 'preview')\">\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 === 'raw' }\"\n      type=\"button\"\n      @click.stop=\"emit('toggle', 'raw')\">\n      Raw\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAKA,MAAM,OAAO;;uBAKX,mBAgBM,OAhBN,YAgBM,CAdJ,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCACW,QAAA,eAAU,WAAA,CAAA,CAAA;IACtD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAO,KAAI,UAAA,UAAA,EAAA,CAAA,OAAA,CAAA;MAAuB,aAE1C,EAAA,EACA,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCACW,QAAA,eAAU,OAAA,CAAA,CAAA;IACtD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAO,KAAI,UAAA,MAAA,EAAA,CAAA,OAAA,CAAA;MAAmB,SAEtC,EAAA,CAAA,CAAA"}