@scalar/api-reference 1.64.0 → 1.64.1

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

@@ -1 +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/icon-button'\nimport { ScalarIconCopy, ScalarIconInfo } from '@scalar/icons'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\n\nconst CONFIG_SETTING = 'showDeveloperTools: \"never\"'\n\nconst { copyToClipboard } = useClipboard()\nconst { translate } = useLocalization()\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        {{ translate('developerTools.title') }}\n      </button>\n    </template>\n    <div class=\"-m-2 flex flex-col gap-2 leading-relaxed\">\n      <div>{{ translate('developerTools.intro') }}</div>\n      <div>\n        {{ translate('developerTools.disableToolbarBefore') }}\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=\"translate('actions.copyToClipboard')\"\n            size=\"sm\"\n            @click=\"copyToClipboard(CONFIG_SETTING)\" />\n        </div>\n        {{ translate('developerTools.disableToolbarAfter') }}\n      </div>\n    </div>\n    <template #info>\n      {{ translate('developerTools.localhostOnly') }}\n    </template>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;AASA,IAAM,iBAAiB;;;;EAEvB,MAAM,EAAE,oBAAoB,cAAa;EACzC,MAAM,EAAE,cAAc,iBAAgB;;uBAGpC,YA+B6B,oCAAA;IA9B3B,OAAM;IACN,WAAU;;IACC,QAAM,cAMN,CALT,mBAKS,UALT,YAKS,CAFP,YAAkB,MAAA,eAAA,CAAA,EAAA,gBAAA,MAClB,gBAAG,MAAA,UAAS,CAAA,uBAAA,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;IAoBL,MAAI,cACkC,CAAA,gBAAA,gBAA5C,MAAA,UAAS,CAAA,+BAAA,CAAA,EAAA,EAAA,CAAA,CAAA;2BAFR,CAhBN,mBAgBM,OAhBN,YAgBM,CAfJ,mBAAkD,OAAA,MAAA,gBAA1C,MAAA,UAAS,CAAA,uBAAA,CAAA,EAAA,EAAA,EACjB,mBAaM,OAAA,MAAA;qCAZD,MAAA,UAAS,CAAA,sCAAA,CAAA,GAA0C,KACtD,EAAA;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;MACpB,OAAO,MAAA,UAAS,CAAA,0BAAA;MACjB,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,gBAAe,CAAC,eAAc;;qBACpC,MACN,gBAAG,MAAA,UAAS,CAAA,qCAAA,CAAA,EAAA,EAAA"}
+{"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/icon-button'\nimport { ScalarIconCopy, ScalarIconInfo } from '@scalar/icons'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\n\nconst CONFIG_SETTING = 'showDeveloperTools: \"never\"'\n\nconst { copyToClipboard } = useClipboard()\nconst { translate } = useLocalization()\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        {{ translate('developerTools.title') }}\n      </button>\n    </template>\n    <div class=\"-m-2 flex flex-col gap-2 leading-relaxed\">\n      <div>{{ translate('developerTools.intro') }}</div>\n      <div>\n        {{ translate('developerTools.disableToolbarBefore') }}\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=\"translate('actions.copyToClipboard')\"\n            size=\"sm\"\n            @click=\"copyToClipboard(CONFIG_SETTING)\" />\n        </div>\n        {{ translate('developerTools.disableToolbarAfter') }}\n      </div>\n    </div>\n    <template #info>\n      {{ translate('developerTools.localhostOnly') }}\n    </template>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;AASA,IAAM,iBAAiB;;;;EAEvB,MAAM,EAAE,oBAAoB,aAAa;EACzC,MAAM,EAAE,cAAc,gBAAgB;;uBAGpC,YA+B6B,oCAAA;IA9B3B,OAAM;IACN,WAAU;;IACC,QAAM,cAMN,CALT,mBAKS,UALT,YAKS,CAFP,YAAkB,MAAA,cAAA,CAAA,GAAA,gBAAA,MAClB,gBAAG,MAAA,SAAA,CAAS,CAAA,sBAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;IAoBL,MAAI,cACkC,CAAA,gBAAA,gBAA5C,MAAA,SAAA,CAAS,CAAA,8BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;2BAFR,CAhBN,mBAgBM,OAhBN,YAgBM,CAfJ,mBAAkD,OAAA,MAAA,gBAA1C,MAAA,SAAA,CAAS,CAAA,sBAAA,CAAA,GAAA,CAAA,GACjB,mBAaM,OAAA,MAAA;qCAZD,MAAA,SAAA,CAAS,CAAA,qCAAA,CAAA,IAA0C,KACtD,CAAA;KAAA,mBASM,OATN,YASM,CAPJ,mBAAmD,QAAA,EAA7C,OAAM,YAAW,GAAA,gBAAI,cAAc,CAAA,GACzC,YAK6C,MAAA,gBAAA,GAAA;MAJ3C,OAAM;MACL,MAAM,MAAA,cAAA;MACN,OAAO,MAAA,SAAA,CAAS,CAAA,yBAAA;MACjB,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,eAAA,CAAe,CAAC,cAAc;;qBACpC,MACN,gBAAG,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA"}

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

@@ -5,7 +5,7 @@ import { createBlock, createElementVNode, createTextVNode, createVNode, defineCo
 import { ScalarFormSection } from "@scalar/components/form";
 //#region src/features/developer-tools/components/DeployApiReference.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "text-c-2 mb-2 leading-normal" };
-var DeployApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var DeployApiReference_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "DeployApiReference",
 	props: {
 		workspace: {},

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

@@ -1 +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/form'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareRegister from './ApiReferenceToolbarShareRegister.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\nconst { translate } = useLocalization()\n</script>\n\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>{{ translate('developerTools.deploy') }}</template>\n    <ScalarFormSection>\n      <template #label>{{ translate('developerTools.scalarDocs') }}</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        {{ translate('developerTools.deployDescription') }}\n      </p>\n      <ApiReferenceToolbarShareRegister\n        :externalUrls\n        :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAcA,MAAM,EAAE,cAAc,iBAAgB;;uBAIpC,YAW6B,oCAAA,EAXD,OAAM,SAAO,EAAA;IAC5B,OAAK,cAAyC,CAAA,gBAAA,gBAArC,MAAA,UAAS,CAAA,wBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;2BAST,CARpB,YAQoB,MAAA,kBAAA,EAAA,MAAA;KAPP,OAAK,cAA6C,CAAA,gBAAA,gBAAzC,MAAA,UAAS,CAAA,4BAAA,CAAA,EAAA,EAAA,CAAA,CAAA;4BAGzB,CAFJ,mBAEI,KAFJ,YAEI,gBADC,MAAA,UAAS,CAAA,mCAAA,CAAA,EAAA,EAAA,EAEd,YAEe,0CAAA;MADZ,cAAA,QAAA;MACA,WAAA,QAAA"}
+{"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/form'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareRegister from './ApiReferenceToolbarShareRegister.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\nconst { translate } = useLocalization()\n</script>\n\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>{{ translate('developerTools.deploy') }}</template>\n    <ScalarFormSection>\n      <template #label>{{ translate('developerTools.scalarDocs') }}</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        {{ translate('developerTools.deployDescription') }}\n      </p>\n      <ApiReferenceToolbarShareRegister\n        :externalUrls\n        :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAcA,MAAM,EAAE,cAAc,gBAAgB;;uBAIpC,YAW6B,oCAAA,EAXD,OAAM,QAAO,GAAA;IAC5B,OAAK,cAAyC,CAAA,gBAAA,gBAArC,MAAA,SAAA,CAAS,CAAA,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;2BAST,CARpB,YAQoB,MAAA,iBAAA,GAAA,MAAA;KAPP,OAAK,cAA6C,CAAA,gBAAA,gBAAzC,MAAA,SAAA,CAAS,CAAA,2BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;4BAGzB,CAFJ,mBAEI,KAFJ,YAEI,gBADC,MAAA,SAAA,CAAS,CAAA,kCAAA,CAAA,GAAA,CAAA,GAEd,YAEe,0CAAA;MADZ,cAAA,QAAA;MACA,WAAA,QAAA"}

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

@@ -9,9 +9,9 @@ import { prettyPrintJson } from "@scalar/helpers/json/pretty-print-json";
 import { ScalarFormField, ScalarFormSection } from "@scalar/components/form";
 //#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({
+var ModifyConfiguration_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ModifyConfiguration",
-	props: /* @__PURE__ */ mergeModels({ configuration: {} }, {
+	props: /*@__PURE__*/ mergeModels({ configuration: {} }, {
 		"overrides": {},
 		"overridesModifiers": {}
 	}),

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

@@ -1 +1 @@
-{"version":3,"file":"ModifyConfiguration.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ModifyConfiguration.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarFormField, ScalarFormSection } from '@scalar/components/form'\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 { useLocalization } from '@/features/localization'\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')\nconst { translate } = useLocalization()\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>{{ translate('developerTools.configure') }}</template>\n    <ScalarFormSection>\n      <template #label>\n        {{ translate('developerTools.scalarConfiguration') }}\n      </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>{{ translate('developerTools.theme') }}</template>\n        <ApiReferenceToolbarConfigTheme v-model=\"theme\" />\n      </ScalarFormField>\n      <ScalarFormField>\n        <template #label>{{ translate('developerTools.layout') }}</template>\n        <ApiReferenceToolbarConfigLayout v-model=\"layout\" />\n      </ScalarFormField>\n      <ScalarFormField is=\"div\">\n        <template #label>\n          {{ translate('developerTools.layoutOptions') }}\n        </template>\n        <ApiReferenceToolbarConfigLayoutOptions\n          v-model=\"overrides\"\n          :configuration />\n      </ScalarFormField>\n    </div>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAmBA,MAAM,YAAY,SAA+C,SAAC,YAAW;EAC7E,MAAM,EAAE,cAAc,iBAAgB;EAEtC,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,YA6B6B,oCAAA,EA7BD,OAAM,SAAO,EAAA;IAC5B,OAAK,cAA4C,CAAA,gBAAA,gBAAxC,MAAA,UAAS,CAAA,2BAAA,CAAA,EAAA,EAAA,CAAA,CAAA;2BAST,CARpB,YAQoB,MAAA,kBAAA,EAAA,MAAA;KAPP,OAAK,cACuC,CAAA,gBAAA,gBAAlD,MAAA,UAAS,CAAA,qCAAA,CAAA,EAAA,EAAA,CAAA,CAAA;4BAKE,CAHhB,YAGgB,MAAA,gBAAA,EAAA;MAFd,OAAM;MACL,SAAS,QAAA;MACV,MAAK;;;QAET,mBAiBM,OAjBN,YAiBM;KAhBJ,YAGkB,MAAA,gBAAA,EAAA,MAAA;MAFL,OAAK,cAAwC,CAAA,gBAAA,gBAApC,MAAA,UAAS,CAAA,uBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;6BACqB,CAAlD,YAAkD,wCAAA;mBAAT,MAAA;0EAAK,QAAA;;;;KAEhD,YAGkB,MAAA,gBAAA,EAAA,MAAA;MAFL,OAAK,cAAyC,CAAA,gBAAA,gBAArC,MAAA,UAAS,CAAA,wBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;6BACuB,CAApD,YAAoD,yCAAA;mBAAV,OAAA;2EAAM,QAAA;;;;KAElD,YAOkB,MAAA,gBAAA,EAAA,EAPD,IAAG,OAAK,EAAA;MACZ,OAAK,cACiC,CAAA,gBAAA,gBAA5C,MAAA,UAAS,CAAA,+BAAA,CAAA,EAAA,EAAA,CAAA,CAAA;6BAIK,CAFnB,YAEmB,gDAAA;mBADR,UAAA;8EAAS,QAAA;OACjB,eAAA,QAAA"}
+{"version":3,"file":"ModifyConfiguration.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ModifyConfiguration.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarFormField, ScalarFormSection } from '@scalar/components/form'\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 { useLocalization } from '@/features/localization'\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')\nconst { translate } = useLocalization()\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>{{ translate('developerTools.configure') }}</template>\n    <ScalarFormSection>\n      <template #label>\n        {{ translate('developerTools.scalarConfiguration') }}\n      </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>{{ translate('developerTools.theme') }}</template>\n        <ApiReferenceToolbarConfigTheme v-model=\"theme\" />\n      </ScalarFormField>\n      <ScalarFormField>\n        <template #label>{{ translate('developerTools.layout') }}</template>\n        <ApiReferenceToolbarConfigLayout v-model=\"layout\" />\n      </ScalarFormField>\n      <ScalarFormField is=\"div\">\n        <template #label>\n          {{ translate('developerTools.layoutOptions') }}\n        </template>\n        <ApiReferenceToolbarConfigLayoutOptions\n          v-model=\"overrides\"\n          :configuration />\n      </ScalarFormField>\n    </div>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAmBA,MAAM,YAAY,SAA+C,SAAC,WAAW;EAC7E,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,UAAU,eAAuB;GACrC,OAAO,gBAAgB;IACrB,GAAG,UAAU;IACb,GAAG,QAAA;IACH,GAAG,UAAU;GACf,CAAC;EACH,CAAC;EAED,MAAM,QAAQ,SAAkB;GAC9B,WAAW,UAAU,OAAO,SAAS,QAAA,eAAe,SAAS;GAC7D,MAAM,MAAO,UAAU,QAAQ;IAAE,GAAG,UAAU;IAAO,OAAO;GAAE;EAChE,CAAC;EAED,MAAM,SAAS,SAA+B;GAC5C,WAAW,UAAU,OAAO,UAAU,QAAA,eAAe,UAAU;GAC/D,MAAM,MAAO,UAAU,QAAQ;IAAE,GAAG,UAAU;IAAO,QAAQ;GAAE;EACjE,CAAC;;uBAGC,YA6B6B,oCAAA,EA7BD,OAAM,QAAO,GAAA;IAC5B,OAAK,cAA4C,CAAA,gBAAA,gBAAxC,MAAA,SAAA,CAAS,CAAA,0BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;2BAST,CARpB,YAQoB,MAAA,iBAAA,GAAA,MAAA;KAPP,OAAK,cACuC,CAAA,gBAAA,gBAAlD,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;4BAKE,CAHhB,YAGgB,MAAA,eAAA,GAAA;MAFd,OAAM;MACL,SAAS,QAAA;MACV,MAAK;;;QAET,mBAiBM,OAjBN,YAiBM;KAhBJ,YAGkB,MAAA,eAAA,GAAA,MAAA;MAFL,OAAK,cAAwC,CAAA,gBAAA,gBAApC,MAAA,SAAA,CAAS,CAAA,sBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;6BACqB,CAAlD,YAAkD,wCAAA;mBAAT,MAAA;0EAAK,QAAA;;;;KAEhD,YAGkB,MAAA,eAAA,GAAA,MAAA;MAFL,OAAK,cAAyC,CAAA,gBAAA,gBAArC,MAAA,SAAA,CAAS,CAAA,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;6BACuB,CAApD,YAAoD,yCAAA;mBAAV,OAAA;2EAAM,QAAA;;;;KAElD,YAOkB,MAAA,eAAA,GAAA,EAPD,IAAG,MAAK,GAAA;MACZ,OAAK,cACiC,CAAA,gBAAA,gBAA5C,MAAA,SAAA,CAAS,CAAA,8BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;6BAIK,CAFnB,YAEmB,gDAAA;mBADR,UAAA;8EAAS,QAAA;OACjB,eAAA,QAAA"}

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

@@ -5,7 +5,7 @@ import { createBlock, createElementVNode, createTextVNode, createVNode, defineCo
 import { ScalarFormSection } from "@scalar/components/form";
 //#region src/features/developer-tools/components/ShareApiReference.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "text-c-2 mb-2 leading-normal" };
-var ShareApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ShareApiReference_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ShareApiReference",
 	props: {
 		workspace: {},

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

@@ -1 +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/form'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareTemporary from './ApiReferenceToolbarShareTemporary.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\nconst { translate } = useLocalization()\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>{{ translate('developerTools.share') }}</template>\n    <ScalarFormSection>\n      <template #label>{{ translate('developerTools.shareTitle') }}</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        {{ translate('developerTools.shareDescription') }}\n      </p>\n      <ApiReferenceToolbarShareTemporary\n        :externalUrls\n        :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAcA,MAAM,EAAE,cAAc,iBAAgB;;uBAGpC,YAW6B,oCAAA,EAXD,OAAM,SAAO,EAAA;IAC5B,OAAK,cAAwC,CAAA,gBAAA,gBAApC,MAAA,UAAS,CAAA,uBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;2BAST,CARpB,YAQoB,MAAA,kBAAA,EAAA,MAAA;KAPP,OAAK,cAA6C,CAAA,gBAAA,gBAAzC,MAAA,UAAS,CAAA,4BAAA,CAAA,EAAA,EAAA,CAAA,CAAA;4BAGzB,CAFJ,mBAEI,KAFJ,YAEI,gBADC,MAAA,UAAS,CAAA,kCAAA,CAAA,EAAA,EAAA,EAEd,YAEe,2CAAA;MADZ,cAAA,QAAA;MACA,WAAA,QAAA"}
+{"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/form'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareTemporary from './ApiReferenceToolbarShareTemporary.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\nconst { translate } = useLocalization()\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>{{ translate('developerTools.share') }}</template>\n    <ScalarFormSection>\n      <template #label>{{ translate('developerTools.shareTitle') }}</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        {{ translate('developerTools.shareDescription') }}\n      </p>\n      <ApiReferenceToolbarShareTemporary\n        :externalUrls\n        :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAcA,MAAM,EAAE,cAAc,gBAAgB;;uBAGpC,YAW6B,oCAAA,EAXD,OAAM,QAAO,GAAA;IAC5B,OAAK,cAAwC,CAAA,gBAAA,gBAApC,MAAA,SAAA,CAAS,CAAA,sBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;2BAST,CARpB,YAQoB,MAAA,iBAAA,GAAA,MAAA;KAPP,OAAK,cAA6C,CAAA,gBAAA,gBAAzC,MAAA,SAAA,CAAS,CAAA,2BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;4BAGzB,CAFJ,mBAEI,KAFJ,YAEI,gBADC,MAAA,SAAA,CAAS,CAAA,iCAAA,CAAA,GAAA,CAAA,GAEd,YAEe,2CAAA;MADZ,cAAA,QAAA;MACA,WAAA,QAAA"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 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-ce6cfefc"]]);
+var ExampleResponse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ExampleResponse_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ce6cfefc"]]);
 //#endregion
 export { ExampleResponse_default as default };
 

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

@@ -11,7 +11,7 @@ var _hoisted_1 = {
 	class: "empty-state"
 };
 var VIRTUALIZATION_THRESHOLD = 2e4;
-var ExampleResponse_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ExampleResponse_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ExampleResponse",
 	props: {
 		response: {},

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponse.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponse.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { getResolvedRefDeep } from '@scalar/blocks/code-example'\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarVirtualCodeBlock } from '@scalar/components/virtual-code-block'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { getExampleFromSchema } from '@scalar/workspace-store/request-example'\nimport type {\n  ExampleObject,\n  MediaTypeObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { example, response } = defineProps<{\n  response: MediaTypeObject | undefined\n  example: ExampleObject | undefined\n}>()\nconst { translate } = useLocalization()\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(\n      // Should be safe to deep resolve the schema here because we don't have to do any sibling resolution for example generation\n      getResolvedRefDeep(response.schema) as SchemaObject,\n      {\n        emptyString: 'string',\n        mode: 'read',\n      },\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  <ScalarVirtualCodeBlock\n    v-else-if=\"prettyPrintedContent !== undefined && shouldVirtualize\"\n    class=\"bg-b-2\"\n    :content=\"prettyPrintedContent\"\n    lang=\"json\" />\n\n  <div\n    v-else\n    class=\"empty-state\">\n    {{ translate('response.noBody') }}\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":";;;;;;;;;;;;AAkDA,IAAM,2BAA2B;;;;;;;;EA/BjC,MAAM,EAAE,cAAc,iBAAgB;;EAGtC,MAAM,mBAAmB;AACvB,OAAI,QAAA,YAAY,KAAA,EACd,QAAO,mBAAmB,QAAA,QAAQ,EAAE,SAAS;AAG/C,OAAI,QAAA,UAAU,OACZ,QAAO,qBAEL,mBAAmB,QAAA,SAAS,OAAO,EACnC;IACE,aAAa;IACb,MAAM;IACP,CACH;;;EAOJ,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,YAIgB,MAAA,uBAAA,EAAA;;IAFd,OAAM;IACL,SAAS,qBAAA;IACV,MAAK;6CAEP,mBAIM,OAJN,YAIM,gBADD,MAAA,UAAS,CAAA,kBAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"ExampleResponse.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponse.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { getResolvedRefDeep } from '@scalar/blocks/code-example'\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarVirtualCodeBlock } from '@scalar/components/virtual-code-block'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { getExampleFromSchema } from '@scalar/workspace-store/request-example'\nimport type {\n  ExampleObject,\n  MediaTypeObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { example, response } = defineProps<{\n  response: MediaTypeObject | undefined\n  example: ExampleObject | undefined\n}>()\nconst { translate } = useLocalization()\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(\n      // Should be safe to deep resolve the schema here because we don't have to do any sibling resolution for example generation\n      getResolvedRefDeep(response.schema) as SchemaObject,\n      {\n        emptyString: 'string',\n        mode: 'read',\n      },\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  <ScalarVirtualCodeBlock\n    v-else-if=\"prettyPrintedContent !== undefined && shouldVirtualize\"\n    class=\"bg-b-2\"\n    :content=\"prettyPrintedContent\"\n    lang=\"json\" />\n\n  <div\n    v-else\n    class=\"empty-state\">\n    {{ translate('response.noBody') }}\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":";;;;;;;;;;;;AAkDA,IAAM,2BAA2B;;;;;;;;EA/BjC,MAAM,EAAE,cAAc,gBAAgB;;EAGtC,MAAM,mBAAmB;GACvB,IAAI,QAAA,YAAY,KAAA,GACd,OAAO,mBAAmB,QAAA,OAAO,CAAC,EAAE,SAAS;GAG/C,IAAI,QAAA,UAAU,QACZ,OAAO,qBAEL,mBAAmB,QAAA,SAAS,MAAM,GAClC;IACE,aAAa;IACb,MAAM;GACR,CACF;EAIJ;;EAGA,MAAM,uBAAuB,eAAe;GAC1C,MAAM,UAAU,WAAW;GAC3B,IAAI,YAAY,KAAA,GACd;GAEF,OAAO,gBAAgB,OAAO;EAChC,CAAC;EAKD,MAAM,mBAAmB,eAAe;GACtC,IAAI,qBAAqB,UAAU,KAAA,GACjC,OAAO;GAET,OAAO,qBAAqB,MAAM,SAAS;EAC7C,CAAC;;UAKS,qBAAA,UAAyB,KAAA,KAAS,CAAK,iBAAA,SAAA,UAAA,GAD/C,YAIiD,MAAA,eAAA,GAAA;;IAF/C,OAAM;IACN,MAAK;IACJ,sBAAsB,qBAAA;4CAGZ,qBAAA,UAAyB,KAAA,KAAa,iBAAA,SAAA,UAAA,GADnD,YAIgB,MAAA,sBAAA,GAAA;;IAFd,OAAM;IACL,SAAS,qBAAA;IACV,MAAK;6CAEP,mBAIM,OAJN,YAIM,gBADD,MAAA,SAAA,CAAS,CAAA,iBAAA,CAAA,GAAA,CAAA"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 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"]]);
+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 };
 

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

@@ -1,7 +1,7 @@
 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({
+var ExampleResponseTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ExampleResponseTab",
 	setup(__props) {
 		return (_ctx, _cache) => {

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

@@ -1 +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"}
+{"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,GAAA,GAAA,EATJ,IAAG,WAAU,GAAA;sBAQJ,EATC,eAAQ,CAElB,mBAOS,UAAA;KANP,OAAK,eAAA,CAAC,OAAK,EAAA,gBACe,SAAQ,CAAA,CAAA;KAClC,MAAK;QACL,mBAEO,QAAA,MAAA,CADL,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/features/example-responses/ExampleResponseTabList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponseTabList.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponseTabList.vue"],"names":[],"mappings":"AA6IA,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;iFAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ExampleResponseTabList.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponseTabList.vue"],"names":[],"mappings":"AA8IA,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;iFAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 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-49a8c0af"]]);
+var ExampleResponseTabList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ExampleResponseTabList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-49a8c0af"]]);
 //#endregion
 export { ExampleResponseTabList_default as default };
 

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

@@ -2,7 +2,7 @@ import { createBlock, createVNode, defineComponent, openBlock, renderSlot, unref
 import { TabGroup, TabList } from "@headlessui/vue";
 import { ScalarCardHeader } from "@scalar/components/card";
 //#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({
+var ExampleResponseTabList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ExampleResponseTabList",
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

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

@@ -1 +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/card'\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"}
+{"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/card'\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;GACnC,KAAK,UAAU,KAAK;EACtB;;uBAGE,YASmB,MAAA,gBAAA,GAAA,EATD,OAAM,6CAA4C,GAAA;IAMvD,SAAO,cACO,CAAvB,WAAuB,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA;2BAFd,CAJX,YAIW,MAAA,QAAA,GAAA,EAJA,UAAQ,UAAS,GAAA;4BAGhB,CAFV,YAEU,MAAA,OAAA,GAAA,EAFD,OAAM,yBAAwB,GAAA;6BAC7B,CAAR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

package/dist/features/example-responses/ExampleResponses.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponses.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponses.vue"],"names":[],"mappings":"AA2YA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAarE;;GAEG;AAEH,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,eAAe,CAAA;IAC1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC7B,CAAC;AAuZF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ExampleResponses.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponses.vue"],"names":[],"mappings":"AA2YA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAarE;;GAEG;AAEH,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,eAAe,CAAA;IAC1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC7B,CAAC;AAyZF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 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-5123cd9f"]]);
+var ExampleResponses_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ExampleResponses_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5123cd9f"]]);
 //#endregion
 export { ExampleResponses_default as default };
 

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

@@ -25,7 +25,7 @@ var _hoisted_3 = { class: "response-description" };
 /**
 * TODO: copyToClipboard isn't using the right content if there are multiple examples
 */
-var ExampleResponses_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ExampleResponses_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ExampleResponses",
 	props: {
 		responses: {},

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponses.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponses.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ExamplePicker } from '@scalar/blocks/code-example'\nimport {\n  ScalarCard,\n  ScalarCardFooter,\n  ScalarCardSection,\n} from '@scalar/components/card'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport { objectKeys } from '@scalar/helpers/object/object-keys'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { getExample } from '@scalar/workspace-store/request-example'\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'\nimport { useLocalization } from '@/features/localization'\n\nimport ExampleResponse from './ExampleResponse.vue'\nimport ExampleResponseTab from './ExampleResponseTab.vue'\nimport ExampleResponseTabList from './ExampleResponseTabList.vue'\nimport { hasResponseContent } from './helpers/has-response-content'\nimport { normalizeMimeTypeObject } from './helpers/normalize-mime-type-object'\n\n/**\n * TODO: copyToClipboard isn't using the right content if there are multiple examples\n */\n\nconst { responses, selectedExample, eventBus } = defineProps<{\n  responses: ResponsesObject\n  /**\n   * The document-wide selected example key. Honored only when the current response defines an\n   * example with the same key, so response example pickers stay in sync between operations without\n   * blanking out responses that do not share that key.\n   */\n  selectedExample?: string\n  /** Event bus, used to broadcast the selected example so other operations can follow */\n  eventBus?: WorkspaceEventBus\n}>()\nconst { translate } = useLocalization()\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 re-resolve `selectedExampleKey` the same way `changeTab` does, so the picker keeps the\n * document-wide selection when the newly active response defines it instead of being blanked out.\n */\nwatch(statusCodesWithContent, (codes) => {\n  if (codes.length === 0) {\n    selectedResponseIndex.value = 0\n  } else if (selectedResponseIndex.value >= codes.length) {\n    selectedResponseIndex.value = codes.length - 1\n  } else {\n    return\n  }\n  selectedExampleKey.value = resolveExampleKey(selectedExample)\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 = objectKeys(normalizedContent ?? {})\n  return normalizedContent?.[keys[0] ?? '']\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\n/** Resolve the example key to show, preferring the document-wide selection when this response has it */\nconst resolveExampleKey = (preferred: string | undefined): string => {\n  const keys = Object.keys(currentResponseContent.value?.examples ?? {})\n  if (preferred && keys.includes(preferred)) {\n    return preferred\n  }\n  // Keep the current example when it is still valid, otherwise fall back to the first one\n  if (selectedExampleKey.value && keys.includes(selectedExampleKey.value)) {\n    return selectedExampleKey.value\n  }\n  return keys[0] ?? ''\n}\n\n// Initialize from the document-wide selection, falling back to the first example\nselectedExampleKey.value = resolveExampleKey(selectedExample)\n\n// Follow the document-wide selection when it changes and this response has that example\nwatch(\n  () => selectedExample,\n  (preferred) => {\n    selectedExampleKey.value = resolveExampleKey(preferred)\n  },\n)\n\n/** Select an example and sync the choice across the document so other operations follow */\nconst selectExample = (key: string) => {\n  selectedExampleKey.value = key\n  eventBus?.emit('workspace:update:selected-example', key)\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  // Re-apply the document-wide selection for the newly selected response, falling back to its first example\n  selectedExampleKey.value = resolveExampleKey(selectedExample)\n}\n\nconst showSchema = ref(false)\n</script>\n<template>\n  <ScalarCard\n    v-if=\"statusCodesWithContent.length\"\n    :aria-label=\"translate('response.exampleResponses')\"\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>{{ translate('response.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          {{ translate('response.showSchema') }}\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        class=\"response-example-selector px-0\"\n        :examples=\"currentResponseContent?.examples\"\n        :modelValue=\"selectedExampleKey\"\n        @update:modelValue=\"selectExample\" />\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":"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"}
+{"version":3,"file":"ExampleResponses.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponses.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ExamplePicker } from '@scalar/blocks/code-example'\nimport {\n  ScalarCard,\n  ScalarCardFooter,\n  ScalarCardSection,\n} from '@scalar/components/card'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport { objectKeys } from '@scalar/helpers/object/object-keys'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { getExample } from '@scalar/workspace-store/request-example'\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'\nimport { useLocalization } from '@/features/localization'\n\nimport ExampleResponse from './ExampleResponse.vue'\nimport ExampleResponseTab from './ExampleResponseTab.vue'\nimport ExampleResponseTabList from './ExampleResponseTabList.vue'\nimport { hasResponseContent } from './helpers/has-response-content'\nimport { normalizeMimeTypeObject } from './helpers/normalize-mime-type-object'\n\n/**\n * TODO: copyToClipboard isn't using the right content if there are multiple examples\n */\n\nconst { responses, selectedExample, eventBus } = defineProps<{\n  responses: ResponsesObject\n  /**\n   * The document-wide selected example key. Honored only when the current response defines an\n   * example with the same key, so response example pickers stay in sync between operations without\n   * blanking out responses that do not share that key.\n   */\n  selectedExample?: string\n  /** Event bus, used to broadcast the selected example so other operations can follow */\n  eventBus?: WorkspaceEventBus\n}>()\nconst { translate } = useLocalization()\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 re-resolve `selectedExampleKey` the same way `changeTab` does, so the picker keeps the\n * document-wide selection when the newly active response defines it instead of being blanked out.\n */\nwatch(statusCodesWithContent, (codes) => {\n  if (codes.length === 0) {\n    selectedResponseIndex.value = 0\n  } else if (selectedResponseIndex.value >= codes.length) {\n    selectedResponseIndex.value = codes.length - 1\n  } else {\n    return\n  }\n  selectedExampleKey.value = resolveExampleKey(selectedExample)\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 = objectKeys(normalizedContent ?? {})\n  return normalizedContent?.[keys[0] ?? '']\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\n/** Resolve the example key to show, preferring the document-wide selection when this response has it */\nconst resolveExampleKey = (preferred: string | undefined): string => {\n  const keys = Object.keys(currentResponseContent.value?.examples ?? {})\n  if (preferred && keys.includes(preferred)) {\n    return preferred\n  }\n  // Keep the current example when it is still valid, otherwise fall back to the first one\n  if (selectedExampleKey.value && keys.includes(selectedExampleKey.value)) {\n    return selectedExampleKey.value\n  }\n  return keys[0] ?? ''\n}\n\n// Initialize from the document-wide selection, falling back to the first example\nselectedExampleKey.value = resolveExampleKey(selectedExample)\n\n// Follow the document-wide selection when it changes and this response has that example\nwatch(\n  () => selectedExample,\n  (preferred) => {\n    selectedExampleKey.value = resolveExampleKey(preferred)\n  },\n)\n\n/** Select an example and sync the choice across the document so other operations follow */\nconst selectExample = (key: string) => {\n  selectedExampleKey.value = key\n  eventBus?.emit('workspace:update:selected-example', key)\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  // Re-apply the document-wide selection for the newly selected response, falling back to its first example\n  selectedExampleKey.value = resolveExampleKey(selectedExample)\n}\n\nconst showSchema = ref(false)\n</script>\n<template>\n  <ScalarCard\n    v-if=\"statusCodesWithContent.length\"\n    :aria-label=\"translate('response.exampleResponses')\"\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>{{ translate('response.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          {{ translate('response.showSchema') }}\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        class=\"response-example-selector px-0\"\n        :examples=\"currentResponseContent?.examples\"\n        :modelValue=\"selectedExampleKey\"\n        @update:modelValue=\"selectExample\" />\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":"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"}

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

@@ -5,7 +5,7 @@ import { ScalarVirtualCodeBlock } from "@scalar/components/virtual-code-block";
 import { prettyPrintJson } from "@scalar/helpers/json/pretty-print-json";
 //#region src/features/example-responses/ExampleSchema.vue?vue&type=script&setup=true&lang.ts
 var VIRTUALIZATION_THRESHOLD = 2e4;
-var ExampleSchema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ExampleSchema_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ExampleSchema",
 	props: {
 		id: {},

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleSchema.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleSchema.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getResolvedRefDeep } from '@scalar/blocks/code-example'\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarVirtualCodeBlock } from '@scalar/components/virtual-code-block'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport type { ReferenceType } from '@scalar/workspace-store/schemas/v3.1/strict/reference'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/schema'\nimport { computed } from 'vue'\n\nconst { id, schema } = defineProps<{\n  id: string\n  schema: ReferenceType<SchemaObject>\n}>()\n\nconst schemaContent = computed(() => {\n  if (!schema) {\n    return undefined\n  }\n\n  return prettyPrintJson(getResolvedRefDeep(schema))\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\nconst shouldVirtualizeSchema = computed(() => {\n  return (schemaContent.value?.length ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n</script>\n\n<template>\n  <ScalarCodeBlock\n    v-if=\"!shouldVirtualizeSchema\"\n    :id=\"id\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"schemaContent ?? ''\" />\n  <ScalarVirtualCodeBlock\n    v-else\n    :id=\"id\"\n    class=\"bg-b-2\"\n    :content=\"schemaContent ?? ''\"\n    lang=\"json\" />\n</template>\n"],"mappings":";;;;;;AAsBA,IAAM,2BAA2B;;;;;;;;EARjC,MAAM,gBAAgB,eAAe;AACnC,OAAI,CAAC,QAAA,OACH;AAGF,UAAO,gBAAgB,mBAAmB,QAAA,OAAO,CAAA;IAClD;EAID,MAAM,yBAAyB,eAAe;AAC5C,WAAQ,cAAc,OAAO,UAAU,KAAK;IAC7C;;WAKU,uBAAA,SAAA,WAAA,EADT,YAKgD,MAAA,gBAAA,EAAA;;IAH7C,IAAI,QAAA;IACL,OAAM;IACN,MAAK;IACJ,sBAAsB,cAAA,SAAa;gEACtC,YAKgB,MAAA,uBAAA,EAAA;;IAHb,IAAI,QAAA;IACL,OAAM;IACL,SAAS,cAAA,SAAa;IACvB,MAAK"}
+{"version":3,"file":"ExampleSchema.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleSchema.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getResolvedRefDeep } from '@scalar/blocks/code-example'\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarVirtualCodeBlock } from '@scalar/components/virtual-code-block'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport type { ReferenceType } from '@scalar/workspace-store/schemas/v3.1/strict/reference'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/schema'\nimport { computed } from 'vue'\n\nconst { id, schema } = defineProps<{\n  id: string\n  schema: ReferenceType<SchemaObject>\n}>()\n\nconst schemaContent = computed(() => {\n  if (!schema) {\n    return undefined\n  }\n\n  return prettyPrintJson(getResolvedRefDeep(schema))\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\nconst shouldVirtualizeSchema = computed(() => {\n  return (schemaContent.value?.length ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n</script>\n\n<template>\n  <ScalarCodeBlock\n    v-if=\"!shouldVirtualizeSchema\"\n    :id=\"id\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"schemaContent ?? ''\" />\n  <ScalarVirtualCodeBlock\n    v-else\n    :id=\"id\"\n    class=\"bg-b-2\"\n    :content=\"schemaContent ?? ''\"\n    lang=\"json\" />\n</template>\n"],"mappings":";;;;;;AAsBA,IAAM,2BAA2B;;;;;;;;EARjC,MAAM,gBAAgB,eAAe;GACnC,IAAI,CAAC,QAAA,QACH;GAGF,OAAO,gBAAgB,mBAAmB,QAAA,MAAM,CAAC;EACnD,CAAC;EAID,MAAM,yBAAyB,eAAe;GAC5C,QAAQ,cAAc,OAAO,UAAU,KAAK;EAC9C,CAAC;;WAKU,uBAAA,SAAA,UAAA,GADT,YAKgD,MAAA,eAAA,GAAA;;IAH7C,IAAI,QAAA;IACL,OAAM;IACN,MAAK;IACJ,sBAAsB,cAAA,SAAa;gEACtC,YAKgB,MAAA,sBAAA,GAAA;;IAHb,IAAI,QAAA;IACL,OAAM;IACL,SAAS,cAAA,SAAa;IACvB,MAAK"}

package/dist/features/example-responses/helpers/has-response-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"has-response-content.js","names":[],"sources":["../../../../src/features/example-responses/helpers/has-response-content.ts"],"sourcesContent":["import { objectKeys } from '@scalar/helpers/object/object-keys'\nimport type { MediaTypeObject, ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { normalizeMimeTypeObject } from './normalize-mime-type-object'\n\n/**\n * Checks if a media type object has any displayable content.\n * This includes having a schema, a single example, or multiple examples.\n *\n * Note: We use explicit property checks for `example` because falsy values\n * like `0`, `false`, and `\"\"` are valid JSON examples that should be displayed.\n * We still treat `null` as \"no content\" since it explicitly indicates absence.\n */\nfunction hasMediaTypeContent(mediaType: MediaTypeObject | undefined): boolean {\n  if (!mediaType) {\n    return false\n  }\n\n  const hasSchema = Boolean(mediaType.schema)\n  const hasExample = 'example' in mediaType && mediaType.example !== null\n  const hasExamples = Boolean(mediaType.examples)\n\n  return hasSchema || hasExample || hasExamples\n}\n\nfunction isResponseKey(responseKey: string): boolean {\n  return responseKey === 'default' || /^[1-5][0-9]{2}$/.test(responseKey) || /^[1-5]XX$/.test(responseKey)\n}\n\n/**\n * Checks if a response object has body content (schema, example, or examples).\n * Looks through common media types in priority order.\n */\nexport function hasResponseContent(response: ResponseObject | undefined, responseKey?: string): boolean {\n  if (responseKey !== undefined) {\n    if (!isResponseKey(responseKey)) {\n      return false\n    }\n\n    return Boolean(response)\n  }\n\n  const normalizedContent = normalizeMimeTypeObject(response?.content)\n  const keys = objectKeys(normalizedContent ?? {})\n\n  const mediaType =\n    normalizedContent?.['application/json'] ??\n    normalizedContent?.['application/xml'] ??\n    normalizedContent?.['text/plain'] ??\n    normalizedContent?.['text/html'] ??\n    normalizedContent?.['*/*'] ??\n    normalizedContent?.[keys[0] ?? '']\n\n  return hasMediaTypeContent(mediaType)\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAS,oBAAoB,WAAiD;AAC5E,KAAI,CAAC,UACH,QAAO;CAGT,MAAM,YAAY,QAAQ,UAAU,OAAO;CAC3C,MAAM,aAAa,aAAa,aAAa,UAAU,YAAY;CACnE,MAAM,cAAc,QAAQ,UAAU,SAAS;AAE/C,QAAO,aAAa,cAAc;;AAGpC,SAAS,cAAc,aAA8B;AACnD,QAAO,gBAAgB,aAAa,kBAAkB,KAAK,YAAY,IAAI,YAAY,KAAK,YAAY;;;;;;AAO1G,SAAgB,mBAAmB,UAAsC,aAA+B;AACtG,KAAI,gBAAgB,KAAA,GAAW;AAC7B,MAAI,CAAC,cAAc,YAAY,CAC7B,QAAO;AAGT,SAAO,QAAQ,SAAS;;CAG1B,MAAM,oBAAoB,wBAAwB,UAAU,QAAQ;CACpE,MAAM,OAAO,WAAW,qBAAqB,EAAE,CAAC;AAUhD,QAAO,oBAPL,oBAAoB,uBACpB,oBAAoB,sBACpB,oBAAoB,iBACpB,oBAAoB,gBACpB,oBAAoB,UACpB,oBAAoB,KAAK,MAAM,IAEI"}
+{"version":3,"file":"has-response-content.js","names":[],"sources":["../../../../src/features/example-responses/helpers/has-response-content.ts"],"sourcesContent":["import { objectKeys } from '@scalar/helpers/object/object-keys'\nimport type { MediaTypeObject, ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { normalizeMimeTypeObject } from './normalize-mime-type-object'\n\n/**\n * Checks if a media type object has any displayable content.\n * This includes having a schema, a single example, or multiple examples.\n *\n * Note: We use explicit property checks for `example` because falsy values\n * like `0`, `false`, and `\"\"` are valid JSON examples that should be displayed.\n * We still treat `null` as \"no content\" since it explicitly indicates absence.\n */\nfunction hasMediaTypeContent(mediaType: MediaTypeObject | undefined): boolean {\n  if (!mediaType) {\n    return false\n  }\n\n  const hasSchema = Boolean(mediaType.schema)\n  const hasExample = 'example' in mediaType && mediaType.example !== null\n  const hasExamples = Boolean(mediaType.examples)\n\n  return hasSchema || hasExample || hasExamples\n}\n\nfunction isResponseKey(responseKey: string): boolean {\n  return responseKey === 'default' || /^[1-5][0-9]{2}$/.test(responseKey) || /^[1-5]XX$/.test(responseKey)\n}\n\n/**\n * Checks if a response object has body content (schema, example, or examples).\n * Looks through common media types in priority order.\n */\nexport function hasResponseContent(response: ResponseObject | undefined, responseKey?: string): boolean {\n  if (responseKey !== undefined) {\n    if (!isResponseKey(responseKey)) {\n      return false\n    }\n\n    return Boolean(response)\n  }\n\n  const normalizedContent = normalizeMimeTypeObject(response?.content)\n  const keys = objectKeys(normalizedContent ?? {})\n\n  const mediaType =\n    normalizedContent?.['application/json'] ??\n    normalizedContent?.['application/xml'] ??\n    normalizedContent?.['text/plain'] ??\n    normalizedContent?.['text/html'] ??\n    normalizedContent?.['*/*'] ??\n    normalizedContent?.[keys[0] ?? '']\n\n  return hasMediaTypeContent(mediaType)\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAS,oBAAoB,WAAiD;CAC5E,IAAI,CAAC,WACH,OAAO;CAGT,MAAM,YAAY,QAAQ,UAAU,MAAM;CAC1C,MAAM,aAAa,aAAa,aAAa,UAAU,YAAY;CACnE,MAAM,cAAc,QAAQ,UAAU,QAAQ;CAE9C,OAAO,aAAa,cAAc;AACpC;AAEA,SAAS,cAAc,aAA8B;CACnD,OAAO,gBAAgB,aAAa,kBAAkB,KAAK,WAAW,KAAK,YAAY,KAAK,WAAW;AACzG;;;;;AAMA,SAAgB,mBAAmB,UAAsC,aAA+B;CACtG,IAAI,gBAAgB,KAAA,GAAW;EAC7B,IAAI,CAAC,cAAc,WAAW,GAC5B,OAAO;EAGT,OAAO,QAAQ,QAAQ;CACzB;CAEA,MAAM,oBAAoB,wBAAwB,UAAU,OAAO;CACnE,MAAM,OAAO,WAAW,qBAAqB,CAAC,CAAC;CAU/C,OAAO,oBAPL,oBAAoB,uBACpB,oBAAoB,sBACpB,oBAAoB,iBACpB,oBAAoB,gBACpB,oBAAoB,UACpB,oBAAoB,KAAK,MAAM,GAEG;AACtC"}

package/dist/features/example-responses/helpers/normalize-mime-type-object.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-mime-type-object.js","names":[],"sources":["../../../../src/features/example-responses/helpers/normalize-mime-type-object.ts"],"sourcesContent":["import type { ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { normalizeMimeType } from './normalize-mime-type'\n\n/**\n * Remove charset from content types\n *\n * Example: `application/json; charset=utf-8` -> `application/json`\n */\nexport function normalizeMimeTypeObject(content?: ResponseObject['content']): ResponseObject['content'] {\n  if (!content) {\n    return content\n  }\n\n  const newContent: ResponseObject['content'] = {\n    ...content,\n  }\n\n  Object.entries(newContent).forEach(([key, value]) => {\n    const normalizedKey = normalizeMimeType(key)\n    if (normalizedKey) {\n      newContent[normalizedKey] = value\n    }\n  })\n\n  return newContent\n}\n"],"mappings":";;;;;;;AASA,SAAgB,wBAAwB,SAAgE;AACtG,KAAI,CAAC,QACH,QAAO;CAGT,MAAM,aAAwC,EAC5C,GAAG,SACJ;AAED,QAAO,QAAQ,WAAW,CAAC,SAAS,CAAC,KAAK,WAAW;EACnD,MAAM,gBAAgB,kBAAkB,IAAI;AAC5C,MAAI,cACF,YAAW,iBAAiB;GAE9B;AAEF,QAAO"}
+{"version":3,"file":"normalize-mime-type-object.js","names":[],"sources":["../../../../src/features/example-responses/helpers/normalize-mime-type-object.ts"],"sourcesContent":["import type { ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { normalizeMimeType } from './normalize-mime-type'\n\n/**\n * Remove charset from content types\n *\n * Example: `application/json; charset=utf-8` -> `application/json`\n */\nexport function normalizeMimeTypeObject(content?: ResponseObject['content']): ResponseObject['content'] {\n  if (!content) {\n    return content\n  }\n\n  const newContent: ResponseObject['content'] = {\n    ...content,\n  }\n\n  Object.entries(newContent).forEach(([key, value]) => {\n    const normalizedKey = normalizeMimeType(key)\n    if (normalizedKey) {\n      newContent[normalizedKey] = value\n    }\n  })\n\n  return newContent\n}\n"],"mappings":";;;;;;;AASA,SAAgB,wBAAwB,SAAgE;CACtG,IAAI,CAAC,SACH,OAAO;CAGT,MAAM,aAAwC,EAC5C,GAAG,QACL;CAEA,OAAO,QAAQ,UAAU,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;EACnD,MAAM,gBAAgB,kBAAkB,GAAG;EAC3C,IAAI,eACF,WAAW,iBAAiB;CAEhC,CAAC;CAED,OAAO;AACT"}

package/dist/features/example-responses/helpers/normalize-mime-type.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-mime-type.js","names":[],"sources":["../../../../src/features/example-responses/helpers/normalize-mime-type.ts"],"sourcesContent":["import type { ContentType } from '@scalar/types/legacy'\n\n/**\n * Normalizes a MIME type to a standard format.\n *\n * Input: application/problem+json; charset=utf-8\n * Output: application/json\n */\nexport function normalizeMimeType(contentType: undefined): undefined\nexport function normalizeMimeType(contentType: string): ContentType\nexport function normalizeMimeType(contentType: string | undefined): ContentType | undefined {\n  if (typeof contentType !== 'string') {\n    return undefined\n  }\n\n  return (\n    contentType\n      // Remove '; charset=utf-8'\n      .replace(/;.*$/, '')\n      // Remove 'problem+' but keep vendor-specific vnd and fhir mime types\n      .replace(/\\/(?!.*vnd\\.|fhir\\+).*\\+/, '/')\n      // Remove whitespace\n      .trim() as ContentType\n  )\n}\n"],"mappings":";AAUA,SAAgB,kBAAkB,aAA0D;AAC1F,KAAI,OAAO,gBAAgB,SACzB;AAGF,QACE,YAEG,QAAQ,QAAQ,GAAG,CAEnB,QAAQ,4BAA4B,IAAI,CAExC,MAAM"}
+{"version":3,"file":"normalize-mime-type.js","names":[],"sources":["../../../../src/features/example-responses/helpers/normalize-mime-type.ts"],"sourcesContent":["import type { ContentType } from '@scalar/types/legacy'\n\n/**\n * Normalizes a MIME type to a standard format.\n *\n * Input: application/problem+json; charset=utf-8\n * Output: application/json\n */\nexport function normalizeMimeType(contentType: undefined): undefined\nexport function normalizeMimeType(contentType: string): ContentType\nexport function normalizeMimeType(contentType: string | undefined): ContentType | undefined {\n  if (typeof contentType !== 'string') {\n    return undefined\n  }\n\n  return (\n    contentType\n      // Remove '; charset=utf-8'\n      .replace(/;.*$/, '')\n      // Remove 'problem+' but keep vendor-specific vnd and fhir mime types\n      .replace(/\\/(?!.*vnd\\.|fhir\\+).*\\+/, '/')\n      // Remove whitespace\n      .trim() as ContentType\n  )\n}\n"],"mappings":";AAUA,SAAgB,kBAAkB,aAA0D;CAC1F,IAAI,OAAO,gBAAgB,UACzB;CAGF,OACE,YAEG,QAAQ,QAAQ,EAAE,CAAC,CAEnB,QAAQ,4BAA4B,GAAG,CAAC,CAExC,KAAK;AAEZ"}

package/dist/features/external-docs/ExternalDocs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalDocs.vue.d.ts","sourceRoot":"","sources":["../../../src/features/external-docs/ExternalDocs.vue"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8DAA8D,CAAA;AAE/G,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,2BAA2B,CAAA;CACpC,CAAC;AAsFF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ExternalDocs.vue.d.ts","sourceRoot":"","sources":["../../../src/features/external-docs/ExternalDocs.vue"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,8DAA8D,CAAA;AAG/G,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,2BAA2B,CAAA;CACpC,CAAC;AA0GF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/external-docs/ExternalDocs.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalDocs.vue.js","names":[],"sources":["../../../src/features/external-docs/ExternalDocs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconBook } from '@scalar/icons'\nimport type { ExternalDocumentationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\ndefineProps<{\n  value?: ExternalDocumentationObject\n}>()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n        :href=\"value.url\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconBook\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span\n          v-if=\"value.description\"\n          class=\"ml-1 empty:hidden\">\n          {{ value.description }}\n        </span>\n        <span\n          v-else\n          class=\"ml-1 empty:hidden\">\n          {{ value.url }}\n        </span>\n      </a>\n    </div>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ExternalDocs.vue.js","names":[],"sources":["../../../src/features/external-docs/ExternalDocs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconBook } from '@scalar/icons'\nimport type { ExternalDocumentationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value?: ExternalDocumentationObject\n}>()\n\n/**\n * The external docs URL comes from the OpenAPI document, which is untrusted input, so a protocol\n * like `javascript:` would execute script on click. Fall back to the plain text label in that case.\n */\nconst url = computed(() => sanitizeUrl(value?.url))\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <component\n        :is=\"url ? 'a' : 'span'\"\n        class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n        :href=\"url\"\n        :rel=\"url ? 'noopener noreferrer' : undefined\"\n        :target=\"url ? '_blank' : undefined\">\n        <ScalarIconBook\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span\n          v-if=\"value.description\"\n          class=\"ml-1 empty:hidden\">\n          {{ value.description }}\n        </span>\n        <span\n          v-else\n          class=\"ml-1 empty:hidden\">\n          {{ value.url }}\n        </span>\n      </component>\n    </div>\n  </template>\n</template>\n"],"mappings":""}

package/dist/features/external-docs/ExternalDocs.vue.script.js

@@ -1,33 +1,45 @@
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { ScalarIconBook } from "@scalar/icons";
+import { sanitizeUrl } from "@scalar/helpers/url/is-safe-url";
 //#region src/features/external-docs/ExternalDocs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
 	class: "group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0"
 };
-var _hoisted_2 = ["href"];
-var _hoisted_3 = {
+var _hoisted_2 = {
 	key: 0,
 	class: "ml-1 empty:hidden"
 };
-var _hoisted_4 = {
+var _hoisted_3 = {
 	key: 1,
 	class: "ml-1 empty:hidden"
 };
-var ExternalDocs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ExternalDocs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ExternalDocs",
 	props: { value: {} },
 	setup(__props) {
+		/**
+		* The external docs URL comes from the OpenAPI document, which is untrusted input, so a protocol
+		* like `javascript:` would execute script on click. Fall back to the plain text label in that case.
+		*/
+		const url = computed(() => sanitizeUrl(__props.value?.url));
 		return (_ctx, _cache) => {
-			return __props.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("a", {
+			return __props.value ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createBlock(resolveDynamicComponent(url.value ? "a" : "span"), {
 				class: "text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0",
-				href: __props.value.url,
-				rel: "noopener noreferrer",
-				target: "_blank"
-			}, [createVNode(unref(ScalarIconBook), {
-				class: "size-3 text-current",
-				weight: "bold"
-			}), __props.value.description ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.value.description), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.value.url), 1))], 8, _hoisted_2)])) : createCommentVNode("", true);
+				href: url.value,
+				rel: url.value ? "noopener noreferrer" : void 0,
+				target: url.value ? "_blank" : void 0
+			}, {
+				default: withCtx(() => [createVNode(unref(ScalarIconBook), {
+					class: "size-3 text-current",
+					weight: "bold"
+				}), __props.value.description ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.value.description), 1)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.value.url), 1))]),
+				_: 1
+			}, 8, [
+				"href",
+				"rel",
+				"target"
+			]))])) : createCommentVNode("", true);
 		};
 	}
 });

package/dist/features/external-docs/ExternalDocs.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalDocs.vue.script.js","names":[],"sources":["../../../src/features/external-docs/ExternalDocs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconBook } from '@scalar/icons'\nimport type { ExternalDocumentationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\ndefineProps<{\n  value?: ExternalDocumentationObject\n}>()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n        :href=\"value.url\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconBook\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span\n          v-if=\"value.description\"\n          class=\"ml-1 empty:hidden\">\n          {{ value.description }}\n        </span>\n        <span\n          v-else\n          class=\"ml-1 empty:hidden\">\n          {{ value.url }}\n        </span>\n      </a>\n    </div>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;UAUkB,QAAA,SAAA,WAAA,EACd,mBAqBM,OArBN,YAqBM,CAnBJ,mBAkBI,KAAA;IAjBF,OAAM;IACL,MAAM,QAAA,MAAM;IACb,KAAI;IACJ,QAAO;OACP,YAEkB,MAAA,eAAA,EAAA;IADhB,OAAM;IACN,QAAO;OAED,QAAA,MAAM,eAAA,WAAA,EADd,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAM,YAAW,EAAA,EAAA,KAAA,WAAA,EAEtB,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAM,IAAG,EAAA,EAAA,EAAA,EAAA,GAAA,WAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"ExternalDocs.vue.script.js","names":[],"sources":["../../../src/features/external-docs/ExternalDocs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconBook } from '@scalar/icons'\nimport type { ExternalDocumentationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value?: ExternalDocumentationObject\n}>()\n\n/**\n * The external docs URL comes from the OpenAPI document, which is untrusted input, so a protocol\n * like `javascript:` would execute script on click. Fall back to the plain text label in that case.\n */\nconst url = computed(() => sanitizeUrl(value?.url))\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <component\n        :is=\"url ? 'a' : 'span'\"\n        class=\"text-c-1 hover:bg-b-2 narrow:border mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 no-underline group-last:mr-0\"\n        :href=\"url\"\n        :rel=\"url ? 'noopener noreferrer' : undefined\"\n        :target=\"url ? '_blank' : undefined\">\n        <ScalarIconBook\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span\n          v-if=\"value.description\"\n          class=\"ml-1 empty:hidden\">\n          {{ value.description }}\n        </span>\n        <span\n          v-else\n          class=\"ml-1 empty:hidden\">\n          {{ value.url }}\n        </span>\n      </component>\n    </div>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,MAAM,eAAe,YAAY,QAAA,OAAO,GAAG,CAAC;;UAIhC,QAAA,SAAA,UAAA,GACd,mBAsBM,OAtBN,YAsBM,EAAA,UAAA,GApBJ,YAmBY,wBAlBL,IAAA,QAAG,MAAA,MAAA,GAAA;IACR,OAAM;IACL,MAAM,IAAA;IACN,KAAK,IAAA,QAAG,wBAA2B,KAAA;IACnC,QAAQ,IAAA,QAAG,WAAc,KAAA;;2BAGR,CAFlB,YAEkB,MAAA,cAAA,GAAA;KADhB,OAAM;KACN,QAAO;QAED,QAAA,MAAM,eAAA,UAAA,GADd,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAM,WAAW,GAAA,CAAA,MAAA,UAAA,GAEtB,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAM,GAAG,GAAA,CAAA,EAAA,CAAA"}

package/dist/features/info-object/Contact.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Contact.vue.d.ts","sourceRoot":"","sources":["../../../src/features/info-object/Contact.vue"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAEjG,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAC;AAkIF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Contact.vue.d.ts","sourceRoot":"","sources":["../../../src/features/info-object/Contact.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAGjG,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAC;AA0IF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/info-object/Contact.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Contact.vue.js","names":[],"sources":["../../../src/features/info-object/Contact.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconEnvelopeSimple, ScalarIconLink } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport type { ContactObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\ndefineProps<{\n  value?: ContactObject\n}>()\n\nconst variants = cva({\n  base: 'text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 group-last:mr-0 narrow:border',\n  variants: {\n    link: {\n      true: 'no-underline hover:bg-b-2',\n    },\n  },\n})\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <!-- Each link gets its own wrapper so the dividers render between them -->\n    <div\n      v-if=\"value.email\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"`mailto:${value.email}`\">\n        <ScalarIconEnvelopeSimple\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span class=\"ml-1 empty:hidden\">{{ value.name }}</span>\n      </a>\n    </div>\n    <div\n      v-if=\"value.url\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"value.url\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconLink\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <!-- Avoid repeating the name when the email link already shows it -->\n        <span class=\"ml-1 empty:hidden\">{{\n          value.email ? '' : value.name\n        }}</span>\n      </a>\n    </div>\n    <div\n      v-else-if=\"!value.email && value.name\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <span :class=\"variants({ link: false })\">\n        {{ value.name }}\n      </span>\n    </div>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Contact.vue.js","names":[],"sources":["../../../src/features/info-object/Contact.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport { ScalarIconEnvelopeSimple, ScalarIconLink } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport type { ContactObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value?: ContactObject\n}>()\n\n/**\n * The contact URL comes from the OpenAPI document, which is untrusted input, so a protocol like\n * `javascript:` would execute script on click. Fall back to the plain text label in that case.\n */\nconst url = computed(() => sanitizeUrl(value?.url))\n\nconst variants = cva({\n  base: 'text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 group-last:mr-0 narrow:border',\n  variants: {\n    link: {\n      true: 'no-underline hover:bg-b-2',\n    },\n  },\n})\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <!-- Each link gets its own wrapper so the dividers render between them -->\n    <div\n      v-if=\"value.email\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"`mailto:${value.email}`\">\n        <ScalarIconEnvelopeSimple\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <span class=\"ml-1 empty:hidden\">{{ value.name }}</span>\n      </a>\n    </div>\n    <div\n      v-if=\"url\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <a\n        :class=\"variants({ link: true })\"\n        :href=\"url\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\">\n        <ScalarIconLink\n          class=\"size-3 text-current\"\n          weight=\"bold\" />\n        <!-- Avoid repeating the name when the email link already shows it -->\n        <span class=\"ml-1 empty:hidden\">{{\n          value.email ? '' : value.name\n        }}</span>\n      </a>\n    </div>\n    <div\n      v-else-if=\"!value.email && value.name\"\n      class=\"group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0\">\n      <span :class=\"variants({ link: false })\">\n        {{ value.name }}\n      </span>\n    </div>\n  </template>\n</template>\n"],"mappings":""}

package/dist/features/info-object/Contact.vue.script.js

@@ -1,5 +1,6 @@
-import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
 import { ScalarIconEnvelopeSimple, ScalarIconLink } from "@scalar/icons";
+import { sanitizeUrl } from "@scalar/helpers/url/is-safe-url";
 import { cva } from "@scalar/use-hooks/useBindCx";
 //#region src/features/info-object/Contact.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -18,10 +19,15 @@ var _hoisted_7 = {
 	key: 2,
 	class: "group narrow:border-r-0 narrow:first:ml-0 flex items-center border-r first:ml-auto last:border-r-0"
 };
-var Contact_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Contact_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Contact",
 	props: { value: {} },
 	setup(__props) {
+		/**
+		* The contact URL comes from the OpenAPI document, which is untrusted input, so a protocol like
+		* `javascript:` would execute script on click. Fall back to the plain text label in that case.
+		*/
+		const url = computed(() => sanitizeUrl(__props.value?.url));
 		const variants = cva({
 			base: "text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg px-2 py-1 group-last:mr-0 narrow:border",
 			variants: { link: { true: "no-underline hover:bg-b-2" } }
@@ -33,9 +39,9 @@ var Contact_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			}, [createVNode(unref(ScalarIconEnvelopeSimple), {
 				class: "size-3 text-current",
 				weight: "bold"
-			}), createElementVNode("span", _hoisted_3, toDisplayString(__props.value.name), 1)], 10, _hoisted_2)])) : createCommentVNode("", true), __props.value.url ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("a", {
+			}), createElementVNode("span", _hoisted_3, toDisplayString(__props.value.name), 1)], 10, _hoisted_2)])) : createCommentVNode("", true), url.value ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("a", {
 				class: normalizeClass(unref(variants)({ link: true })),
-				href: __props.value.url,
+				href: url.value,
 				rel: "noopener noreferrer",
 				target: "_blank"
 			}, [createVNode(unref(ScalarIconLink), {