@scalar/api-reference 1.49.3 → 1.49.4

package/dist/features/developer-tools/components/ApiReferenceToolbarTitle.vue.script.js

@@ -0,0 +1,44 @@
+import ApiReferenceToolbarPopover_default from "./ApiReferenceToolbarPopover.vue.js";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { ScalarIconButton } from "@scalar/components";
+import { useClipboard } from "@scalar/use-hooks/useClipboard";
+import { ScalarIconCopy, ScalarIconInfo } from "@scalar/icons";
+//#region src/features/developer-tools/components/ApiReferenceToolbarTitle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "text-c-2 hover:text-c-1 hover:bg-b-2 ml-auto flex items-center gap-1 rounded px-2 py-2.25 text-base leading-none",
+	type: "button"
+};
+var _hoisted_2 = { class: "-m-2 flex flex-col gap-2 leading-relaxed" };
+var _hoisted_3 = { class: "bg-b-2 inline-flex items-center gap-0.5 rounded border px-1 py-0.5 text-sm" };
+var CONFIG_SETTING = "showDeveloperTools: \"never\"";
+var ApiReferenceToolbarTitle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ApiReferenceToolbarTitle",
+	setup(__props) {
+		const { copyToClipboard } = useClipboard();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ApiReferenceToolbarPopover_default, {
+				class: "w-120",
+				placement: "bottom-start"
+			}, {
+				button: withCtx(() => [createElementVNode("button", _hoisted_1, [createVNode(unref(ScalarIconInfo)), _cache[1] || (_cache[1] = createTextVNode(" Developer Tools ", -1))])]),
+				info: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" The developer tools will only appear when running on localhost. ", -1)])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_2, [_cache[4] || (_cache[4] = createElementVNode("div", null, " The developer tools allow you to customize the appearance and behavior of your documentation. You can also share your documentation using the Scalar Registry. ", -1)), createElementVNode("div", null, [
+					_cache[2] || (_cache[2] = createTextVNode(" To disable the toolbar, set ", -1)),
+					createElementVNode("div", _hoisted_3, [createElementVNode("code", { class: "font-code" }, toDisplayString(CONFIG_SETTING)), createVNode(unref(ScalarIconButton), {
+						class: "-m-1 p-1.25",
+						icon: unref(ScalarIconCopy),
+						label: "Copy link to clipboard",
+						size: "sm",
+						onClick: _cache[0] || (_cache[0] = ($event) => unref(copyToClipboard)(CONFIG_SETTING))
+					}, null, 8, ["icon"])]),
+					_cache[3] || (_cache[3] = createTextVNode(" in your configuration. ", -1))
+				])])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ApiReferenceToolbarTitle_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ApiReferenceToolbarTitle.vue.script.js.map

package/dist/features/developer-tools/components/ApiReferenceToolbarTitle.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiReferenceToolbarTitle.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarTitle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarIconButton } from '@scalar/components'\nimport { ScalarIconCopy, ScalarIconInfo } from '@scalar/icons'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\n\nconst CONFIG_SETTING = 'showDeveloperTools: \"never\"'\n\nconst { copyToClipboard } = useClipboard()\n</script>\n<template>\n  <ApiReferenceToolbarPopover\n    class=\"w-120\"\n    placement=\"bottom-start\">\n    <template #button>\n      <button\n        class=\"text-c-2 hover:text-c-1 hover:bg-b-2 ml-auto flex items-center gap-1 rounded px-2 py-2.25 text-base leading-none\"\n        type=\"button\">\n        <ScalarIconInfo />\n        Developer Tools\n      </button>\n    </template>\n    <div class=\"-m-2 flex flex-col gap-2 leading-relaxed\">\n      <div>\n        The developer tools allow you to customize the appearance and behavior\n        of your documentation. You can also share your documentation using the\n        Scalar Registry.\n      </div>\n      <div>\n        To disable the toolbar, set\n        <div\n          class=\"bg-b-2 inline-flex items-center gap-0.5 rounded border px-1 py-0.5 text-sm\">\n          <code class=\"font-code\">{{ CONFIG_SETTING }}</code>\n          <ScalarIconButton\n            class=\"-m-1 p-1.25\"\n            :icon=\"ScalarIconCopy\"\n            label=\"Copy link to clipboard\"\n            size=\"sm\"\n            @click=\"copyToClipboard(CONFIG_SETTING)\" />\n        </div>\n        in your configuration.\n      </div>\n    </div>\n    <template #info>\n      The developer tools will only appear when running on localhost.\n    </template>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;AAOA,IAAM,iBAAiB;;;;EAEvB,MAAM,EAAE,oBAAoB,cAAa;;uBAGvC,YAmC6B,oCAAA;IAlC3B,OAAM;IACN,WAAU;;IACC,QAAM,cAMN,CALT,mBAKS,UALT,YAKS,CAFP,YAAkB,MAAA,eAAA,CAAA,EAAA,OAAA,OAAA,OAAA,KAAA,gBAAA,qBAEpB,GAAA,EAAA,CAAA,CAAA,CAAA;IAuBS,MAAI,cAEf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFgB,qEAEhB,GAAA,CAAA,EAAA,CAAA;2BAHM,CApBN,mBAoBM,OApBN,YAoBM,CAAA,OAAA,OAAA,OAAA,KAnBJ,mBAIM,OAAA,MAJD,oKAIL,GAAA,GACA,mBAaM,OAAA,MAAA;+CAbD,iCAEH,GAAA;KAAA,mBASM,OATN,YASM,CAPJ,mBAAmD,QAAA,EAA7C,OAAM,aAAW,EAAA,gBAAI,eAAc,CAAA,EACzC,YAK6C,MAAA,iBAAA,EAAA;MAJ3C,OAAM;MACL,MAAM,MAAA,eAAc;MACrB,OAAM;MACN,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,gBAAe,CAAC,eAAc;;+CACpC,4BAER,GAAA"}

package/dist/features/developer-tools/components/DeployApiReference.vue.js

@@ -0,0 +1,7 @@
+import DeployApiReference_vue_vue_type_script_setup_true_lang_default from "./DeployApiReference.vue.script.js";
+//#region src/features/developer-tools/components/DeployApiReference.vue
+var DeployApiReference_default = DeployApiReference_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DeployApiReference_default as default };
+
+//# sourceMappingURL=DeployApiReference.vue.js.map

package/dist/features/developer-tools/components/DeployApiReference.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeployApiReference.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/DeployApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareRegister from './ApiReferenceToolbarShareRegister.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Deploy</template>\n    <ScalarFormSection>\n      <template #label>Scalar Docs</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Deploy your documentation on Scalar, the modern documentation platform\n        for your API and everything else.\n      </p>\n      <ApiReferenceToolbarShareRegister :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/DeployApiReference.vue.script.js

@@ -0,0 +1,26 @@
+import ApiReferenceToolbarPopover_default from "./ApiReferenceToolbarPopover.vue.js";
+import ApiReferenceToolbarShareRegister_default from "./ApiReferenceToolbarShareRegister.vue.js";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { ScalarFormSection } from "@scalar/components";
+//#region src/features/developer-tools/components/DeployApiReference.vue?vue&type=script&setup=true&lang.ts
+var DeployApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DeployApiReference",
+	props: { workspace: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ApiReferenceToolbarPopover_default, { class: "w-120" }, {
+				label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Deploy", -1)])]),
+				default: withCtx(() => [createVNode(unref(ScalarFormSection), null, {
+					label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Scalar Docs", -1)])]),
+					default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("p", { class: "text-c-2 mb-2 leading-normal" }, " Deploy your documentation on Scalar, the modern documentation platform for your API and everything else. ", -1)), createVNode(ApiReferenceToolbarShareRegister_default, { workspace: __props.workspace }, null, 8, ["workspace"])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { DeployApiReference_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DeployApiReference.vue.script.js.map

package/dist/features/developer-tools/components/DeployApiReference.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeployApiReference.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/DeployApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareRegister from './ApiReferenceToolbarShareRegister.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Deploy</template>\n    <ScalarFormSection>\n      <template #label>Scalar Docs</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Deploy your documentation on Scalar, the modern documentation platform\n        for your API and everything else.\n      </p>\n      <ApiReferenceToolbarShareRegister :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;uBAaE,YAU6B,oCAAA,EAVD,OAAM,SAAO,EAAA;IAC5B,OAAK,cAAO,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAN,UAAM,GAAA,CAAA,EAAA,CAAA;2BAQH,CAPpB,YAOoB,MAAA,kBAAA,EAAA,MAAA;KANP,OAAK,cAAY,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAX,eAAW,GAAA,CAAA,EAAA,CAAA;4BAIxB,CAAA,OAAA,OAAA,OAAA,KAHJ,mBAGI,KAAA,EAHD,OAAM,gCAA8B,EAAC,8GAGxC,GAAA,GACA,YAA+C,0CAAA,EAAZ,WAAA,QAAA,WAAS,EAAA,MAAA,GAAA,CAAA,YAAA,CAAA,CAAA,CAAA"}

package/dist/features/developer-tools/components/ModifyConfiguration.vue.js

@@ -0,0 +1,7 @@
+import ModifyConfiguration_vue_vue_type_script_setup_true_lang_default from "./ModifyConfiguration.vue.script.js";
+//#region src/features/developer-tools/components/ModifyConfiguration.vue
+var ModifyConfiguration_default = ModifyConfiguration_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ModifyConfiguration_default as default };
+
+//# sourceMappingURL=ModifyConfiguration.vue.js.map

package/dist/features/developer-tools/components/ModifyConfiguration.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModifyConfiguration.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ModifyConfiguration.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarCodeBlock,\n  ScalarFormField,\n  ScalarFormSection,\n} from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { type ThemeId } from '@scalar/themes'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { computed } from 'vue'\n\nimport ApiReferenceToolbarConfigLayout from './ApiReferenceToolbarConfigLayout.vue'\nimport ApiReferenceToolbarConfigLayoutOptions from './ApiReferenceToolbarConfigLayoutOptions.vue'\nimport ApiReferenceToolbarConfigTheme from './ApiReferenceToolbarConfigTheme.vue'\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\n\nconst snippet = computed<string>(() => {\n  return prettyPrintJson({\n    ...overrides.value, // Make sure the overrides are first\n    ...configuration,\n    ...overrides.value, // But also that they override the configuration\n  })\n})\n\nconst theme = computed<ThemeId>({\n  get: () => overrides.value?.theme ?? configuration?.theme ?? 'default',\n  set: (t) => (overrides.value = { ...overrides.value, theme: t }),\n})\n\nconst layout = computed<'modern' | 'classic'>({\n  get: () => overrides.value?.layout ?? configuration?.layout ?? 'modern',\n  set: (l) => (overrides.value = { ...overrides.value, layout: l }),\n})\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Configure</template>\n    <ScalarFormSection>\n      <template #label>Scalar Configuration</template>\n      <ScalarCodeBlock\n        class=\"bg-b-1.5 flex max-h-40 flex-col rounded border text-sm\"\n        :content=\"snippet\"\n        lang=\"json\" />\n    </ScalarFormSection>\n    <div class=\"flex flex-col gap-4\">\n      <ScalarFormField>\n        <template #label>Theme</template>\n        <ApiReferenceToolbarConfigTheme v-model=\"theme\" />\n      </ScalarFormField>\n      <ScalarFormField>\n        <template #label>Layout</template>\n        <ApiReferenceToolbarConfigLayout v-model=\"layout\" />\n      </ScalarFormField>\n      <ScalarFormField is=\"div\">\n        <template #label>Layout Options</template>\n        <ApiReferenceToolbarConfigLayoutOptions\n          v-model=\"overrides\"\n          :configuration />\n      </ScalarFormField>\n    </div>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/ModifyConfiguration.vue.script.js

@@ -0,0 +1,86 @@
+import ApiReferenceToolbarPopover_default from "./ApiReferenceToolbarPopover.vue.js";
+import ApiReferenceToolbarConfigLayout_default from "./ApiReferenceToolbarConfigLayout.vue.js";
+import ApiReferenceToolbarConfigLayoutOptions_default from "./ApiReferenceToolbarConfigLayoutOptions.vue.js";
+import ApiReferenceToolbarConfigTheme_default from "./ApiReferenceToolbarConfigTheme.vue.js";
+import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, unref, useModel, withCtx } from "vue";
+import { ScalarCodeBlock, ScalarFormField, ScalarFormSection } from "@scalar/components";
+import { prettyPrintJson } from "@scalar/helpers/json/pretty-print-json";
+//#region src/features/developer-tools/components/ModifyConfiguration.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col gap-4" };
+var ModifyConfiguration_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModifyConfiguration",
+	props: /* @__PURE__ */ mergeModels({ configuration: {} }, {
+		"overrides": {},
+		"overridesModifiers": {}
+	}),
+	emits: ["update:overrides"],
+	setup(__props) {
+		const overrides = useModel(__props, "overrides");
+		const snippet = computed(() => {
+			return prettyPrintJson({
+				...overrides.value,
+				...__props.configuration,
+				...overrides.value
+			});
+		});
+		const theme = computed({
+			get: () => overrides.value?.theme ?? __props.configuration?.theme ?? "default",
+			set: (t) => overrides.value = {
+				...overrides.value,
+				theme: t
+			}
+		});
+		const layout = computed({
+			get: () => overrides.value?.layout ?? __props.configuration?.layout ?? "modern",
+			set: (l) => overrides.value = {
+				...overrides.value,
+				layout: l
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ApiReferenceToolbarPopover_default, { class: "w-120" }, {
+				label: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Configure", -1)])]),
+				default: withCtx(() => [createVNode(unref(ScalarFormSection), null, {
+					label: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Scalar Configuration", -1)])]),
+					default: withCtx(() => [createVNode(unref(ScalarCodeBlock), {
+						class: "bg-b-1.5 flex max-h-40 flex-col rounded border text-sm",
+						content: snippet.value,
+						lang: "json"
+					}, null, 8, ["content"])]),
+					_: 1
+				}), createElementVNode("div", _hoisted_1, [
+					createVNode(unref(ScalarFormField), null, {
+						label: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Theme", -1)])]),
+						default: withCtx(() => [createVNode(ApiReferenceToolbarConfigTheme_default, {
+							modelValue: theme.value,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => theme.value = $event)
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}),
+					createVNode(unref(ScalarFormField), null, {
+						label: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Layout", -1)])]),
+						default: withCtx(() => [createVNode(ApiReferenceToolbarConfigLayout_default, {
+							modelValue: layout.value,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => layout.value = $event)
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}),
+					createVNode(unref(ScalarFormField), { is: "div" }, {
+						label: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("Layout Options", -1)])]),
+						default: withCtx(() => [createVNode(ApiReferenceToolbarConfigLayoutOptions_default, {
+							modelValue: overrides.value,
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => overrides.value = $event),
+							configuration: __props.configuration
+						}, null, 8, ["modelValue", "configuration"])]),
+						_: 1
+					})
+				])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ModifyConfiguration_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ModifyConfiguration.vue.script.js.map

package/dist/features/developer-tools/components/ModifyConfiguration.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModifyConfiguration.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ModifyConfiguration.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarCodeBlock,\n  ScalarFormField,\n  ScalarFormSection,\n} from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { type ThemeId } from '@scalar/themes'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { computed } from 'vue'\n\nimport ApiReferenceToolbarConfigLayout from './ApiReferenceToolbarConfigLayout.vue'\nimport ApiReferenceToolbarConfigLayoutOptions from './ApiReferenceToolbarConfigLayoutOptions.vue'\nimport ApiReferenceToolbarConfigTheme from './ApiReferenceToolbarConfigTheme.vue'\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\n\nconst snippet = computed<string>(() => {\n  return prettyPrintJson({\n    ...overrides.value, // Make sure the overrides are first\n    ...configuration,\n    ...overrides.value, // But also that they override the configuration\n  })\n})\n\nconst theme = computed<ThemeId>({\n  get: () => overrides.value?.theme ?? configuration?.theme ?? 'default',\n  set: (t) => (overrides.value = { ...overrides.value, theme: t }),\n})\n\nconst layout = computed<'modern' | 'classic'>({\n  get: () => overrides.value?.layout ?? configuration?.layout ?? 'modern',\n  set: (l) => (overrides.value = { ...overrides.value, layout: l }),\n})\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Configure</template>\n    <ScalarFormSection>\n      <template #label>Scalar Configuration</template>\n      <ScalarCodeBlock\n        class=\"bg-b-1.5 flex max-h-40 flex-col rounded border text-sm\"\n        :content=\"snippet\"\n        lang=\"json\" />\n    </ScalarFormSection>\n    <div class=\"flex flex-col gap-4\">\n      <ScalarFormField>\n        <template #label>Theme</template>\n        <ApiReferenceToolbarConfigTheme v-model=\"theme\" />\n      </ScalarFormField>\n      <ScalarFormField>\n        <template #label>Layout</template>\n        <ApiReferenceToolbarConfigLayout v-model=\"layout\" />\n      </ScalarFormField>\n      <ScalarFormField is=\"div\">\n        <template #label>Layout Options</template>\n        <ApiReferenceToolbarConfigLayoutOptions\n          v-model=\"overrides\"\n          :configuration />\n      </ScalarFormField>\n    </div>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAoBA,MAAM,YAAY,SAA+C,SAAC,YAAW;EAE7E,MAAM,UAAU,eAAuB;AACrC,UAAO,gBAAgB;IACrB,GAAG,UAAU;IACb,GAAG,QAAA;IACH,GAAG,UAAU;IACd,CAAA;IACF;EAED,MAAM,QAAQ,SAAkB;GAC9B,WAAW,UAAU,OAAO,SAAS,QAAA,eAAe,SAAS;GAC7D,MAAM,MAAO,UAAU,QAAQ;IAAE,GAAG,UAAU;IAAO,OAAO;IAAG;GAChE,CAAA;EAED,MAAM,SAAS,SAA+B;GAC5C,WAAW,UAAU,OAAO,UAAU,QAAA,eAAe,UAAU;GAC/D,MAAM,MAAO,UAAU,QAAQ;IAAE,GAAG,UAAU;IAAO,QAAQ;IAAG;GACjE,CAAA;;uBAGC,YAyB6B,oCAAA,EAzBD,OAAM,SAAO,EAAA;IAC5B,OAAK,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAT,aAAS,GAAA,CAAA,EAAA,CAAA;2BAON,CANpB,YAMoB,MAAA,kBAAA,EAAA,MAAA;KALP,OAAK,cAAqB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAApB,wBAAoB,GAAA,CAAA,EAAA,CAAA;4BAIrB,CAHhB,YAGgB,MAAA,gBAAA,EAAA;MAFd,OAAM;MACL,SAAS,QAAA;MACV,MAAK;;;QAET,mBAeM,OAfN,YAeM;KAdJ,YAGkB,MAAA,gBAAA,EAAA,MAAA;MAFL,OAAK,cAAM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAL,SAAK,GAAA,CAAA,EAAA,CAAA;6BAC4B,CAAlD,YAAkD,wCAAA;mBAAT,MAAA;0EAAK,QAAA;;;;KAEhD,YAGkB,MAAA,gBAAA,EAAA,MAAA;MAFL,OAAK,cAAO,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAN,UAAM,GAAA,CAAA,EAAA,CAAA;6BAC6B,CAApD,YAAoD,yCAAA;mBAAV,OAAA;2EAAM,QAAA;;;;KAElD,YAKkB,MAAA,gBAAA,EAAA,EALD,IAAG,OAAK,EAAA;MACZ,OAAK,cAAe,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAd,kBAAc,GAAA,CAAA,EAAA,CAAA;6BAGZ,CAFnB,YAEmB,gDAAA;mBADR,UAAA;8EAAS,QAAA;OACjB,eAAA,QAAA"}

package/dist/features/developer-tools/components/ShareApiReference.vue.js

@@ -0,0 +1,7 @@
+import ShareApiReference_vue_vue_type_script_setup_true_lang_default from "./ShareApiReference.vue.script.js";
+//#region src/features/developer-tools/components/ShareApiReference.vue
+var ShareApiReference_default = ShareApiReference_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ShareApiReference_default as default };
+
+//# sourceMappingURL=ShareApiReference.vue.js.map

package/dist/features/developer-tools/components/ShareApiReference.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareApiReference.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ShareApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareTemporary from './ApiReferenceToolbarShareTemporary.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Share</template>\n    <ScalarFormSection>\n      <template #label>Share your API Reference</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Upload your OpenAPI document to share your API Reference with others. As\n        easy as pressing a button.\n      </p>\n      <ApiReferenceToolbarShareTemporary :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/ShareApiReference.vue.script.js

@@ -0,0 +1,26 @@
+import ApiReferenceToolbarPopover_default from "./ApiReferenceToolbarPopover.vue.js";
+import ApiReferenceToolbarShareTemporary_default from "./ApiReferenceToolbarShareTemporary.vue.js";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { ScalarFormSection } from "@scalar/components";
+//#region src/features/developer-tools/components/ShareApiReference.vue?vue&type=script&setup=true&lang.ts
+var ShareApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ShareApiReference",
+	props: { workspace: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ApiReferenceToolbarPopover_default, { class: "w-120" }, {
+				label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Share", -1)])]),
+				default: withCtx(() => [createVNode(unref(ScalarFormSection), null, {
+					label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Share your API Reference", -1)])]),
+					default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("p", { class: "text-c-2 mb-2 leading-normal" }, " Upload your OpenAPI document to share your API Reference with others. As easy as pressing a button. ", -1)), createVNode(ApiReferenceToolbarShareTemporary_default, { workspace: __props.workspace }, null, 8, ["workspace"])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ShareApiReference_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ShareApiReference.vue.script.js.map

package/dist/features/developer-tools/components/ShareApiReference.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareApiReference.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ShareApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareTemporary from './ApiReferenceToolbarShareTemporary.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Share</template>\n    <ScalarFormSection>\n      <template #label>Share your API Reference</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Upload your OpenAPI document to share your API Reference with others. As\n        easy as pressing a button.\n      </p>\n      <ApiReferenceToolbarShareTemporary :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;uBAYE,YAU6B,oCAAA,EAVD,OAAM,SAAO,EAAA;IAC5B,OAAK,cAAM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAL,SAAK,GAAA,CAAA,EAAA,CAAA;2BAQF,CAPpB,YAOoB,MAAA,kBAAA,EAAA,MAAA;KANP,OAAK,cAAyB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAxB,4BAAwB,GAAA,CAAA,EAAA,CAAA;4BAIrC,CAAA,OAAA,OAAA,OAAA,KAHJ,mBAGI,KAAA,EAHD,OAAM,gCAA8B,EAAC,yGAGxC,GAAA,GACA,YAAgD,2CAAA,EAAZ,WAAA,QAAA,WAAS,EAAA,MAAA,GAAA,CAAA,YAAA,CAAA,CAAA,CAAA"}

package/dist/features/developer-tools/index.d.ts

@@ -1,2 +1,2 @@
-export { default as DeveloperTools } from './DeveloperTools.vue';
+export { default as DeveloperTools } from './DeveloperTools.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/features/example-responses/ExampleResponse.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import ExampleResponse_vue_vue_type_script_setup_true_lang_default from "./ExampleResponse.vue.script.js";
+/* empty css                              */
+//#region src/features/example-responses/ExampleResponse.vue
+var ExampleResponse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ExampleResponse_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dcf1403d"]]);
+//#endregion
+export { ExampleResponse_default as default };
+
+//# sourceMappingURL=ExampleResponse.vue.js.map

package/dist/features/example-responses/ExampleResponse.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResponse.vue.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponse.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  getExampleFromSchema,\n  getResolvedRefDeep,\n} from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport { ScalarCodeBlock, ScalarVirtualText } from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ExampleObject,\n  MediaTypeObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { example, response } = defineProps<{\n  response: MediaTypeObject | undefined\n  example: ExampleObject | undefined\n}>()\n\n/** Get content from the appropriate source */\nconst getContent = () => {\n  if (example !== undefined) {\n    return getResolvedRefDeep(example)?.value ?? ''\n  }\n\n  if (response?.schema) {\n    return getExampleFromSchema(getResolvedRef(response.schema), {\n      emptyString: 'string',\n      mode: 'read',\n    })\n  }\n\n  return undefined\n}\n\n/** Pre-pretty printed content string, avoids multiple pretty prints*/\nconst prettyPrintedContent = computed(() => {\n  const content = getContent()\n  if (content === undefined) {\n    return undefined\n  }\n  return prettyPrintJson(content)\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\n// Virtualize the code block if it's too large\nconst shouldVirtualize = computed(() => {\n  if (prettyPrintedContent.value === undefined) {\n    return false\n  }\n  return prettyPrintedContent.value.length > VIRTUALIZATION_THRESHOLD\n})\n</script>\n<template>\n  <!-- Example -->\n  <ScalarCodeBlock\n    v-if=\"prettyPrintedContent !== undefined && !shouldVirtualize\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"prettyPrintedContent\" />\n\n  <ScalarVirtualText\n    v-else-if=\"prettyPrintedContent !== undefined && shouldVirtualize\"\n    containerClass=\"custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen\"\n    contentClass=\"language-plaintext whitespace-pre font-code text-base\"\n    :lineHeight=\"20\"\n    :text=\"prettyPrintedContent\" />\n\n  <div\n    v-else\n    class=\"empty-state\">\n    No Body\n  </div>\n</template>\n\n<style scoped>\n.empty-state {\n  margin: 10px 0 10px 12px;\n  text-align: center;\n  font-size: var(--scalar-mini);\n  min-height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--scalar-radius-lg);\n  color: var(--scalar-color-2);\n}\n\n.rule-title {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  display: inline-block;\n  margin: 12px 0 6px;\n  border-radius: var(--scalar-radius);\n}\n\n.rule {\n  margin: 0 12px 0;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.rule-items {\n  counter-reset: list-number;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border-left: 1px solid var(--scalar-border-color);\n  padding: 12px 0 12px;\n}\n.rule-item {\n  counter-increment: list-number;\n  border: 1px solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n  margin-left: 24px;\n}\n.rule-item:before {\n  /* content: counter(list-number); */\n  border: 1px solid var(--scalar-border-color);\n  border-top: 0;\n  border-right: 0;\n  content: ' ';\n  display: block;\n  width: 24px;\n  height: 6px;\n  border-radius: 0 0 0 var(--scalar-radius-lg);\n  margin-top: 6px;\n  color: var(--scalar-color-2);\n  transform: translateX(-25px);\n  color: var(--scalar-color-1);\n  position: absolute;\n}\n</style>\n"],"mappings":""}

package/dist/features/example-responses/ExampleResponse.vue.script.js

@@ -0,0 +1,56 @@
+import { computed, createBlock, createElementBlock, defineComponent, openBlock, unref } from "vue";
+import { ScalarCodeBlock, ScalarVirtualText } from "@scalar/components";
+import { getExampleFromSchema, getResolvedRefDeep } from "@scalar/api-client/v2/blocks/operation-code-sample";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { prettyPrintJson } from "@scalar/helpers/json/pretty-print-json";
+//#region src/features/example-responses/ExampleResponse.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 2,
+	class: "empty-state"
+};
+var VIRTUALIZATION_THRESHOLD = 2e4;
+var ExampleResponse_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ExampleResponse",
+	props: {
+		response: {},
+		example: {}
+	},
+	setup(__props) {
+		/** Get content from the appropriate source */
+		const getContent = () => {
+			if (__props.example !== void 0) return getResolvedRefDeep(__props.example)?.value ?? "";
+			if (__props.response?.schema) return getExampleFromSchema(getResolvedRef(__props.response.schema), {
+				emptyString: "string",
+				mode: "read"
+			});
+		};
+		/** Pre-pretty printed content string, avoids multiple pretty prints*/
+		const prettyPrintedContent = computed(() => {
+			const content = getContent();
+			if (content === void 0) return;
+			return prettyPrintJson(content);
+		});
+		const shouldVirtualize = computed(() => {
+			if (prettyPrintedContent.value === void 0) return false;
+			return prettyPrintedContent.value.length > VIRTUALIZATION_THRESHOLD;
+		});
+		return (_ctx, _cache) => {
+			return prettyPrintedContent.value !== void 0 && !shouldVirtualize.value ? (openBlock(), createBlock(unref(ScalarCodeBlock), {
+				key: 0,
+				class: "bg-b-2",
+				lang: "json",
+				prettyPrintedContent: prettyPrintedContent.value
+			}, null, 8, ["prettyPrintedContent"])) : prettyPrintedContent.value !== void 0 && shouldVirtualize.value ? (openBlock(), createBlock(unref(ScalarVirtualText), {
+				key: 1,
+				containerClass: "custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen",
+				contentClass: "language-plaintext whitespace-pre font-code text-base",
+				lineHeight: 20,
+				text: prettyPrintedContent.value
+			}, null, 8, ["text"])) : (openBlock(), createElementBlock("div", _hoisted_1, " No Body "));
+		};
+	}
+});
+//#endregion
+export { ExampleResponse_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ExampleResponse.vue.script.js.map

package/dist/features/example-responses/ExampleResponse.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResponse.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponse.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  getExampleFromSchema,\n  getResolvedRefDeep,\n} from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport { ScalarCodeBlock, ScalarVirtualText } from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ExampleObject,\n  MediaTypeObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { example, response } = defineProps<{\n  response: MediaTypeObject | undefined\n  example: ExampleObject | undefined\n}>()\n\n/** Get content from the appropriate source */\nconst getContent = () => {\n  if (example !== undefined) {\n    return getResolvedRefDeep(example)?.value ?? ''\n  }\n\n  if (response?.schema) {\n    return getExampleFromSchema(getResolvedRef(response.schema), {\n      emptyString: 'string',\n      mode: 'read',\n    })\n  }\n\n  return undefined\n}\n\n/** Pre-pretty printed content string, avoids multiple pretty prints*/\nconst prettyPrintedContent = computed(() => {\n  const content = getContent()\n  if (content === undefined) {\n    return undefined\n  }\n  return prettyPrintJson(content)\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\n// Virtualize the code block if it's too large\nconst shouldVirtualize = computed(() => {\n  if (prettyPrintedContent.value === undefined) {\n    return false\n  }\n  return prettyPrintedContent.value.length > VIRTUALIZATION_THRESHOLD\n})\n</script>\n<template>\n  <!-- Example -->\n  <ScalarCodeBlock\n    v-if=\"prettyPrintedContent !== undefined && !shouldVirtualize\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"prettyPrintedContent\" />\n\n  <ScalarVirtualText\n    v-else-if=\"prettyPrintedContent !== undefined && shouldVirtualize\"\n    containerClass=\"custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen\"\n    contentClass=\"language-plaintext whitespace-pre font-code text-base\"\n    :lineHeight=\"20\"\n    :text=\"prettyPrintedContent\" />\n\n  <div\n    v-else\n    class=\"empty-state\">\n    No Body\n  </div>\n</template>\n\n<style scoped>\n.empty-state {\n  margin: 10px 0 10px 12px;\n  text-align: center;\n  font-size: var(--scalar-mini);\n  min-height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--scalar-radius-lg);\n  color: var(--scalar-color-2);\n}\n\n.rule-title {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  display: inline-block;\n  margin: 12px 0 6px;\n  border-radius: var(--scalar-radius);\n}\n\n.rule {\n  margin: 0 12px 0;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.rule-items {\n  counter-reset: list-number;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border-left: 1px solid var(--scalar-border-color);\n  padding: 12px 0 12px;\n}\n.rule-item {\n  counter-increment: list-number;\n  border: 1px solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n  margin-left: 24px;\n}\n.rule-item:before {\n  /* content: counter(list-number); */\n  border: 1px solid var(--scalar-border-color);\n  border-top: 0;\n  border-right: 0;\n  content: ' ';\n  display: block;\n  width: 24px;\n  height: 6px;\n  border-radius: 0 0 0 var(--scalar-radius-lg);\n  margin-top: 6px;\n  color: var(--scalar-color-2);\n  transform: translateX(-25px);\n  color: var(--scalar-color-1);\n  position: absolute;\n}\n</style>\n"],"mappings":";;;;;;;;;;AA4CA,IAAM,2BAA2B;;;;;;;;;EAxBjC,MAAM,mBAAmB;AACvB,OAAI,QAAA,YAAY,KAAA,EACd,QAAO,mBAAmB,QAAA,QAAQ,EAAE,SAAS;AAG/C,OAAI,QAAA,UAAU,OACZ,QAAO,qBAAqB,eAAe,QAAA,SAAS,OAAO,EAAE;IAC3D,aAAa;IACb,MAAM;IACP,CAAA;;;EAOL,MAAM,uBAAuB,eAAe;GAC1C,MAAM,UAAU,YAAW;AAC3B,OAAI,YAAY,KAAA,EACd;AAEF,UAAO,gBAAgB,QAAO;IAC/B;EAKD,MAAM,mBAAmB,eAAe;AACtC,OAAI,qBAAqB,UAAU,KAAA,EACjC,QAAO;AAET,UAAO,qBAAqB,MAAM,SAAS;IAC5C;;UAKS,qBAAA,UAAyB,KAAA,KAAS,CAAK,iBAAA,SAAA,WAAA,EAD/C,YAIiD,MAAA,gBAAA,EAAA;;IAF/C,OAAM;IACN,MAAK;IACJ,sBAAsB,qBAAA;4CAGZ,qBAAA,UAAyB,KAAA,KAAa,iBAAA,SAAA,WAAA,EADnD,YAKiC,MAAA,kBAAA,EAAA;;IAH/B,gBAAe;IACf,cAAa;IACZ,YAAY;IACZ,MAAM,qBAAA;0CAET,mBAIM,OAJN,YAEsB,YAEtB"}

package/dist/features/example-responses/ExampleResponseTab.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import ExampleResponseTab_vue_vue_type_script_setup_true_lang_default from "./ExampleResponseTab.vue.script.js";
+/* empty css                                 */
+//#region src/features/example-responses/ExampleResponseTab.vue
+var ExampleResponseTab_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ExampleResponseTab_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-804dba49"]]);
+//#endregion
+export { ExampleResponseTab_default as default };
+
+//# sourceMappingURL=ExampleResponseTab.vue.js.map

package/dist/features/example-responses/ExampleResponseTab.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResponseTab.vue.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponseTab.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Tab } from '@headlessui/vue'\n</script>\n<template>\n  <Tab\n    v-slot=\"{ selected }\"\n    as=\"template\">\n    <button\n      class=\"tab\"\n      :class=\"{ 'tab-selected': selected }\"\n      type=\"button\">\n      <span>\n        <slot />\n      </span>\n    </button>\n  </Tab>\n</template>\n<style scoped>\n.tab {\n  background: none;\n  border: none;\n  font-size: var(--scalar-small);\n  font-family: var(--scalar-font);\n  font-weight: var(--scalar-font-normal);\n  color: var(--scalar-color-2);\n  line-height: calc(var(--scalar-small) + 2px);\n  white-space: nowrap;\n  cursor: pointer;\n  padding: 0;\n  margin-right: 3px;\n  text-transform: uppercase;\n  position: relative;\n  line-height: 22px;\n}\n.tab:before {\n  content: '';\n  position: absolute;\n  z-index: 0;\n  left: -6px;\n  top: -2px;\n  width: calc(100% + 12px);\n  height: calc(100% + 4px);\n  border-radius: var(--scalar-radius);\n  background: var(--scalar-background-3);\n  opacity: 0;\n}\n.tab:hover:before,\n.tab:focus-visible:before {\n  opacity: 1;\n}\n.tab:focus-visible:before {\n  outline: 1px solid var(--scalar-color-accent);\n}\n.tab span {\n  z-index: 1;\n  position: relative;\n}\n.tab-selected {\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n}\n.tab-selected:after {\n  content: '';\n  position: absolute;\n  background: currentColor;\n  width: 100%;\n  left: 0;\n  height: 1px;\n  bottom: calc(var(--tab-list-padding-y) * -1);\n}\n</style>\n"],"mappings":""}

package/dist/features/example-responses/ExampleResponseTab.vue.script.js

@@ -0,0 +1,21 @@
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Tab } from "@headlessui/vue";
+//#region src/features/example-responses/ExampleResponseTab.vue?vue&type=script&setup=true&lang.ts
+var ExampleResponseTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ExampleResponseTab",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Tab), { as: "template" }, {
+				default: withCtx(({ selected }) => [createElementVNode("button", {
+					class: normalizeClass(["tab", { "tab-selected": selected }]),
+					type: "button"
+				}, [createElementVNode("span", null, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 2)]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { ExampleResponseTab_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ExampleResponseTab.vue.script.js.map

package/dist/features/example-responses/ExampleResponseTab.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResponseTab.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponseTab.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Tab } from '@headlessui/vue'\n</script>\n<template>\n  <Tab\n    v-slot=\"{ selected }\"\n    as=\"template\">\n    <button\n      class=\"tab\"\n      :class=\"{ 'tab-selected': selected }\"\n      type=\"button\">\n      <span>\n        <slot />\n      </span>\n    </button>\n  </Tab>\n</template>\n<style scoped>\n.tab {\n  background: none;\n  border: none;\n  font-size: var(--scalar-small);\n  font-family: var(--scalar-font);\n  font-weight: var(--scalar-font-normal);\n  color: var(--scalar-color-2);\n  line-height: calc(var(--scalar-small) + 2px);\n  white-space: nowrap;\n  cursor: pointer;\n  padding: 0;\n  margin-right: 3px;\n  text-transform: uppercase;\n  position: relative;\n  line-height: 22px;\n}\n.tab:before {\n  content: '';\n  position: absolute;\n  z-index: 0;\n  left: -6px;\n  top: -2px;\n  width: calc(100% + 12px);\n  height: calc(100% + 4px);\n  border-radius: var(--scalar-radius);\n  background: var(--scalar-background-3);\n  opacity: 0;\n}\n.tab:hover:before,\n.tab:focus-visible:before {\n  opacity: 1;\n}\n.tab:focus-visible:before {\n  outline: 1px solid var(--scalar-color-accent);\n}\n.tab span {\n  z-index: 1;\n  position: relative;\n}\n.tab-selected {\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n}\n.tab-selected:after {\n  content: '';\n  position: absolute;\n  background: currentColor;\n  width: 100%;\n  left: 0;\n  height: 1px;\n  bottom: calc(var(--tab-list-padding-y) * -1);\n}\n</style>\n"],"mappings":";;;;;;;uBAIE,YAWM,MAAA,IAAA,EAAA,EATJ,IAAG,YAAU,EAAA;sBAQJ,EATC,eAAQ,CAElB,mBAOS,UAAA;KANP,OAAK,eAAA,CAAC,OAAK,EAAA,gBACe,UAAQ,CAAA,CAAA;KAClC,MAAK;QACL,mBAEO,QAAA,MAAA,CADL,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/features/example-responses/ExampleResponseTabList.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import ExampleResponseTabList_vue_vue_type_script_setup_true_lang_default from "./ExampleResponseTabList.vue.script.js";
+/* empty css                                     */
+//#region src/features/example-responses/ExampleResponseTabList.vue
+var ExampleResponseTabList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ExampleResponseTabList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fec8fbbb"]]);
+//#endregion
+export { ExampleResponseTabList_default as default };
+
+//# sourceMappingURL=ExampleResponseTabList.vue.js.map

package/dist/features/example-responses/ExampleResponseTabList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResponseTabList.vue.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponseTabList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { TabGroup, TabList } from '@headlessui/vue'\nimport { ScalarCardHeader } from '@scalar/components'\n\nconst emit = defineEmits<{\n  (e: 'change', index: number): void\n}>()\n\nconst changeTab = (index: number) => {\n  emit('change', index)\n}\n</script>\n<template>\n  <ScalarCardHeader class=\"scalar-card-header scalar-card-header-tabs\">\n    <TabGroup @change=\"changeTab\">\n      <TabList class=\"tab-list custom-scroll\">\n        <slot />\n      </TabList>\n    </TabGroup>\n    <template #actions>\n      <slot name=\"actions\" />\n    </template>\n  </ScalarCardHeader>\n</template>\n<style scoped>\n.tab-list {\n  display: flex;\n  gap: 6px;\n  position: relative;\n  flex: 1;\n  --tab-list-padding-y: 7px;\n  --tab-list-padding-x: 12px;\n  padding: var(--tab-list-padding-y) var(--tab-list-padding-x);\n  overflow: auto;\n}\n.scalar-card-header.scalar-card-header-tabs {\n  padding: 0;\n}\n</style>\n"],"mappings":""}

package/dist/features/example-responses/ExampleResponseTabList.vue.script.js

@@ -0,0 +1,31 @@
+import { createBlock, createVNode, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { TabGroup, TabList } from "@headlessui/vue";
+import { ScalarCardHeader } from "@scalar/components";
+//#region src/features/example-responses/ExampleResponseTabList.vue?vue&type=script&setup=true&lang.ts
+var ExampleResponseTabList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ExampleResponseTabList",
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const changeTab = (index) => {
+			emit("change", index);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarCardHeader), { class: "scalar-card-header scalar-card-header-tabs" }, {
+				actions: withCtx(() => [renderSlot(_ctx.$slots, "actions", {}, void 0, true)]),
+				default: withCtx(() => [createVNode(unref(TabGroup), { onChange: changeTab }, {
+					default: withCtx(() => [createVNode(unref(TabList), { class: "tab-list custom-scroll" }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+						_: 3
+					})]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { ExampleResponseTabList_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ExampleResponseTabList.vue.script.js.map

package/dist/features/example-responses/ExampleResponseTabList.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResponseTabList.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponseTabList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { TabGroup, TabList } from '@headlessui/vue'\nimport { ScalarCardHeader } from '@scalar/components'\n\nconst emit = defineEmits<{\n  (e: 'change', index: number): void\n}>()\n\nconst changeTab = (index: number) => {\n  emit('change', index)\n}\n</script>\n<template>\n  <ScalarCardHeader class=\"scalar-card-header scalar-card-header-tabs\">\n    <TabGroup @change=\"changeTab\">\n      <TabList class=\"tab-list custom-scroll\">\n        <slot />\n      </TabList>\n    </TabGroup>\n    <template #actions>\n      <slot name=\"actions\" />\n    </template>\n  </ScalarCardHeader>\n</template>\n<style scoped>\n.tab-list {\n  display: flex;\n  gap: 6px;\n  position: relative;\n  flex: 1;\n  --tab-list-padding-y: 7px;\n  --tab-list-padding-x: 12px;\n  padding: var(--tab-list-padding-y) var(--tab-list-padding-x);\n  overflow: auto;\n}\n.scalar-card-header.scalar-card-header-tabs {\n  padding: 0;\n}\n</style>\n"],"mappings":";;;;;;;;EAIA,MAAM,OAAO;EAIb,MAAM,aAAa,UAAkB;AACnC,QAAK,UAAU,MAAK;;;uBAIpB,YASmB,MAAA,iBAAA,EAAA,EATD,OAAM,8CAA4C,EAAA;IAMvD,SAAO,cACO,CAAvB,WAAuB,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA;2BAFd,CAJX,YAIW,MAAA,SAAA,EAAA,EAJA,UAAQ,WAAS,EAAA;4BAGhB,CAFV,YAEU,MAAA,QAAA,EAAA,EAFD,OAAM,0BAAwB,EAAA;6BAC7B,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}

package/dist/features/example-responses/ExampleResponses.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import ExampleResponses_vue_vue_type_script_setup_true_lang_default from "./ExampleResponses.vue.script.js";
+/* empty css                               */
+//#region src/features/example-responses/ExampleResponses.vue
+var ExampleResponses_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ExampleResponses_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5b8a574c"]]);
+//#endregion
+export { ExampleResponses_default as default };
+
+//# sourceMappingURL=ExampleResponses.vue.js.map

package/dist/features/example-responses/ExampleResponses.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResponses.vue.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponses.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { getExample } from '@scalar/api-client/v2/blocks/operation-block'\nimport { ExamplePicker } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport {\n  ScalarCard,\n  ScalarCardFooter,\n  ScalarCardSection,\n  ScalarIcon,\n  ScalarMarkdown,\n} from '@scalar/components'\nimport {\n  getObjectKeys,\n  normalizeMimeTypeObject,\n} from '@scalar/oas-utils/helpers'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  MediaTypeObject,\n  ResponsesObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, toValue, useId, watch } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport ExampleSchema from '@/features/example-responses/ExampleSchema.vue'\n\nimport ExampleResponse from './ExampleResponse.vue'\nimport ExampleResponseTab from './ExampleResponseTab.vue'\nimport ExampleResponseTabList from './ExampleResponseTabList.vue'\nimport { hasResponseContent } from './has-response-content'\n\n/**\n * TODO: copyToClipboard isn't using the right content if there are multiple examples\n */\n\nconst { responses } = defineProps<{\n  responses: ResponsesObject\n}>()\n\nconst id = useId()\nconst { copyToClipboard } = useClipboard()\n\n// Bring the status codes in the right order.\nconst orderedStatusCodes = computed<string[]>(() =>\n  Object.keys(responses ?? {}).sort(),\n)\n\n// Filter to only valid response keys that should render in the example responses panel\nconst statusCodesWithContent = computed<string[]>(() =>\n  orderedStatusCodes.value.filter((statusCode) =>\n    hasResponseContent(getResolvedRef(responses?.[statusCode]), statusCode),\n  ),\n)\n\n// Keep track of the current selected tab\nconst selectedResponseIndex = ref<number>(0)\n\n/**\n * Clamp the selected index when the filtered list shrinks.\n * Without this, the index can become out of bounds and cause a mismatch\n * between the visible tabs and the displayed content.\n *\n * We also reset `selectedExampleKey` to match the behavior of `changeTab`,\n * since the new response may not have the same example keys.\n */\nwatch(statusCodesWithContent, (codes) => {\n  if (codes.length === 0) {\n    selectedResponseIndex.value = 0\n    selectedExampleKey.value = ''\n  } else if (selectedResponseIndex.value >= codes.length) {\n    selectedResponseIndex.value = codes.length - 1\n    selectedExampleKey.value = ''\n  }\n})\n\n// Return the whole response object\nconst currentResponse = computed(() => {\n  const currentStatusCode =\n    toValue(statusCodesWithContent)[toValue(selectedResponseIndex)] ?? ''\n\n  return getResolvedRef(responses?.[currentStatusCode])\n})\n\nconst currentResponseContent = computed<MediaTypeObject | undefined>(() => {\n  const normalizedContent = normalizeMimeTypeObject(\n    currentResponse.value?.content,\n  )\n\n  /** All the keys of the normalized content */\n  const keys = getObjectKeys(normalizedContent ?? {})\n\n  return (\n    // OpenAPI 3.x\n    normalizedContent?.['application/json'] ??\n    normalizedContent?.['application/xml'] ??\n    normalizedContent?.['text/plain'] ??\n    normalizedContent?.['text/html'] ??\n    normalizedContent?.['*/*'] ??\n    // Take the first key - in the future we may want to use the selected content type\n    normalizedContent?.[keys[0] ?? ''] ??\n    undefined\n  )\n})\n\nconst hasMultipleExamples = computed<boolean>(\n  () =>\n    !!currentResponseContent.value?.examples &&\n    Object.keys(currentResponseContent.value?.examples ?? {}).length > 1,\n)\n\nconst selectedExampleKey = ref<string>(\n  Object.keys(currentResponseContent.value?.examples ?? {})[0] ?? '',\n)\n\n/** Get the current example to display */\nconst currentExample = computed(() => {\n  if (!currentResponseContent.value) {\n    return undefined\n  }\n\n  // When multiple examples exist and one is selected, we access it directly\n  if (hasMultipleExamples.value && selectedExampleKey.value) {\n    return currentResponseContent.value.examples?.[selectedExampleKey.value]\n  }\n\n  // Otherwise, we use getExample with an undefined exampleKey to handle fallbacks\n  return getExample(currentResponseContent.value, undefined, undefined)\n})\n\nconst changeTab = (index: number) => {\n  selectedResponseIndex.value = index\n  selectedExampleKey.value = ''\n}\n\nconst showSchema = ref(false)\n</script>\n<template>\n  <ScalarCard\n    v-if=\"statusCodesWithContent.length\"\n    aria-label=\"Example Responses\"\n    class=\"response-card\"\n    role=\"region\">\n    <ExampleResponseTabList @change=\"changeTab\">\n      <ExampleResponseTab\n        v-for=\"statusCode in statusCodesWithContent\"\n        :key=\"statusCode\"\n        :aria-controls=\"id\">\n        <ScreenReader>Status:</ScreenReader>\n        {{ statusCode }}\n      </ExampleResponseTab>\n\n      <template #actions>\n        <button\n          v-if=\"currentResponseContent?.example\"\n          class=\"code-copy\"\n          type=\"button\"\n          @click=\"() => copyToClipboard(currentResponseContent?.example)\">\n          <ScalarIcon\n            icon=\"Clipboard\"\n            width=\"12px\" />\n        </button>\n        <label\n          v-if=\"currentResponseContent?.schema\"\n          class=\"scalar-card-checkbox\">\n          Show Schema\n          <input\n            v-model=\"showSchema\"\n            :aria-controls=\"id\"\n            class=\"scalar-card-checkbox-input\"\n            type=\"checkbox\" />\n          <span class=\"scalar-card-checkbox-checkmark\" />\n        </label>\n      </template>\n    </ExampleResponseTabList>\n    <ScalarCardSection class=\"grid flex-1\">\n      <!-- Schema -->\n      <ExampleSchema\n        v-if=\"currentResponseContent?.schema && showSchema\"\n        :id=\"id\"\n        :schema=\"currentResponseContent?.schema\" />\n\n      <!-- Example -->\n      <ExampleResponse\n        v-else\n        :id=\"id\"\n        :example=\"currentExample\"\n        :response=\"currentResponseContent\" />\n    </ScalarCardSection>\n    <ScalarCardFooter\n      v-if=\"currentResponse?.description || hasMultipleExamples\"\n      class=\"response-card-footer\">\n      <ExamplePicker\n        v-if=\"hasMultipleExamples\"\n        v-model=\"selectedExampleKey\"\n        class=\"response-example-selector px-0\"\n        :examples=\"currentResponseContent?.examples\" />\n      <div class=\"response-description\">\n        <ScalarMarkdown\n          v-if=\"currentResponse?.description\"\n          class=\"response-description-markdown\"\n          :value=\"currentResponse.description\" />\n      </div>\n    </ScalarCardFooter>\n  </ScalarCard>\n</template>\n\n<style scoped>\n.response-card {\n  font-size: var(--scalar-font-size-3);\n}\n\n.code-copy {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  appearance: none;\n  -webkit-appearance: none;\n  outline: none;\n  background: transparent;\n  cursor: pointer;\n  color: var(--scalar-color-3);\n  border: none;\n  padding: 0;\n  margin-right: 12px;\n}\n.code-copy:hover {\n  color: var(--scalar-color-1);\n}\n.code-copy svg {\n  width: 13px;\n  height: 13px;\n}\n.response-card-footer {\n  display: flex;\n  flex-direction: row-reverse;\n  flex-wrap: wrap;\n  justify-content: start;\n  flex-shrink: 0;\n  padding: 7px 12px;\n  column-gap: 8px;\n}\n.response-example-selector {\n  flex-shrink: 0;\n  margin: -4px;\n}\n.response-description {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-small);\n  color: var(--scalar-color--1);\n\n  box-sizing: border-box;\n\n  flex-grow: 1;\n}\n.response-description-markdown {\n  max-height: 3lh;\n}\n\n.response-description-markdown :deep(*) {\n  margin: 0;\n}\n.schema-type {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  background: var(--scalar-background-3);\n  padding: 2px 4px;\n  border-radius: 4px;\n  margin-right: 4px;\n}\n.schema-example {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n}\n\n.example-response-tab {\n  display: block;\n  margin: 6px;\n}\n\n.scalar-card-checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  min-height: 17px;\n  cursor: pointer;\n  user-select: none;\n  font-size: var(--scalar-small);\n  font-weight: var(--scalar-font-normal);\n  color: var(--scalar-color-2);\n  width: fit-content;\n  white-space: nowrap;\n  gap: 6px;\n  padding: 7px 6px;\n}\n.scalar-card-checkbox:has(.scalar-card-checkbox-input:focus-visible)\n  .scalar-card-checkbox-checkmark {\n  outline: 1px solid var(--scalar-color-accent);\n}\n.scalar-card-checkbox:hover {\n  color: var(--scalar-color--1);\n}\n.scalar-card-checkbox .scalar-card-checkbox-input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n\n.scalar-card-checkbox-checkmark {\n  height: 16px;\n  width: 16px;\n  border-radius: var(--scalar-radius);\n  background-color: transparent;\n  background-color: var(--scalar-background-3);\n  box-shadow: inset 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.scalar-card-checkbox:has(.scalar-card-checkbox-input:checked) {\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n}\n\n.scalar-card-checkbox\n  .scalar-card-checkbox-input:checked\n  ~ .scalar-card-checkbox-checkmark {\n  background-color: var(--scalar-button-1);\n  box-shadow: none;\n}\n\n.scalar-card-checkbox-checkmark:after {\n  content: '';\n  position: absolute;\n  display: none;\n}\n\n.scalar-card-checkbox\n  .scalar-card-checkbox-input:checked\n  ~ .scalar-card-checkbox-checkmark:after {\n  display: block;\n}\n\n.scalar-card-checkbox .scalar-card-checkbox-checkmark:after {\n  right: 11.5px;\n  top: 12.5px;\n  width: 5px;\n  height: 9px;\n  border: solid 1px var(--scalar-button-1-color);\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg);\n}\n</style>\n"],"mappings":""}